@extends('admin.layouts.app')

@section('breadcrumb')
    <div>
        <h1 class="page-title fw-medium fs-18 mb-2">افزودن مدیر جدید</h1>

        <div>
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.admins.index') }}">مدیران</a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">
                        افزودن مدیر
                    </li>
                </ol>
            </nav>
        </div>
    </div>
@endsection


@section('content')

    <div class="container-fluid pt-4">

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

                <form action="{{ route('admin.admins.store') }}"
                      method="POST">

                    @csrf

                    {{-- اطلاعات مدیر --}}
                    <div class="card custom-card">

                        <div class="card-header">
                            <div class="card-title">
                                اطلاعات مدیر
                            </div>
                        </div>

                        <div class="card-body">

                            <div class="row gy-3">

                                {{-- نام --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">نام</label>

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

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


                                {{-- نام خانوادگی --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">نام خانوادگی</label>

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

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


                                {{-- نام کاربری --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">نام کاربری</label>

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

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


                                {{-- ایمیل --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">ایمیل</label>

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

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


                                {{-- رمز عبور --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">رمز عبور</label>

                                    <input
                                        type="password"
                                        class="form-control"
                                        name="password"
                                        placeholder="رمز عبور را وارد کنید"
                                    >

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

                                <div class="col-xl-6">
                                    <label class="form-label">تکرار رمز عبور</label>

                                    <input
                                        type="password"
                                        class="form-control"
                                        name="password_confirmation"
                                        placeholder="رمز عبور را مجدداً وارد کنید"
                                    >

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

                                {{-- وضعیت --}}
                                <div class="col-xl-6 col-lg-6">
                                    <label class="form-label">وضعیت</label>

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

                                        <option
                                            value="{{ \App\Enums\AdminStatus::ENABLE->value }}"
                                            @selected(
                                                old(
                                                    'status',
                                                    \App\Enums\AdminStatus::ENABLE->value
                                                ) == \App\Enums\AdminStatus::ENABLE->value
                                            )
                                        >
                                            فعال
                                        </option>

                                        <option
                                            value="{{ \App\Enums\AdminStatus::DISABLE->value }}"
                                            @selected(
                                                old('status') == \App\Enums\AdminStatus::DISABLE->value
                                            )
                                        >
                                            غیرفعال
                                        </option>

                                    </select>

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

                            </div>

                        </div>
                    </div>


                    {{-- دسترسی‌ها --}}
                    <div class="card custom-card mt-4">

                        <div class="card-header">
                            <div>
                                <div class="card-title mb-1">
                                    دسترسی‌های مدیر
                                </div>

                                <small class="text-muted">
                                    دسترسی‌های مورد نیاز این مدیر را انتخاب کنید.
                                </small>
                            </div>
                        </div>


                        <div class="card-body">


                            {{-- ================= مدیران ================= --}}
                            <div class="mb-4">

                                <div class="d-flex align-items-center mb-3">
                                    <i class="ri-admin-line fs-20 me-2"></i>

                                    <h6 class="mb-0 fw-semibold">
                                        مدیریت مدیران
                                    </h6>
                                </div>


                                <div class="row gy-3">

                                    {{-- مشاهده --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="admin_view"
                                                    value="1"
                                                    id="admin_view"
                                                    @checked(old('admin_view'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="admin_view"
                                                >
                                                    مشاهده مدیران
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- ایجاد --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="admin_create"
                                                    value="1"
                                                    id="admin_create"
                                                    @checked(old('admin_create'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="admin_create"
                                                >
                                                    ایجاد مدیر
                                                </label>
                                            </div>

                                        </div>
                                    </div>



                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="admin_edit"
                                                    value="1"
                                                    id="admin_edit"
                                                    @checked(old('admin_edit'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="admin_edit"
                                                >
                                                    ویرایش مدیر
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="admin_delete"
                                                    value="1"
                                                    id="admin_delete"
                                                    @checked(old('admin_delete'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="admin_delete"
                                                >
                                                    حذف مدیر
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>


                            <div class="mb-4">

                                <div class="d-flex align-items-center mb-3">
                                    <i class="ri-user-line fs-20 me-2"></i>

                                    <h6 class="mb-0 fw-semibold">
                                        مدیریت کاربران
                                    </h6>
                                </div>


                                <div class="row gy-3">

                                    {{-- مشاهده --}}
                                    <div class="col-xl-4 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="user_view"
                                                    value="1"
                                                    id="user_view"
                                                    @checked(old('user_view'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="user_view"
                                                >
                                                    مشاهده کاربران
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-xl-4 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="user_edit"
                                                    value="1"
                                                    id="user_edit"
                                                    @checked(old('user_edit'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="user_edit"
                                                >
                                                    ویرایش کاربران
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-xl-4 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="user_delete"
                                                    value="1"
                                                    id="user_delete"
                                                    @checked(old('user_delete'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="user_delete"
                                                >
                                                    حذف کاربران
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="mb-4">

                                <div class="d-flex align-items-center mb-3">
                                    <i class="ri-map-pin-line fs-20 me-2"></i>

                                    <h6 class="mb-0 fw-semibold">
                                        مدیریت تورها
                                    </h6>
                                </div>


                                <div class="row gy-3">

                                    {{-- مشاهده --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="tour_view"
                                                    value="1"
                                                    id="tour_view"
                                                    @checked(old('tour_view'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="tour_view"
                                                >
                                                    مشاهده تورها
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- ایجاد --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="tour_create"
                                                    value="1"
                                                    id="tour_create"
                                                    @checked(old('tour_create'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="tour_create"
                                                >
                                                    ایجاد تور
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- ویرایش --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="tour_edit"
                                                    value="1"
                                                    id="tour_edit"
                                                    @checked(old('tour_edit'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="tour_edit"
                                                >
                                                    ویرایش تورها
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- حذف --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="tour_delete"
                                                    value="1"
                                                    id="tour_delete"
                                                    @checked(old('tour_delete'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="tour_delete"
                                                >
                                                    حذف تورها
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>



                            {{-- ================= پروازها ================= --}}
                            <div>

                                <div class="d-flex align-items-center mb-3">
                                    <i class="ri-flight-takeoff-line fs-20 me-2"></i>

                                    <h6 class="mb-0 fw-semibold">
                                        مدیریت پروازها
                                    </h6>
                                </div>


                                <div class="row gy-3">

                                    {{-- مشاهده --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="flight_view"
                                                    value="1"
                                                    id="flight_view"
                                                    @checked(old('flight_view'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="flight_view"
                                                >
                                                    مشاهده پروازها
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- ایجاد --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="flight_create"
                                                    value="1"
                                                    id="flight_create"
                                                    @checked(old('flight_create'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="flight_create"
                                                >
                                                    ایجاد پرواز
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    {{-- ویرایش --}}
                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="flight_edit"
                                                    value="1"
                                                    id="flight_edit"
                                                    @checked(old('flight_edit'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="flight_edit"
                                                >
                                                    ویرایش پروازها
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="col-xl-3 col-lg-4 col-md-6">
                                        <div class="border rounded p-3 h-100">

                                            <div class="form-check">
                                                <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    name="flight_delete"
                                                    value="1"
                                                    id="flight_delete"
                                                    @checked(old('flight_delete'))
                                                >

                                                <label
                                                    class="form-check-label fw-medium"
                                                    for="flight_delete"
                                                >
                                                    حذف پروازها
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="card custom-card mt-4">

                        <div class="card-footer d-flex justify-content-end gap-2">

                            <a
                                href="{{ route('admin.admins.index') }}"
                                class="btn btn-light"
                            >
                                انصراف
                            </a>

                            <button
                                type="submit"
                                class="btn btn-primary"
                            >
                                <i class="ri-save-line me-1"></i>
                                ثبت مدیر
                            </button>

                        </div>

                    </div>

                </form>

            </div>
        </div>

    </div>

@endsection