@extends('layouts.app')
@section('title','Gate Passes')
@section('page-title','Gate Passes')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-door-open me-2"></i>Gate Passes</h5>
  <a href="{{ route('gate-passes.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Gate Pass</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Pass No</th><th>Date</th><th>Direction</th><th>Item</th><th>Carrier</th><th>Authorized By</th><th>Status</th><th></th></tr></thead>
  <tbody>
    @forelse($gatePasses as $gp)
    <tr>
      <td class="small fw-semibold">{{ $gp->pass_number }}</td>
      <td class="small">{{ $gp->date->format('d/m/Y') }}</td>
      <td><span class="badge bg-{{ $gp->direction==='in'?'success':'info' }}">{{ strtoupper($gp->direction) }}</span></td>
      <td class="small">{{ Str::limit($gp->item_description,30) }} ({{ $gp->quantity }})</td>
      <td class="small">{{ $gp->carrier_name }}</td>
      <td class="small">{{ $gp->authorized_by }}</td>
      <td><span class="badge bg-{{ $gp->status==='approved'?'success':($gp->status==='rejected'?'danger':'warning text-dark') }}">{{ $gp->status }}</span></td>
      <td>@if($gp->status==='pending')<form method="POST" action="{{ route('gate-passes.approve',$gp) }}">@csrf @method('PATCH')<button class="btn btn-xs btn-success" style="font-size:.75rem;padding:.15rem .4rem">Approve</button></form>@endif</td>
    </tr>
    @empty<tr><td colspan="8" class="text-center py-4 text-muted">No gate passes.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $gatePasses->links() }}</div></div>
@endsection