@extends('layouts.app')

@section('content')

    <div class="container" style="padding: 50px 0;">

        <div class="row">

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

                <div class="panel panel-default">

                    <div class="panel-heading">
                        <h3>
                            رزرو پرواز
                        </h3>
                    </div>

                    <div class="panel-body">

                        {{-- اطلاعات پرواز --}}

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

                            <h3>
                                {{ $flight->title }}
                            </h3>

                            <hr>

                            <p>
                                <strong>
                                    شماره پرواز:
                                </strong>

                                {{ $flight->flight_number ?? '-' }}
                            </p>

                            <p>
                                <strong>
                                    مبدا:
                                </strong>

                                {{ $flight->origin->name ?? $flight->origin ?? '-' }}
                            </p>

                            <p>
                                <strong>
                                    مقصد:
                                </strong>

                                {{ $flight->destination->name ?? $flight->destination ?? '-' }}
                            </p>

                            <p>
                                <strong>
                                    تاریخ حرکت:
                                </strong>

                                {{ $flight->departure_date ?? '-' }}
                            </p>

                            <p>
                                <strong>
                                    قیمت:
                                </strong>

                                {{ number_format($flight->price ?? 0) }}

                                تومان
                            </p>

                        </div>


                        <hr>


                        {{-- فرم رزرو --}}

                        <form
                            action="{{ route('booking.flight.store', $flight) }}"
                            method="POST"
                        >

                            @csrf


                            <div class="form-group">

                                <label>
                                    نام مسافر
                                </label>

                                <input
                                    type="text"
                                    name="first_name"
                                    class="form-control"
                                    value="{{ old('first_name') }}"
                                    required
                                >

                            </div>


                            <div class="form-group">

                                <label>
                                    نام خانوادگی
                                </label>

                                <input
                                    type="text"
                                    name="last_name"
                                    class="form-control"
                                    value="{{ old('last_name') }}"
                                    required
                                >

                            </div>


                            <div class="form-group">

                                <label>
                                    کد ملی
                                </label>

                                <input
                                    type="text"
                                    name="national_code"
                                    class="form-control"
                                    value="{{ old('national_code') }}"
                                    required
                                >

                            </div>


                            <div class="form-group">

                                <label>
                                    شماره موبایل
                                </label>

                                <input
                                    type="text"
                                    name="phone"
                                    class="form-control"
                                    value="{{ old('phone') }}"
                                    required
                                >

                            </div>


                            <div class="form-group">

                                <label>
                                    تعداد مسافر
                                </label>

                                <input
                                    type="number"
                                    name="passengers"
                                    class="form-control"
                                    value="{{ old('passengers', 1) }}"
                                    min="1"
                                    max="10"
                                    required
                                >

                            </div>


                            <button
                                type="submit"
                                class="btn btn-success btn-lg"
                            >
                                ثبت رزرو
                            </button>

                            <a
                                href="{{ route('flights.show', $flight) }}"
                                class="btn btn-default btn-lg"
                            >
                                بازگشت
                            </a>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection