@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.tours.store') }}"
              method="POST"
              enctype="multipart/form-data">

            @csrf


            <div class="row">


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

                    <label>
                        عنوان تور
                    </label>

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

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


                </div>



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

                    <label>
                        نوع سفر
                    </label>

                    <select name="travel_type_id"
                            class="form-control">

                        <option value="1">
                            داخلی
                        </option>

                        <option value="2">
                            خارجی
                        </option>

                        <option value="3">
                            چارتر
                        </option>

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

                </div>



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

                    <label>
                        خلاصه
                    </label>

                    <textarea name="summary"
                              class="form-control"
                              rows="3">{{ old('summary') }}
                    </textarea>
                    @error('summary')
                    <div class="text-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                </div>



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

                    <label>
                        توضیحات کامل
                    </label>

                    <textarea name="description"
                              class="form-control"
                              rows="6">{{ old('description') }}
                    </textarea>
                    @error('description')
                    <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"
                           value="{{ old('price') }}">
                    @error('price')
                    <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="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>

                    </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