@extends('admin.layouts.main')
@php
  $page_name = 'Pickup Address List';
@endphp
@section('style')
  <!-- Add any custom styles if needed -->
@endsection
@section('content')
  <div class="card">
    <div class="card-body">
      <div class="d-flex justify-content-between">
        <h4 class="mb-4">{{ $page_name }}</h4>
        <div class="mb-3">
          <a href="{{ route('admin.addpickupaddress') }}" class="btn btn-primary">Create New Address</a>
        </div>
      </div>
      <div class="d-flex justify-content-between mb-3">
        <form method="GET" action="{{ route('admin.listpickupaddress') }}" class="d-flex">
          <input type="text" name="search" class="form-control me-2" placeholder="Search by address, city, or state" value="{{ request('search') }}">
          <button type="submit" class="btn btn-primary"><i class="fa-solid fa-magnifying-glass"></i></button>
          <div class="px-2">
            <a href="{{route('admin.listpickupaddress')}}" class="btn btn-primary"><i class="fa-solid fa-arrows-rotate"></i></a>
          </div>
        </form>
        
      </div>
      <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
        <tr>
          <th>#</th>
          <th>Address</th>
          <th>City</th>
          <th>State</th>
          <th>Pincode</th>
          <th>Actions</th>
        </tr>
          </thead>
          <tbody>
        @forelse ($pickupAddresses as $index => $address)
          <tr>
            <td>{{ $pickupAddresses->firstItem() + $index }}</td>
            <td>{{ $address->address }}</td>
            <td>{{ $address->city }}</td>
            <td>{{ $address->state }}</td>
            <td>{{ $address->pin_code }}</td>
            <td>
          <a href="{{ route('admin.editpickupaddress', enc($address->id) ) }}" class="btn btn-sm btn-warning">Edit</a>
          <button id="delete_button" value="{{ enc($address->id)  }}" class="btn btn-sm btn-danger">Delete</button>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="6" class="text-center">No pickup addresses found.</td>
          </tr>
        @endforelse
          </tbody>
        </table>
      </div>
      <div class="d-flex justify-content-end">
        {{ $pickupAddresses->links() }}
      </div>
    </div>
  </div>
  <!-- Delete Modal -->
  @include('components.alertmodal', [
      'modal_id' => 'deleteModal',
      'form_id' => 'deleteForm',
      'action' => route('admin.deletepickupaddress'),
      'modal_title' => 'Confirm Delete',
      'input_id' => 'deletepickupaddress',
      'modal_mess' => 'Are you sure you want to delete this address?',
      'button_type' => 'submit',
      'button_id' => 'confirmDeleteButton',
  ])
@endsection

@section('script')
  <script>
    $(document).on("click", "#delete_button", function() {
      let val = $(this).attr("value");
      $("#deletepickupaddress").val(val);
      $("#deleteModal").modal("show");
    });
  </script>
@endsection