@extends('admin.layouts.app')

@section('title', 'ایجاد مدیر جدید')

@section('breadcrumb')

    <div>

        <h1 class="page-title fw-medium fs-18 mb-2">
            ایجاد مدیر جدید
        </h1>

        <nav>

            <ol class="breadcrumb mb-0">

                <li class="breadcrumb-item">
                    <a href="{{ route('admin.dashboard.index') }}">
                        داشبورد
                    </a>
                </li>

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

                <li class="breadcrumb-item active">
                    ایجاد مدیر
                </li>

            </ol>

        </nav>

    </div>

@endsection


@section('content')

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

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

            @csrf

            <div class="row">

                <div class="col-xl-8">

                    <div class="card custom-card">

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

                        <div class="card-body">

                            <div class="row">

                                {{-- نام کامل --}}
                                <div class="col-md-6 mb-3">

                                    <label class="form-label">
                                        نام و نام خانوادگی
                                    </label>

                                    <input
                                        type="text"
                                        name="full_name"
                                        class="form-control @error('full_name') is-invalid @enderror"
                                        value="{{ old('full_name') }}"
                                    >

                                    @error('full_name')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror

                                </div>


                                {{-- نام کاربری --}}
                                <div class="col-md-6 mb-3">

                                    <label class="form-label">
                                        نام کاربری
                                    </label>

                                    <input
                                        type="text"
                                        name="username"
                                        class="form-control @error('username') is-invalid @enderror"
                                        value="{{ old('username') }}"
                                    >

                                    @error('username')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror

                                </div>


                                {{-- ایمیل --}}
                                <div class="col-md-6 mb-3">

                                    <label class="form-label">
                                        ایمیل
                                    </label>

                                    <input
                                        type="email"
                                        name="email"
                                        class="form-control @error('email') is-invalid @enderror"
                                        value="{{ old('email') }}"
                                    >

                                    @error('email')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror

                                </div>


                                {{-- موبایل --}}
                                <div class="col-md-6 mb-3">

                                    <label class="form-label">
                                        موبایل
                                    </label>

                                    <input
                                        type="text"
                                        name="mobile"
                                        class="form-control @error('mobile') is-invalid @enderror"
                                        value="{{ old('mobile') }}"
                                    >

                                    @error('mobile')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror

                                </div>


                                {{-- رمز --}}
                                <div class="col-md-6 mb-3">

                                    <label class="form-label">
                                        رمز عبور
                                    </label>

                                    <input
                                        type="password"
                                        name="password"
                                        class="form-control @error('password') is-invalid @enderror"
                                    >

                                    @error('password')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror

                                </div>


                                {{-- تکرار رمز --}}
                                <div class="col-md-6 mb-3">

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

                                    <input
                                        type="password"
                                        name="password_confirmation"
                                        class="form-control"
                                    >

                                </div>

                            </div>

                        </div>

                    </div>

                </div>


                {{-- ستون سمت چپ --}}
                <div class="col-xl-4">

                    {{-- وضعیت --}}
                    <div class="card custom-card mb-3">

                        <div class="card-header">
                            وضعیت
                        </div>

                        <div class="card-body">

                            <select
                                name="status"
                                class="form-select"
                            >
                                <option value="1">
                                    فعال
                                </option>

                                <option value="0">
                                    غیرفعال
                                </option>
                            </select>

                        </div>

                    </div>


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

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

                        <div class="card-body">

                            @foreach($permissions ?? [] as $permission)

                                <div class="form-check mb-2">

                                    <input
                                        class="form-check-input"
                                        type="checkbox"
                                        name="permissions[]"
                                        value="{{ $permission->id }}"
                                    >

                                    <label class="form-check-label">

                                        {{ $permission->title }}

                                    </label>

                                </div>

                            @endforeach

                        </div>

                    </div>


                    {{-- دکمه ها --}}
                    <div class="card custom-card">

                        <div class="card-body d-grid gap-2">

                            <button
                                type="submit"
                                class="btn btn-primary"
                            >

                                <i class="ri-save-line me-1"></i>

                                ذخیره مدیر

                            </button>


                            <a
                                href="{{ route('admin.admins.index') }}"
                                class="btn btn-light"
                            >
                                بازگشت
                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </form>

    </div>

@endsection