@extends('layouts.app')

@section('title', 'جزئیات پرواز')

@section('content')

    <div class="theme-page-section theme-page-section-gray">

        <div class="container">

            <div class="theme-page-section-header">

                <h1 class="theme-page-section-title">
                    جزئیات پرواز
                </h1>

            </div>

            <div class="row">

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

                    <div class="theme-search-results-item">

                        <div class="theme-search-results-item-preview">

                            <h3>
                                {{ $flight->origin }} → {{ $flight->destination }}
                            </h3>

                            <hr>

                            <p>
                                <strong>شماره پرواز:</strong> {{ $flight->flight_number }}
                            </p>

                            <p>
                                <strong>شرکت هواپیمایی:</strong> {{ $flight->airline_name }}
                            </p>

                            <p>
                                <strong>تاریخ حرکت:</strong> {{ $flight->departure_date }}
                            </p>

                            <p>
                                <strong>ساعت حرکت:</strong> {{ $flight->departure_time }}
                            </p>

                            <p>
                                <strong>تاریخ رسیدن:</strong> {{ $flight->arrival_date }}
                            </p>

                            <p>
                                <strong>ساعت رسیدن:</strong> {{ $flight->arrival_time }}
                            </p>

                            <p>
                                <strong>مدت پرواز:</strong> {{ $flight->duration }}
                            </p>

                            <p>
                                <strong>ظرفیت:</strong> {{ $flight->capacity }} نفر
                            </p>

                        </div>

                    </div>

                </div>

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

                    <div class="theme-search-results-item">

                        <div class="theme-search-results-item-preview">

                            <h4>قیمت بلیت</h4>

                            <h2>
                                {{ number_format($flight->price) }} تومان
                            </h2>

                            <a
                                href="{{ route('booking.flight', $flight) }}"
                                class="btn btn-primary"
                            >
                                رزرو پرواز
                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection