@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">
                    <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="0"
                                                id="flight-type-0"
                                                {{ request('flight_type') === '0' ? '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="1"
                                                id="flight-type-1"
                                                {{ request('flight_type') === '1' ? '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="2"
                                                id="flight-type-2"
                                                {{ request('flight_type') === '2' ? '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>

                    <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