@include('driver_header')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">

        @if(session()->has('success'))
    <div class="alert alert-success" role="alert">
    <strong>Congratulations!</strong> {{ session()->get('success') }}
    </div>
@endif
@php $q = 1; @endphp
          <div class="row">
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <p class="card-title" align="center">Task Delivery Status</p>
                  <div class="row">
                    <div class="col-12">
                      <div class="table-responsive">
                        <table id="example" class="display expandable-table dataTables-example" style="width:100%">
                          <thead>
                                    <th>Task ID</th>
                                    <th>Current Status</th>
                                    <th>Comment and Update Status</th> 

                            </tr>
                          </thead>
                          <tbody> 
                            @foreach($bookings as $booking)

                                <tr> 
                                    <th scope="row">WS000{{ $booking->id }}</th>
                                    <td>@if($booking->status==0) Yet to be picked up @elseif($booking->status==1) Picked Up @elseif($booking->status==2) In-Transit @elseif($booking->status==3) Delivered @endif</td> 
                                  <td><form action="{{ route('update.task', $booking->id) }}" method="POST">@csrf <input type="hidden" value="{{ $booking->id }}" name="id" /> @if($booking->status!=3) <div class="row"><div class="col-md-6"><select class="form-control" name="status"><option value="1">Picked Up</option><option value="2">In-Transit</option><option value="3">Delivered</option></select><br/><textarea name="comment" placeholder="Comment"></textarea></div><div class="col-md-6"><button type="submit" class="btn btn-success btn-lg" style="margin:0em;">Update</button></div></div>@else <select class="form-control" name="status" disabled><option value="1">Picked Up</option><option value="2">In-Transit</option><option value="3" selected>Delivered</option></select>@endif</form></td>

                                </tr> 

                            @endforeach
                            </tbody>                       </table>
                      </div>
                    </div>
                  </div>
                  </div>
                </div>

                
              </div>
            </div>
        </div-->
        <!-- content-wrapper ends -->
        <!-- partial: -->
        <footer class="footer">
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block"><p align="center" class="mb-0">Copyright &copy; Tritek Consulting Ltd 2023 </p>  </span>
          </div>
        </footer>
        <!-- partial -->

      </div>
      <!-- main-panel ends -->
    </div>   
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
  <!-- container-scroller -->
  <!-- plugins:js -->
  <script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>
  <script src="{{ asset('vendors/js/vendor2.bundle.base.js') }}"></script>
  <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
  <!-- endinject -->
  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/typeahead.js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('vendors/select2/select2.min.js') }}"></script>
  <!-- End plugin js for this page -->
  <!-- inject:js -->
  <script src="{{ asset('js/off-canvas.js') }}"></script>
  <script src="{{ asset('js/hoverable-collapse.js') }}"></script>
  <script src="{{ asset('js/template.js') }}"></script>
  <script src="{{ asset('js/settings.js') }}"></script>
  <script src="{{ asset('js/todolist.js') }}"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/file-upload.js') }}"></script>
  <script src="{{ asset('js/typeahead.js') }}"></script>
  <script src="{{ asset('js/select2.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/chart.js/Chart.min.js') }}"></script>
  <!-- Custom js for this page>
  <script src="{{ asset('js/chart.js') }}"></script-->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/dashboards.js') }}"></script>
  <script src="{{ asset('js/Chart.roundedBarCharts.js') }}"></script>
  <!-- End custom js for this page-->
  <script src="{{ asset('js/dataTables/datatables.min.js') }}"></script>
  <script>
        $(document).ready(function(){
            $('.dataTables-example').DataTable({
                pageLength: 25,
                responsive: true,
                dom: '<"html5buttons"B>lTfgitp',
                buttons: [
                ]

            });

        });

    </script>
  <!-- End custom js for this page-->

  <script type="text/javascript">
        (function($) {
  showSwal = function(type) {
    'use strict';
if (type === 'warning-message-and-cancel') {
      swal({
        title: 'Are you sure you want to Logout?',
        text: "Kindly Note that Any Unsaved Task on this System will be lost Once you logged Out.",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3f51b5',
        cancelButtonColor: '#ff4081',
        confirmButtonText: 'Great ',
        buttons: {
          cancel: {
            text: "Cancel",
            value: null,
            visible: true,
            className: "btn btn-danger",
            closeModal: true,
          },
          confirm: {
            text: "OK",
            visible: true,
            className: "btn btn-primary",
            closeModal: true
          }
        }
      }).then(okay => {
   if (okay) {
    window.location = "@php echo route('driver.logout') @endphp";
  }
});
    } else if (type === 'custom-html') {
      swal({
        content: {
          element: "input",
          attributes: {
            placeholder: "Type your password",
            type: "password",
            class: 'form-control'
          },
        },
        button: {
          text: "OK",
          value: true,
          visible: true,
          className: "btn btn-primary"
        }
      })
    }
  }

})(jQuery);
      </script>

</body>

</html>