@extends('app.app-master')

@section('content')
    <div class="container">
        <div class="card opaque-white">
            <div class="card-header bg-darkblue">Edit Contest</div>
            <div class="card-body">
                <div class="container">
                    <div class = "row mb-3">

                        <div class="col-md-3 mr-2">

                             <button class="btn filter-btn btn-darkblue rad-btn mr-2" type="button"><span class="btn-label"> <i class="fas fa-filter"></i></span>SHOW FILTER </button>
                        </div>
                         <div class="col-md-3 ">
                             <button type="button" class="btn btn-labeled clear-btn">
                             <span class="btn-label2"><i class="fas fa-times ml-0"></i></span>CLEAR</button>

                        </div>

                         <div class="col-md-6 ">
                            <input type="text" class="form-control srchform" placeholder="Search here" aria-label="Search here" aria-describedby="basic-addon2">

                                <button class="btn btn-darkblue srch-icon" type="button"><i class="fas fa-search srch" aria-hidden="true"></i></button>



</div>
                            </div>
                </div>

    <div class="row">
<div class="col-md-3">
   <div class="form-group">

    <select class="form-control selectbox" id="exampleFormControlSelect1">
    <option selected="true" disabled="disabled">Choose Sponsors</option>

    </select>
  </div>
</div>
<div class="col-md-3">
   <div class="form-group">

    <select class="form-control selectbox" id="exampleFormControlSelect1">
    <option selected="true" disabled="disabled">Choose Brand</option>

    </select>
  </div>
</div>
<div class="col-md-3">
   <div class="form-group">

    <select class="form-control selectbox" id="exampleFormControlSelect1">
    <option selected="true" disabled="disabled">Start Date</option>

    </select>
  </div>
</div>
<div class="col-md-3">
    <div class="form-group mb-5">

    <select class="form-control selectbox" id="exampleFormControlSelect1">
  <option selected="true" disabled="disabled">End Date</option>

    </select>
  </div>
</div>


<div class="col-md-12 table-responsive">
<table id="example" class="table table-striped table-bordered" style="width:100% height:auto;">
        <thead>
            <tr>
                <th class="center">ID <a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
                <th class="center">SPONSORS<a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
                <th class="center">CASINO<a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
                <th class="center">START DATE<a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
                <th class="center">END DATE<a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
                <th class="center">SETTINGS<a href="#"><i class="fa fa-fw fa-sort"></i></a></th>
            </tr>
        </thead>
         <tbody>
    <tr>
      <td class="text-center">1</td>
      <td class="text-center">GAMBLER-ASIA</td>
      <td class="text-center">12Bet</td>
      <td class="text-center">2019-09-18</td>
      <td class="text-center">2019-09-18</td>
      <td class="text-center">
                           <button class="btn btn-dark mx-auto  action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                           <button class="btn btn-dark mx-auto  action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true"  ></i></button>

    </tr>
    <tr>
      <td class="text-center">2</td>
      <td class="text-center">GAMBLER-ASIA</td>
      <td class="text-center">K8</td>
      <td class="text-center">2019-09-18</td>
       <td class="text-center">2019-09-18</td>
      <td class="text-center">
                          <button class="btn btn-dark mx-auto  action-btn edit-btn" ><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                           <button class="btn btn-dark mx-auto  action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true" ></i></button>

    </tr>
    <tr>
      <td class="text-center">3</td>
       <td class="text-center">GAMBLER-ASIA</td>
      <td class="text-center">138Bet</td>
       <td class="text-center">2019-09-18</td>
       <td class="text-center">2019-09-18</td>
      <td class="text-center">
                          <button class="btn btn-dark mx-auto  action-btn edit-btn"><i class="fas fa-pencil-alt" aria-hidden="true"></i></button>
                           <button class="btn btn-dark mx-auto  action-btn delete-btn"><i class="fas fa-trash" aria-hidden="true" ></i></button>


    </table>

</div>
<div class="col-md-12 ">
<ul class="pagination float-right">

    <li class="paginate_button page-item previous disabled" id="table_id_previous">
        <a href="#" aria-controls="table_id" data-dt-idx="0" tabindex="0" class="page-link1"><i class="fas fa-chevron-circle-left"></i></a></li>
    <li class="paginate_button page-item previous disabled pages" id="table_id_previous">
        <a href="#" aria-controls="table_id" data-dt-idx="0" tabindex="0" class="page-link">Page <span class="pageno ml-1 mr-1">3</span> of 12 </a></li>

    <li class="paginate_button page-item previous disabled" id="table_id_previous">
        <a href="#" aria-controls="table_id" data-dt-idx="0" tabindex="0" class="page-link2"><i class="fas fa-chevron-circle-right"></i></a></li>

    </ul>
</div>

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