@extends('layouts.app')
@section('title', 'Airports | PairingPal')
@section('content')
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-3">
    <h1 class="h4 mb-0">Airports</h1>
    <div class="d-flex gap-2 align-items-center flex-wrap">
        @if (auth()->user()?->is_admin)
            <a class="btn btn-sm btn-outline-secondary" href="{{ route('airports.import-form') }}">Bulk Import</a>
        @endif
        <a class="btn btn-primary" href="{{ route('airports.create') }}">Add Airport</a>
    </div>
</div>

<div class="card border-0 shadow-sm"><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Abbr</th><th>Airport Full Name</th><th>Location</th><th>Timezone</th><th></th></tr></thead><tbody>
@forelse($airports as $airport)
<tr><td>{{ $airport->abbreviation }}</td><td>{{ $airport->full_name }}</td><td>{{ $airport->location }}</td><td>{{ $airport->timezone }}</td><td class="text-end"><a href="{{ route('airports.show',$airport) }}" class="btn btn-sm btn-outline-primary">View</a></td></tr>
@empty<tr><td colspan="5" class="text-center text-muted py-4">No airports yet.</td></tr>@endforelse
</tbody></table></div></div>
<div class="mt-3">{{ $airports->links() }}</div>
@endsection