@extends('admin.layouts.app')

@section('content')
    <div class="main-content app-content">
        <div class="container-fluid pt-4">

            <div class="row">
                <div class="col-xl-12">

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

                        @csrf

                        @error('general')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror

                        <div class="card custom-card">

                            <div class="card-header">
                                <div class="card-title">
                                    ایجاد تور
                                </div>
                            </div>

                            <div class="card-body pt-0">

                                <div class="row gy-3">

                                    <!-- Title -->
                                    <div class="col-xl-6">
                                        <label class="form-label">عنوان تور</label>

                                        <input
                                            type="text"
                                            class="form-control"
                                            name="title"
                                            placeholder="عنوان تور را وارد کنید"
                                            value="{{ old('title') }}"
                                        >

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


                                    <!-- Origin -->
                                    <div class="col-xl-6">
                                        <label class="form-label">مبدأ</label>

                                        <input
                                            type="text"
                                            class="form-control"
                                            name="origin"
                                            placeholder="مبدأ تور را وارد کنید"
                                            value="{{ old('origin') }}"
                                        >

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


                                    <!-- Destination -->
                                    <div class="col-xl-6">
                                        <label class="form-label">مقصد</label>

                                        <input
                                            type="text"
                                            class="form-control"
                                            name="destination"
                                            placeholder="مقصد تور را وارد کنید"
                                            value="{{ old('destination') }}"
                                        >

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

                                    <!-- Departure Time -->
                                    <div class="col-xl-6">
                                        <label class="form-label">تاریخ و زمان حرکت</label>

                                        <input
                                            type="text"
                                            class="form-control"
                                            name="departure_time_jalali"
                                            id="departure_time_jalali"
                                            data-jdp
                                            data-jdp-target-value-input="#departure_time_gregorian"
                                            data-jdp-target-value-type="gregorian"
                                            autocomplete="off"
                                            placeholder="مثلاً 1403/05/29 14:30"
                                            value="{{ old('departure_time_jalali') }}"
                                        >

                                        <input
                                            type="hidden"
                                            name="departure_time"
                                            id="departure_time_gregorian"
                                            value="{{ old('departure_time') }}"
                                        >

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

                                    <!-- Duration -->
                                    <div class="col-xl-6">
                                        <label class="form-label">مدت تور</label>

                                        <input
                                            type="number"
                                            class="form-control"
                                            name="duration"
                                            placeholder="مدت تور را وارد کنید"
                                            value="{{ old('duration') }}"
                                        >

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


                                    <!-- Price -->
                                    <div class="col-xl-6">
                                        <label class="form-label">قیمت</label>

                                        <input
                                            type="number"
                                            class="form-control"
                                            name="price"
                                            placeholder="قیمت تور را وارد کنید"
                                            value="{{ old('price') }}"
                                        >

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


                                    <!-- Status -->
                                    <div class="col-xl-6">
                                        <label class="form-label">وضعیت</label>

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

                                            <option
                                                value="0"
                                                @selected(old('status') == '0')
                                            >
                                                غیرفعال
                                            </option>

                                            <option
                                                value="1"
                                                @selected(old('status', '1') == '1')
                                            >
                                                فعال
                                            </option>

                                        </select>

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


                                    <!-- Summary -->
                                    <div class="col-xl-12">
                                        <label class="form-label">خلاصه</label>

                                        <input
                                            type="text"
                                            class="form-control"
                                            name="summary"
                                            placeholder="خلاصه‌ای از تور"
                                            value="{{ old('summary') }}"
                                        >

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


                                    <!-- Description -->
                                    <div class="col-xl-12">
                                        <label class="form-label">توضیحات</label>

                                        <textarea
                                            class="form-control"
                                            name="description"
                                            rows="4"
                                            placeholder="توضیحات تور را وارد کنید"
                                        >{{ old('description') }}</textarea>

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


                                    <!-- Image -->
                                    <div class="col-xl-12">

                                        <label class="form-label">تصویر تور</label>

                                        <input
                                            type="file"
                                            class="form-control"
                                            name="image"
                                            accept=".jpg,.jpeg,.png,.webp"
                                        >

                                        @error('image')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div>

                                </div>

                            </div>

                            <div class="card-footer text-end">

                                <button type="submit" class="btn btn-primary">
                                    ایجاد تور
                                </button>

                            </div>

                        </div>

                    </form>

                </div>
            </div>

        </div>
    </div>

    <link rel="stylesheet" href="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.css">
    <script src="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.js"></script>

    <script>
        jalaliDatepicker.startWatch({
            date: true,
            time: true,
            hasSecond: false,
            targetValueInput: 'attr',
            targetValueType: 'attr',
            minDate: 'today'
        });
    </script>
@endsection