@extends('layouts.app')
@section('title', $airport->abbreviation . ' | Airports | PairingPal')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h1 class="h4">{{ $airport->abbreviation }}</h1>
    <div class="d-flex gap-2">
        <a class="btn btn-outline-primary" href="{{ route('airports.edit', $airport) }}">Edit</a>
        <form method="POST" action="{{ route('airports.destroy', $airport) }}">
            @csrf
            @method('DELETE')
            <button class="btn btn-outline-danger" onclick="return confirm('Delete airport?')">Delete</button>
        </form>
    </div>
</div>
<div class="card border-0 shadow-sm">
    <div class="card-body">
        <p class="mb-2"><strong>Abbr:</strong> {{ $airport->abbreviation }}</p>
        <p class="mb-2"><strong>Airport Full Name:</strong> {{ $airport->full_name }}</p>
        <p class="mb-2"><strong>Location:</strong> {{ $airport->location }}</p>
        <p class="mb-0"><strong>Timezone:</strong> {{ $airport->timezone }}</p>
    </div>
</div>
@endsection