@props(['admin' => new App\Models\User()])

<!--begin::Card-->
<div class="card">
    <!--begin::Card header-->
    <div class="card-header">
        <!--begin::Card title-->
        <div class="card-title">
            <h4>Admin Information</h4>
        </div>
        <!--begin::Card title-->
    </div>
    <!--end::Card header-->

    <!--begin::Card body-->
    <div class="card-body py-4">
        <!--begin::Row-->
        <div class="row mb-2">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label required fw-semibold fs-6">Name</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <input type="text" class="form-control form-control-sm" name="name" id="name" value="{{ old('name', $admin->name) }}">
                @error('name')
                    <span class="text-sm text-danger">
                        {{ $message }}
                    </span>
                @enderror
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row mb-2">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label required fw-semibold fs-6">Email Address</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <input type="email" class="form-control form-control-sm" name="email" id="email" value="{{ old('email', $admin->email) }}">
                @error('email')
                <span class="text-sm text-danger">
                    {{ $message }}
                </span>
                @enderror
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row mb-2">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6">Designation</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <input type="text" class="form-control form-control-sm" name="designation" id="designation" value="{{ old('designation', $admin->designation) }}">
                @error('designation')
                <span class="text-sm text-danger">
                    {{ $message }}
                </span>
                @enderror
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row mb-2">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label {{ $admin->id ? '' : 'required' }} fw-semibold fs-6">Password</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <input type="password" class="form-control form-control-sm" name="password" id="password">
                @error('password')
                <span class="text-sm text-danger">
                    {{ $message }}
                </span>
                @enderror
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row mb-2">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label required fw-semibold fs-6">Role</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <select name="role" id="role" class="form-select form-select-sm">
                    <option value="">--- Select Role ---</option>
                    @foreach (App\Models\Role::all() as $role)
                        <option value="{{ $role->name }}" @selected(old('role', $admin->roles->first()?->name) == $role->name)>{{ ucwords(str_replace('_', ' ', $role->name)) }}</option>
                    @endforeach
                </select>
                @error('role')
                <span class="text-sm text-danger">
                    {{ $message }}
                </span>
                @enderror
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
    </div>
    <!--end::Card body-->
</div>
<!--end::Card-->
<div class="d-flex justify-content-end pt-5">
    <button class="btn btn-success btn-sm w-75px">Save</button>
</div>