@include('dashboard.include.header')

  
  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Check List</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="/home">Home</a></li>
              <li class="breadcrumb-item active">Check List</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
   
    <section class="content">
      <div class="container-fluid">

      <div class="card">
        <div class="card-body">
        <form class="form-horizontal" method="POST" action="/checklistfilter">
          {{csrf_field()}}

          <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                <label>Date Range</label>
                <div class="input-group">
                    <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="far fa-calendar-alt"></i>
                    </span>
                    </div>
                    <input type="text" class="form-control float-right" value="" id="reservation" name="daterange">
                </div>
                </div>
            </div>
            <div class="col-md-3">
            <div class="form-group">
                  <label>Delivery Partner</label>
                  <select class="select2" multiple="multiple" name="DeliveryPartner[]" id="DeliveryPartner" data-placeholder="Delivery Partner" style="width: 100%;">
                            @foreach($del as $data)
                            
                            <option value="{{ $data->id }}" >{{ $data->deliveryname }}</option>
                           
                            @endforeach
                  </select>
                </div>
            </div>
            <div class="col-md-3">
            <div class="form-group">
                <label>Order Status</label>
                  <select class="select2" multiple="multiple" name="OrderStatus[]" id="OrderStatus" data-placeholder="Order Status" style="width: 100%;">
                      <option value="17">Received Order</option>
                      <option value="5" >Colombo Confirm</option>
                      <option value="6">Out Confirm </option>
                      <option value="7" >Return Order</option>
                      <option value="8" >Dispatched Orders</option>
                      <option value="9" >Money Received</option>
                      <option value="10">Cancel</option>
                      <option value="12" >Colombo Assign</option>
                      <option value="11">Out Assign</option>
                      <option value="13" >Pick</option>
                      <option value="15" >Packed</option>
                      <option value="18">Delivered</option>
                      <option value="19">City Update</option>
                      <option value="33">Paid to Reseller</option>
                      <option value="34">Return to Reseller</option>
                      <option value="35">Refund to Reseller</option>
                      <option value="32">Out Of Stock</option>
                  </select>
                </div>
            </div>
            <div class="col-md-3">
            <div class="form-group">
                <label>Reseller Company</label>
                  <select class="select2" multiple="multiple" name="DeliveryRider[]" id="DeliveryRider" data-placeholder="DeliveryRider" style="width: 100%;">
                            @foreach($delise as $data)
                            <option value="{{ $data->id }}">{{ $data->companyname }}</option>
                            @endforeach
                  </select>
                </div>
            </div>
          </div>

          <div class="row">
    


          </div>
          <div class="row">
          <div class="col-md-3">
            <div class="form-group">
                <label>Product Name</label>
                  <select class="select2" multiple="multiple" name="productname[]" id="productname" data-placeholder="Product Name" style="width: 100%;">
                    @foreach($product as $prodata)
                      <option value="{{ $prodata->id }}" >{{ $prodata->name }}</option>
                    @endforeach
                    
                  </select>
                </div>
            </div>
            <div class="col-md-3">
            <div class="form-group">
                <label>Return/Delivered Status</label>
                  <select class="select2" multiple="multiple" name="returnauth[]" id="returnauth" data-placeholder="Return Status" style="width: 100%;">
                      <option value="0" >Not Delivered</option>
                      <option value="21" >Not Delivered</option>
                      <option value="22" >Unauthorized Return</option>
                      <option value="23" >Authorized Return</option>                                     
                  </select>
                </div>
            </div>
            <div class="col-md-2" style="padding-top:32px;">
                <div class="form-group">
                <button type="submit"  formtarget="_blank" class="btn btn-info btn-block">Check List</button>
                </div>
            </div>

            </div>

          </div>


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




      <!-- <div class="card">
        <div class="card-body">
          <div class="row">
            <div class="col-md-12">
                <table id="example12" data-page-length='50' class="table table-bordered" style="width:100%; font-size:11px;">
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Waybill</th>
                            <th>Courier Service</th>
                            <th>Name</th>
                            <th>Address</th>
                            <th>Phone</th>
                            <th>Product</th>
                            <th>COD</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
 
                    </tbody>

                </table>
            </div>
          </div>
          </div>
        </div> -->

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



  @include('dashboard.include.footer');

<script>
$(document).ready(function() {
    $('#example12').DataTable({
        "responsive": true, "lengthChange": true, "autoWidth": false,"order": [[ 0, "asc" ]],
      // "buttons": ["copy", "csv", "excel", "pdf", "print"]
      "buttons": [ {extend: 'copy',footer: true,exportOptions: {columns: [0,1,2,3,4,5,6,7]}},   
      {extend: 'csv',footer: true,exportOptions: {columns: [0,1,2,3,4,5,6,7]}},
      {extend: 'excel',footer: true,exportOptions: {columns: [0,1,2,3,4,5,6,7]}},
      {extend: 'pdf',footer: true,exportOptions: {columns: [0,1,2,3,4,5,6,7]}},
      {extend: 'print',footer: true,exportOptions: {columns: [0,1,2,3,4,5,6,7]}},      
    ]  
    }).buttons().container().appendTo('#example12_wrapper .col-md-6:eq(0)');
} );


    $('#reservation').daterangepicker({
        locale: {
            format: 'YYYY/MM/DD'
        }
    });


    $('.select2').select2()
</script>