@extends('layouts.admin')

@section('content')

<div class="flex justify-between items-center mb-6">
	<h1 class="text-2xl font-bold">
		@if(request()->filled('search'))
			Search Results
		@else
			Airports
		@endif
	</h1>
	<x-admin.search index="admin.airports.index" />
    <a href="{{ route('admin.airports.create') }}"
       class="inline-block bg-green-600 hover:bg-green-700 text-white font-semibold px-4 py-2 rounded">
        Add Airport
    </a>
</div>

<x-admin.table
	:items="$airports"
	:columns="[
		['label' => 'Code', 'field' => 'code', 'class' => 'font-mono'],
		['label' => 'Name', 'field' => 'name'],
		['label' => 'Latitude', 'field' => 'lat'],
		['label' => 'Longitude', 'field' => 'lon'],
		]"
	itemRoute="admin.airports"
	:itemActions="['delete','edit']"
	:currentSort="$currentSort"
	:currentDir="$currentDir"
	/>

<div class="mt-4">
    {{ $airports->links() }}
</div>

@endsection