@extends('layouts/contentNavbarLayout')

@section('title', 'White list')

@section('content')
    <h4 class="py-3 mb-4"><span class="text-muted fw-light">Vehicle /</span> White List
    </h4>
        <div class="card">
            <div class="card-body row g-2">
              <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
                <h5 class="m-0 me-2">White List</h5>
                <div>
                  <a href="/whitelist/create" class="fw-medium btn btn-primary" style="color: white;">
                      Add Vehicle </a>
                </div>
              </div>
              @csrf
              <div class="table-responsive text-nowrap">
                @include('whitelist.table')
              </div>
            </div>
        </div>

@endsection

@section('page-script')

  <script type="text/javascript">
    $(document).ready(function () {

      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          ajax: "{{ route('whitelist-table') }}",
          columns: [
              { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
              {data: 'owner_name', name: 'owner_name'},
              {data: 'make', name: 'make'},
              {data: 'model', name: 'make'},
              {data: 'color', name: 'color'},
              {data: 'license_plate_number', name: 'license_plate_number'},

              {data: 'action', name: 'action', orderable: false, searchable: false},
          ]
      });

    });


    function deleteWhitelist(id) {
      var response = confirm("Are you sure you want to proceed to delete?");
        if (response) {
          $.ajax({
              url: '{{ route('whitelist.destroy', 'id') }}',
              type: 'DELETE',
              headers: {
                  'Content-Type': 'application/json',
                  'X-CSRF-TOKEN': $('input[name="_token"]').val()
              },
              dataType: 'json',
              data: JSON.stringify({
                "id": id,
              }),
              success: function(data) {
                  console.log(data)
                  if (data.success) {
                      alert('Whitelist vehicle deleted successfully.');
                      window.location.href = "/white-list-vehicles";
                  } else {
                      alert('Error:'+ data.error);
                  }
              },
              error: function(error) {
                  alert('Error:'+ JSON.stringify(error.responseJSON.error));
              }
          });
          // Add logic to execute if confirmed
        } else {
            alert("Whitelist vehicle is safe.");
            // Handle cancellation
        }
    }
  </script>

@endsection