@extends('app.app-master')

@section('content')
    <div class="container">
        <div class="card opaque-white">
            <div class="card-header bg-darkblue">Lists</div>
            <div class="card-body">
                <div class="container">


                    <div class = "row">
                        <div class="input-group mb-3 col-md-4">
                            <div class="input-group-append">
                                <button class="btn btn-dark mx-auto d-block btn-pri add-new-brand-btn btn-blk" data-toggle="modal" data-target="#AddNewBrand"><i class="fas fa-plus" aria-hidden="true" ></i>Add New Brand</button>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="container-fluid brand-listing">

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>12Bet</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true" data-toggle="modal" data-target="#DeleteBrand"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn" data-toggle="modal" data-target="#EditBrand"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>188Bet</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Bet138</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Bet98vn</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Clubvegas999</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Dafabet</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Empire777</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                    <div class="per-brand">
                        <div class="row">
                                <div class="col-md-6">
                                    <p>Fun88</p>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-dark mx-auto float-right action-btn delete-btn" type="button"><i class="fas fa-trash" aria-hidden="true"></i></button>
                                    <button class="btn btn-dark mx-auto float-right action-btn edit-btn" type="button"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                                </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection





{{-- ADD NEW BRAND MODAL --}}

<!-- Modal -->
<div class="modal fade" id="AddNewBrand" tabindex="-1" role="dialog" aria-labelledby="AddNewBrand" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="AddNewBrand">Add New Brand</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

           <form method="POST">
              {{-- Form Details --}}
              
              <input type="hidden" id="contest_id" name="contest_id" value=>
                 <div class="form-group text-uppercase">
                   <label for="BrandName">Brand Name*</label>
                   <input type="text" class="form-control" id="brand_name" name="brand_name" placeholder="Enter Brand Name" required>
                 </div>

                 <div class="form-group text-uppercase">
                   <label for="URL">URL*</label>
                   <input type="text" class="form-control" id="url" name="url" placeholder="Enter URL for Lead Form" required>
                 </div>
           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary cancel-btn" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary add-btn" type="submit">Add Brand</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->



{{-- EDIT BRAND MODAL --}}

<!-- Modal -->
<div class="modal fade" id="EditBrand" tabindex="-1" role="dialog" aria-labelledby="EditBrand" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="EditBrand">Update Brand</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body container-fluid">

           <form method="POST" action=>
              {{-- Form Details --}}
              
              <input type="hidden" id="contest_id" name="contest_id" value=>

                 <div class="form-group text-uppercase">
                   <label for="BrandName">Brand Name*</label>
                   <input type="text" class="form-control" id="brand_name" name="brand_name" placeholder="Enter Brand Name" required>
                 </div>

                 <div class="form-group text-uppercase">
                   <label for="URL">URL*</label>
                   <input type="text" class="form-control" id="url" name="url" placeholder="Enter URL for Lead Form" required>
                 </div>

           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary cancel-btn" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary add-btn" type="submit">Update Brand</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->



{{-- DELETE BRAND MODAL --}}

<!-- Modal -->
<div class="modal fade" id="DeleteBrand" tabindex="-1" role="dialog" aria-labelledby="DeleteBrand" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="DeleteBrand">Delete Brand</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body container-fluid">

            <P>You will be deleting this brand. Are you sure?</P>
           <form method="POST" action=>
              {{-- Form Details --}}
              
              <input type="hidden" id="contest_id" name="contest_id" value=>

                 <div class="form-group text-uppercase">
                   <label for="BrandName">Brand Name</label>
                   <input type="text" class="form-control" id="brand_name" name="brand_name" placeholder="Enter Brand Name" required>
                 </div>

           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary cancel-btn" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary add-btn" type="submit">Delete Brand</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->