@extends('admin.layouts.app')

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

        @error('general')
        <span class="text-danger">{{ $message }}</span>
        @enderror
        <div class="row">
            <div class="col-xl-12">
                <form action="{{ route('admin.admins.store') }}" method="POST" enctype="multipart/form-data">
                    @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">
                                    <label class="form-label">نام</label>
                                    <input type="text" class="form-control" name="first_name"
                                           value="{{ old('first_name') }}" placeholder="نام را وارد کنید">
                                    @error('first_name')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-xl-6">
                                    <label class="form-label">نام خانوادگی</label>
                                    <input type="text" class="form-control" name="last_name"
                                           value="{{ old('last_name') }}" placeholder="نام خانوادگی را وارد کنید">
                                    @error('last_name')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-xl-6">
                                    <label class="form-label">نام کاربری</label>
                                    <input type="text" class="form-control" name="username"
                                           value="{{ old('username') }}" placeholder="نام کاربری">
                                    @error('username')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-xl-6">
                                    <label class="form-label">ایمیل</label>
                                    <input type="email" class="form-control" name="email" value="{{ old('email') }}"
                                           placeholder="ایمیل را وارد کنید">
                                    @error('email')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-xl-6">
                                    <label class="form-label">رمز عبور</label>
                                    <input type="password" class="form-control" name="password"
                                           placeholder="رمز عبور را وارد کنید">
                                    @error('password')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <label class="form-label">وضعیت</label>
                                <select class="form-control" name="status">
                                    <option value="1"
                                        @selected(\App\Enums\AdminStatus::ENABLE)>
                                        فعال
                                    </option>
                                    <option value="0"
                                        @selected(\App\Enums\AdminStatus::DISABLE)>
                                        غیرفعال
                                    </option>
                                </select>
                            </div>
                        </div>

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

                            <div class="card-body">
                                <div class="row gy-4">

                                    {{-- مدیریت پرواز --}}
                                    <div class="col-xl-6">
                                        <label class="form-label fw-semibold">مدیریت پرواز</label>

                                        <div class="d-flex gap-4 flex-wrap">

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[flight_create]"
                                                       value="1"
                                                       id="flight_create">
                                                <label class="form-check-label" for="flight_create">
                                                    درج پرواز
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[flight_edit]"
                                                       value="1"
                                                       id="flight_edit">
                                                <label class="form-check-label" for="flight_edit">
                                                    ویرایش پرواز
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[flight_delete]"
                                                       value="1"
                                                       id="flight_delete">
                                                <label class="form-check-label" for="flight_delete">
                                                    حذف پرواز
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-xl-6">
                                        <label class="form-label fw-semibold">مدیریت تور</label>

                                        <div class="d-flex gap-4 flex-wrap">

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[tour_create]"
                                                       value="1"
                                                       id="tour_create">
                                                <label class="form-check-label" for="tour_create">
                                                    درج تور
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[tour_edit]"
                                                       value="1"
                                                       id="tour_edit">
                                                <label class="form-check-label" for="tour_edit">
                                                    ویرایش تور
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[tour_delete]"
                                                       value="1"
                                                       id="tour_delete">
                                                <label class="form-check-label" for="tour_delete">
                                                    حذف تور
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="col-xl-6">
                                        <label class="form-label fw-semibold">مدیریت کاربران</label>

                                        <div class="d-flex gap-4 flex-wrap">

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[user_view]"
                                                       value="1"
                                                       id="user_view">
                                                <label class="form-check-label" for="user_view">
                                                    مشاهده کاربران
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[user_edit]"
                                                       value="1"
                                                       id="user_edit">
                                                <label class="form-check-label" for="user_edit">
                                                    ویرایش کاربران
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[user_delete]"
                                                       value="1"
                                                       id="user_delete">
                                                <label class="form-check-label" for="user_delete">
                                                    حذف کاربران
                                                </label>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="col-xl-6">
                                        <label class="form-label fw-semibold">مدیریت مدیران</label>

                                        <div class="d-flex gap-4 flex-wrap">

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[admin_view]"
                                                       value="1"
                                                       id="admin_view">
                                                <label class="form-check-label" for="admin_view">
                                                    مشاهده مدیران
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[admin_create]"
                                                       value="1"
                                                       id="admin_create">
                                                <label class="form-check-label" for="admin_create">
                                                    درج مدیر
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[admin_edit]"
                                                       value="1"
                                                       id="admin_edit">
                                                <label class="form-check-label" for="admin_edit">
                                                    ویرایش مدیر
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="permissions[admin_delete]"
                                                       value="1"
                                                       id="admin_delete">
                                                <label class="form-check-label" for="admin_delete">
                                                    حذف مدیر
                                                </label>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="card-footer text-end">
                        <button type="submit" class="btn btn-primary">ثبت اطلاعات</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection