@extends('admin.layouts.app')

@section('content')

    <div class="container">

        <h4 class="mb-4">
            ثبت پرواز جدید
        </h4>

        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('admin.flights.store') }}"
              method="POST"
              enctype="multipart/form-data">

            @csrf


            <div class="row">


                <div class="col-md-6 mb-3">
                    <label>
                        ایرلاین
                    </label>

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

                    @error('airline')
                    <small class="text-danger">
                        {{ $message }}
                    </small>
                    @enderror
                </div>



                <div class="col-md-6 mb-3">
                    <label>
                        شماره پرواز
                    </label>

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

                    @error('flight_number')
                    <small class="text-danger">
                        {{ $message }}
                    </small>
                    @enderror
                </div>



                <div class="col-md-6 mb-3">
                    <label>
                        مبدا
                    </label>

                    <input type="text"
                           name="origin"
                           class="form-control"
                           value="{{ old('origin') }}">
                    @error('origin')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror


                </div>



                <div class="col-md-6 mb-3">
                    <label>
                        مقصد
                    </label>

                    <input type="text"
                           name="destination"
                           class="form-control"
                           value="{{ old('destination') }}">
                    @error('destination')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>

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

                    <label>
                        ساعت حرکت
                    </label>

                    <input type="time"
                           name="departure_time"
                           class="form-control">
                    @error('departure_time')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>


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

                    <label>
                        ساعت رسیدن
                    </label>

                    <input type="time"
                           name="arrival_time"
                           class="form-control">
                    @error('arrival_time')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>

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

                    <label>
                        نوع پرواز
                    </label>

                    <select name="type" class="form-control">
                        <option value="0">داخلی</option>
                        <option value="2">خارجی</option>
                        <option value="3">چارتر</option>
                    </select>
                    @error('type')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>


                <div class="mb-3">

                    <label class="form-label">
                        تاریخ حرکت پرواز
                    </label>


                    <input type="text"
                           id="departure_date"
                           name="departure_date"
                           class="form-control"
                           readonly
                           autocomplete="off"
                           value="{{ old('departure_date') }}"
                           placeholder="انتخاب تاریخ حرکت">

                    @error('departure_date')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>
                <div class="col-md-4 mb-3">

                    <label>
                        کلاس پرواز
                    </label>

                    <input type="text"
                           name="flight_class"
                           class="form-control">
                    @error('flight_class')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>




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

                    <label>
                        ظرفیت
                    </label>

                    <input type="number"
                           name="capacity"
                           class="form-control">
                    @error('capacity')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>



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

                    <label>
                        قیمت
                    </label>

                    <input type="number"
                           name="price"
                           class="form-control">
                    @error('price')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>



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

                    <label>
                        عکس
                    </label>

                    <input type="file"
                           name="image"
                           class="form-control">
                    @error('image')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>



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

                    <label>
                        وضعیت
                    </label>

                    <select name="status" class="form-control">
                        <option value="0">پیش‌نویس</option>
                        <option value="1">فعال</option>
                        <option value="2">غیرفعال</option>
                        <option value="3">تمام شده</option>
                        <option value="4">لغو شده</option>
                    </select>
                    @error('status')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>


            </div>


            <button class="btn btn-primary">
                ذخیره
            </button>


        </form>

    </div>

    <script>
        window.addEventListener('load', function () {
            $("#departure_date").persianDatepicker({
                format: 'YYYY/MM/DD',
                autoClose: true,
                initialValue: false,
                minDate: new persianDate()
            });
        });
    </script>
@endsection