@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
  <div class="content container-fluid">

    @component('components.breadcrumb')
      @slot('title') Passport & Visa Management @endslot
    @endcomponent

    @if (session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    @if (session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

    <div class="row">
      <div class="col-sm-12">

        <div class="card">
          <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title mb-0">Employees with Passport / Visa Details</h4>
            @can('passport-visa-manage')
              <a href="{{ route('passport-visa.create') }}" class="btn btn-sm btn-primary">
                Add / Manage Passport & Visa
              </a>
            @endcan
          </div>

          <div class="card-body">
            <div class="table-responsive custom-table">
              <table class="table" id="PassportVisaTable">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>Employee</th>
                    <th>Email</th>
                    <th>Type</th>
                    <th>Passport No</th>
                    <th>Passport Validity</th>
                    <th>Visa Status</th>
                    <th>Visa Expiry</th>
                    <th>Country</th>
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($items as $index => $row)
                    <tr>
                      <td>{{ $index + 1 }}</td>
                      <td>{{ $row->name }}</td>
                      <td>{{ $row->email }}</td>
                      <td>{{ $row->resource_type }}</td>
                      <td>{{ $row->passport_no ?? '—' }}</td>
                      <td>{{ $row->passport_validity ? \Carbon\Carbon::parse($row->passport_validity)->format('d M Y') : '—' }}</td>
                      <td>{{ $row->visa_status ?? '—' }}</td>
                      <td>{{ $row->visa_expiry_date ? \Carbon\Carbon::parse($row->visa_expiry_date)->format('d M Y') : '—' }}</td>
                     <td>{{ $row->visa_country_name ?? '—' }}</td>
                      <td>
                        @can('passport-visa-manage')
                          <a href="{{ route('passport-visa.edit', $row->user_id) }}" class="btn btn-sm btn-success">
                            Edit
                          </a>
                        @endcan
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>

          </div><!-- card-body -->
        </div><!-- card -->

      </div>
    </div>

  </div>
</div>
@endsection

@push('scripts')
<script>
  initDataTableWithFilters && initDataTableWithFilters('PassportVisaTable');
</script>
@endpush