@extends('layouts.app')

@section('content')

    <main class="main">

        @include('show-layouts.breadcrumb', [
            'title' => 'جزئیات پرواز',
            'current' => $flight->departureAirport->city->name . ' - ' . $flight->arrivalAirport->city->name,
        ])

        <div class="hotel-single py-120">
            <div class="container">
                <div class="listing-wrapper">
                    <div class="row">
                        <div class="col-lg-8">

                            <div class="listing-content">

                                <div class="listing-slider owl-carousel owl-theme" dir="ltr">
                                    <img
                                        src="{{ asset('assets/img/flight/single-1.jpg') }}"
                                        alt=""
                                    >
                                </div>

                                <div class="listing-header">

                                    <div class="listing-header-info">

                                        <h4 class="listing-title">

                                            {{ $flight->departureAirport->city->name }}

                                            <i class="far fa-exchange"></i>

                                            {{ $flight->arrivalAirport->city->name }}

                                        </h4>

                                        <p class="listing-stop">
                                            <i class="far fa-plane"></i>
                                            {{ $flight->airline->name }}
                                        </p>

                                    </div>

                                </div>


                                <div class="listing-item listing-flight">

                                    <div class="flight-booking-time">

                                        <div class="start-time">

                                            <div class="start-time-icon">
                                                <i class="fal fa-plane-departure"></i>
                                            </div>

                                            <div class="start-time-info">

                                                <h6 class="start-time-text">
                                                    پرواز برخاست
                                                </h6>

                                                <p class="flight-full-date">
                                                    {{ $flight->departure_time->toJalali()->format('l، j F Y | H:i') }}
                                                </p>

                                                <span class="flight-destination">
                                                    {{ $flight->departureAirport->name }}
                                                    ({{ $flight->departureAirport->code }})
                                                </span>

                                            </div>

                                        </div>


                                        <div class="flight-stop">
                                            <div class="flight-stop-arrow"></div>
                                        </div>


                                        <div class="end-time">

                                            <div class="start-time-icon">
                                                <i class="fal fa-plane-arrival"></i>
                                            </div>

                                            <div class="start-time-info">

                                                <h6 class="end-time-text">
                                                    فرود پرواز
                                                </h6>

                                                <span class="flight-destination">
                                                    {{ $flight->arrivalAirport->name }}
                                                    ({{ $flight->arrivalAirport->code }})
                                                </span>

                                            </div>

                                        </div>

                                    </div>

                                </div>


                                <div class="listing-item pt-5">

                                    <div class="row">

                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-plane-up"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>خطوط هوایی</h6>

                                                    <span>
                                                        {{ $flight->airline->name }}
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-users"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>ظرفیت پرواز</h6>

                                                    <span>
                                                        {{ number_format($flight->capacity) }} صندلی
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-calendar-days"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>تاریخ حرکت</h6>

                                                    <span>
                                                        {{ $flight->departure_time->toJalali()->format('Y/m/d') }}
                                                    </span>

                                                </div>

                                            </div>

                                        </div>


                                        <div class="col-md-6 col-lg-3">

                                            <div class="listing-feature">

                                                <div class="listing-feature-icon">
                                                    <i class="far fa-eye"></i>
                                                </div>

                                                <div class="listing-feature-content">

                                                    <h6>بازدید این پرواز</h6>

                                                    <span>
                                                        {{ number_format($flight->views) }} بازدید
                                                    </span>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>


                                @if($flight->summary)

                                    <div class="listing-item">

                                        <h4 class="mb-3">
                                            درباره این پرواز
                                        </h4>

                                        <p>
                                            {{ $flight->summary }}
                                        </p>

                                    </div>
                                @endif
                                @include('show-layouts.reviews', [
                                'item' => $flight,
                                  'type' => 'flight',
                                      'comments' => $flight->comments
                                   ])
                            </div>

                        </div>


                        @include('show-layouts.sidebar', [
                            'item' => $flight,
                            'type' => 'flight'
                        ])


                    </div>

                </div>

            </div>
        </div>

    </main>

@endsection