@extends('layouts.app')

@section('content')
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
    <div class="app-page flex-column flex-column-fluid" id="kt_app_page" style="margin-top: -3%;">
        <div class="container py-5 app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-10">
                        <h3 class="mb-4">Flight Routes Management</h3>

                        <form action="{{route('flight.save')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="recordid" value="{{ old('id', $editFlight->id ?? '') }}">

                            <!-- Route Name -->
                            <div class="mb-3">
                                <label for="route_name" class="form-label">Route Name</label>
                                <input type="text" name="route_name" class="form-control" required value="{{ old('route_name', $editFlight->route_name ?? '') }}">
                            </div>

                            <!-- Description -->
                            <div class="mb-3">
                                <label for="description" class="form-label">Description</label>
                                <textarea name="description" class="form-control" rows="3">{{ old('description', $editFlight->description ?? '') }}</textarea>
                            </div>

                            <!-- Departure Airport -->
                            <div class="mb-3">
                                <label for="departure_airport" class="form-label">Departure Airport</label>
                                <input type="text" name="departure_airport" class="form-control" required value="{{ old('departure_airport', $editFlight->departure_airport ?? '') }}">
                            </div>

                            <!-- Arrival Airport -->
                            <div class="mb-3">
                                <label for="arrival_airport" class="form-label">Arrival Airport</label>
                                <input type="text" name="arrival_airport" class="form-control" required value="{{ old('arrival_airport', $editFlight->arrival_airport ?? '') }}">
                            </div>

                            <!-- Duration -->
                            <div class="mb-3">
                                <label for="duration" class="form-label">Flight Duration (e.g. 2h 30m)</label>
                                <input type="text" name="duration" class="form-control" value="{{ old('duration', $editFlight->duration ?? '') }}">
                            </div>

                            <!-- Price -->
                            <div class="mb-3">
                                <label for="price" class="form-label">Starting Price</label>
                                <input type="number" name="price" class="form-control" required value="{{ old('price', $editFlight->price ?? '') }}">
                            </div>

                            <!-- Availability -->
                            <div class="mb-3">
                                <label for="availability" class="form-label">Availability</label>
                                <input type="text" name="availability" class="form-control" placeholder="e.g. Available, Not Available" value="{{ old('availability', $editFlight->availability ?? '') }}">
                            </div>

                            <!-- Gallery Upload -->
                            <div class="mb-3">
                                <label for="gallery" class="form-label">Gallery Images</label>
                                <input type="file" name="gallery[]" class="form-control" multiple>
                                @if(isset($editFlight) && $editFlight->gallery)
                                    <div class="mt-2">
                                        @foreach($editFlight->gallery as $img)
                                            <img src="{{ asset('uploads/' . $img) }}" alt="Flight Image" width="80" class="me-2 mb-2">
                                        @endforeach
                                    </div>
                                @endif
                            </div>

                            <!-- Destination -->
                            <div class="mb-3">
                                <label for="destination_id" class="form-label">Destination</label>
                                <select name="destination_id" class="form-select" required>
                                    <option value="">Select Destination</option>
                                     
                                    @foreach($destinations as $destination)
                                        <option value="{{ $destination->id }}"
                                            {{ old('destination_id', $editFlight->destination_id ?? '') == $destination->id ? 'selected' : '' }}>
                                            {{ $destination->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <!-- Category -->
                            <div class="mb-3">
                                <label for="category_id" class="form-label">Category</label>
                                <select name="category_id" class="form-select" required>
                                    <option value="">Select Category</option>
                                    
                                    @foreach($categories as $category)
                                        <option value="{{ $category->id }}"
                                            {{ old('category_id', $editFlight->category_id ?? '') == $category->id ? 'selected' : '' }}>
                                            {{ $category->name }}
                                        </option>
                                    @endforeach 
                                </select>
                            </div>

                            <!-- Status -->
                            <div class="mb-3 form-check">
                                <input type="checkbox" name="is_active" class="form-check-input" id="is_active" value="1"
                                    {{ old('is_active', $editFlight->is_active ?? false) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">Enable Listing</label>
                            </div>

                            <!-- Submit -->
                            <div class="d-flex justify-content-end mt-4">
                                <button type="submit" class="btn btn-success px-4 py-2">
                                    {{ isset($editFlight) ? 'Update Flight Route' : 'Create Flight Route' }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection