@extends('layouts.app')
@section('content')
<!-- Header -->
<div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
   <div class="container-fluid">
      <div class="header-body">
         <div class="row align-items-center py-4">
            <div class="col-lg-6 col-7">
               <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                  <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                     <li class="breadcrumb-item"><a href="{{url('user/home')}}"><i class="fas fa-home"></i></a></li>
                     <li class="breadcrumb-item"><a href="{{url('userdelivery')}}">Delivery</a></li>
                     <li class="breadcrumb-item active" aria-current="page">List</li>
                  </ol>
               </nav>
            </div>
            <!-- <div class="col-lg-6 col-5 text-right">
               <a href="{{url('user/add')}}" class="btn btn-sm btn-neutral">New</a>
            </div> -->
         </div>
      </div>
   </div>
</div>
<div class="container-fluid mt--7">
<!-- Table -->
<div class="row">
   <div class="col">
      <div class="card shadow">
         <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-8">
                  <h4 class="mb-0">Delivery</h4>
                </div>
                <!-- <div class="col-4 text-right">
                  <a href="javascript:" title="Advanced Search" data-toggle="modal" data-target="#filterModal" data-whatever="@mdo" class="btn btn-primary btn-sm"><i class="fa fa-search" aria-hidden="true"></i></a>
                </div> -->

              </div>
            </div>
            <div class="col-12 text-right">
              <div class="pull-right">
                <a href="{{ URL::to('userdelivery/add') }}" class="btn btn-info btn-sm">Add Delivery <i class="fa fa-plus" aria-hidden="true"></i></a>

                <a href="{{ URL::to('userdelivery/deliverycalendar') }}" class="btn btn-danger btn-sm">Calendar View <i class="fas fa-calendar-alt" aria-hidden="true"></i></a>
                
              </div>
            </div>
            
            
         <div class="table-responsive">
            @if(Session::has('message'))
            <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                {{ Session::get('message') }}
            </div>
            @endif
                <table class="table table-hover table-bordered table-striped datatable" id="order">
               <thead class="thead-light">
                  <tr>
                     <th scope="col">SI.No</th>
                     <th scope="col">Traking Id</th>
                     <th scope="col">Sender Name</th>
                     <th scope="col">Zip Code</th>
                     <th scope="col">Address</th>
                     <th scope="col">Unit</th>
                     <th scope="col">Recipient Name</th>
                     <th scope="col">Recipient Zip Code</th>
                     <th scope="col">Address</th>
                     <th scope="col">Unit</th>
                     <th scope="col">phone</th>
                     <th scope="col">Property</th>
                     <th scope="col" class="noExport">Status</th>
                     <th scope="col" class="noExport">Action</th>
                  </tr>
               </thead>
               <tbody>
            @if($i=1)@endif
              @foreach ($deliveries as $delivery)

            <tr>
              <td>{{$i}}</td>
              <td>{{$delivery->tracking_id }}</td>
              <td>{{$delivery->sender_name }}</td>
              <td>{{$delivery->zip_code }}</td>
              <td>{{$delivery->address }}</td>
              <td>{{$delivery->sender_unit_number }}</td>
              <td>{{$delivery->recipient_name }}</td>
              <td>{{$delivery->recipient_zip_code }}</td>
              <td>{{$delivery->recipient_address}}</td>
              <td>{{$delivery->recipient_unit_number }}</td>
              <td>{{$delivery->recipient_phone_number }}</td>
              <td>{{$delivery->recipient_property }}</td>
              <td id="delivery_status_tr_{{$delivery->id}}">
                          @if ($delivery->status == 1)
                              <span class="label label-success">Active</span>
                          @elseif ($delivery->status == 0)
                             <span class="label label-info">Pending</span>
                          @else
                  <span class="label label-danger">Blocked</span>
                @endif
              </td>
              <td>  
                <div class="btn-group" style="width:100%;">
                  <a data-toggle="tooltip"  class="btn btn-link btn-sm"title="View" href="{{URL::to('userdelivery/deliveryview/' . $delivery->id )}}" ><i class="fa fa-eye"></i></a>
                  {!! Form::open(array('method'=> 'DELETE', 'route' => array('deliverydestroy', $delivery->id))) !!}
                  <button  data-placement="left" data-toggle="tooltip" title="Delete " type="submit" class="btn btn-link btn-sm" onclick="return confirm('Do you want to delete ?')"><i class="fa fa-trash" aria-hidden="true"></i></button>
                  {!! Form::close() !!}                 
                </div>
              </td>
            </tr>
            @if($i++)@endif
            @endforeach 
                   
          </tbody>                           
            </table>    
                
         </div>
      </div>
   </div>
</div>
</div>

<script type="text/javascript">
  $(document).ready(function() {
  
        $(".buttons-csv").addClass("btn btn-info btn-sm");

    var oTable = $('#order').DataTable({
        dom: 'lBfrtip',
        buttons: [
            {
                extend: 'csv',
                text: 'Export CSV',
                title: 'DeliveryExport',
                exportOptions: {
                    columns: "thead th:not(.noExport)"
                }
            }, 
        ],
    });
     $('.dataTables_filter').hide();
  });

</script>

@endsection