@extends('layouts.app')

@section('content')

    <main class="main">

        <div
            class="site-breadcrumb"
            style="background: url({{ asset('assets/img/breadcrumb/01.jpg') }})"
        >
            <div class="container">

                <h2 class="breadcrumb-title">
                    لیست پرواز
                </h2>

                <ul class="breadcrumb-menu">
                    <li>
                        <a href="{{ route('index') }}">
                            صفحه اصلی
                        </a>
                    </li>

                    <li class="active">
                        لیست پرواز
                    </li>
                </ul>

            </div>
        </div>


        @include('components.search-area')


        <div class="flight-booking flight-list py-120">

            <div class="container">

                <div class="row">

                    {{-- Sidebar --}}
                    <div class="col-lg-4 col-xl-3 mb-4">

                        <div class="booking-sidebar">

                            <form
                                action="{{ route('flights.index') }}"
                                method="GET"
                            >

                                <input
                                    type="hidden"
                                    name="from-destination"
                                    value="{{ request('from-destination') }}"
                                >

                                <input
                                    type="hidden"
                                    name="to-destination"
                                    value="{{ request('to-destination') }}"
                                >

                                <input
                                    type="hidden"
                                    name="journey-date"
                                    value="{{ request('journey-date') }}"
                                >


                                <div class="booking-item">

                                    <h4 class="booking-title">
                                        نوع پرواز
                                    </h4>


                                    <div class="flight-class">

                                        {{-- یک طرفه --}}
                                        <div class="form-check">

                                            <input
                                                class="form-check-input"
                                                type="radio"
                                                name="flight_type"
                                                value="{{ \App\Enums\FlightType::DEPARTURE->value }}"
                                                id="flight-type-0"
                                                {{ request('flight_type') === (string) \App\Enums\FlightType::DEPARTURE->value ? 'checked' : '' }}
                                            >

                                            <label
                                                class="form-check-label"
                                                for="flight-type-0"
                                            >
                                                یک‌طرفه
                                            </label>

                                        </div>


                                        {{-- برگشت --}}
                                        <div class="form-check">

                                            <input
                                                class="form-check-input"
                                                type="radio"
                                                name="flight_type"
                                                value="{{ \App\Enums\FlightType::RETURN->value }}"
                                                id="flight-type-1"
                                                {{ request('flight_type') === (string) \App\Enums\FlightType::RETURN->value ? 'checked' : '' }}
                                            >

                                            <label
                                                class="form-check-label"
                                                for="flight-type-1"
                                            >
                                                برگشت
                                            </label>

                                        </div>


                                        {{-- رفت و برگشت --}}
                                        <div class="form-check">

                                            <input
                                                class="form-check-input"
                                                type="radio"
                                                name="flight_type"
                                                value="{{ \App\Enums\FlightType::ROUNDTRIP->value }}"
                                                id="flight-type-2"
                                                {{ request('flight_type') === (string) \App\Enums\FlightType::ROUNDTRIP->value ? 'checked' : '' }}
                                            >

                                            <label
                                                class="form-check-label"
                                                for="flight-type-2"
                                            >
                                                رفت و برگشت
                                            </label>

                                        </div>


                                        <div class="text-center mt-3">

                                            <button
                                                type="submit"
                                                class="theme-btn"
                                            >
                                                <i class="far fa-filter"></i>
                                                اعمال فیلتر
                                            </button>

                                        </div>

                                    </div>

                                </div>

                            </form>

                        </div>

                    </div>


                    {{-- Flights --}}
                    <div class="col-lg-8 col-xl-9">

                        <div class="col-md-12">

                            <div class="booking-sort">

                                <h5>
                                    {{ $flights->total() }}
                                    پرواز پیدا شد
                                </h5>

                            </div>

                        </div>


                        <div class="row align-items-center">

                            @forelse($flights as $flight)

                                @include('components.flight', [
                                    'flight' => $flight
                                ])

                            @empty

                                <div class="col-12 text-center">

                                    <p>
                                        در حال حاضر هیچ پروازی ثبت نشده است.
                                    </p>

                                </div>

                            @endforelse

                        </div>


                        <div class="mt-10 w-full">

                            {{ $flights->links() }}

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </main>

@endsection