@extends('layouts.app')

@section('content')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{ asset('assets/img/banner/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>

        <div class="search-area">
            <div class="container">
                <div class="search-wrapper">

                    @include('components.flight-search')

                </div>
            </div>
        </div>


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

                    <div class="col-lg-4 col-xl-3 mb-4">
                        <form action="{{ route('flights.index') }}" method="GET">
                            <div class="booking-sidebar">
                                <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>
                            </div>
                        </form>
                    </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">

                            @forelse($flights as $flight)
                                @include('components.flight')
                            @empty
                                <div class="col-12">
                                    <div class="text-center py-5">
                                        <i class="far fa-plane-slash fa-3x mb-3"></i>
                                        <h4>پروازی یافت نشد</h4>
                                        <p>در حال حاضر هیچ پروازی برای نمایش وجود ندارد.</p>
                                    </div>
                                </div>
                            @endforelse

                            {{ $flights->links() }}

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
@endsection