@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('admin::administrator.edit_admin_page'))

@section('content')

    <section id="admin-details-container">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('admin::administrator.system')}}</a></li>
                <li><a href="{{ route('system-users')}}" class=" bread-link">{{ __('admin::administrator.users')}}</a></li>
                <li>{{ __('admin::administrator.edit')}}</li>
            </ul>
        </div>

        <div class="content-wrapper">
            <div class="container">
                <form>
                    <div class="mb-3 row">
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <img src="{{ asset('/Images/user2.png') }}" alt="Profile photo" class="img-fluid" id="profile-photo">
                        </div>
                        <div class="col-sm-6 col-md-8 col-lg-9">
                            <input type="checkbox" name="remove-avatar" class="remove-avatar" id="remove-avatar" hidden>
                            <button class="remove-avt-btn" type="button" id="remove-avt-btn">{{ __('admin::administrator.remove avatar')}}</button>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="colFormLabelSm" class="col-sm-12 col-md-4 col-lg-3 col-form-label col-form-label-sm">{{ __('admin::administrator.name')}}</label>
                        <div class="col-sm-12 col-md-8 col-lg-6">
                            <input type="text" class="form-control form-control-sm" id="name" value="{{ $admin->name }}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="colFormLabelSm" class="col-sm-12 col-md-4 col-lg-3 col-form-label col-form-label-sm">{{ __('admin::administrator.username')}}</label>
                        <div class="col-sm-12 col-md-8 col-lg-6">
                            <input type="text" class="form-control form-control-sm" id="username" value="{{ $admin->username }}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="colFormLabelSm" class="col-sm-12 col-md-4 col-lg-3 col-form-label col-form-label-sm">{{ __('admin::administrator.email')}}</label>
                        <div class="col-sm-12 col-md-8 col-lg-6">
                            <input type="email" class="form-control form-control-sm" id="email" value="{{ $admin->email }}" {{ Auth::guard('admin')->user()->email == $admin->email ? 'disabled' : ''}}>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="colFormLabelSm" class="col-sm-12 col-md-4 col-lg-3 col-form-label col-form-label-sm">{{ __('admin::administrator.role')}}</label>
                        <div class="col-sm-12 col-md-8 col-lg-6">
                            <input type="text" class="form-control form-control-sm" id="role" value="{{ ($admin->role)  }}" readonly>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-sm-1 col-md-4 col-lg-3 checkbox">
                            <input type="checkbox" class="form-check-input" id="email_is_verified" value="1" @checked(($admin->email_verified_at) != null )>
                        </div>
                        <label for="colFormLabelSm" class="col-sm-10 col-md-8 col-lg-6 form-label">{{ __('admin::administrator.verified email')}}</label>
                    </div>

                    <div class="row mb-3">
                        <div class="col-sm-1 col-md-4 col-lg-3 checkbox">
                            <input type="checkbox" class="form-check-input" id="ban" value="1" @checked(($admin->ban) == 1 )>
                        </div>
                        <label for="colFormLabelSm" class="col-sm-10 col-md-8 col-lg-6 form-label">{{ __('admin::administrator.lock account')}}</label>
                    </div>

                    <div class="row mb-3">
                        <div class="col-sm-1 col-md-4 col-lg-3 checkbox">
                            <input type="checkbox" class="form-check-input" id="force_change_password" value="1">
                        </div>
                        <label for="colFormLabelSm" class="col-sm-10 col-md-8 col-lg-6 form-label">{{ __('admin::administrator.force change password')}}</label>
                    </div>

                    <div class="mb-3">
                        <button class="btn store-updated-inform" type="button" data-url="{{ route('admin-update-info', ['id' => $admin->id]) }}">
                            <span class="btn-text">{{ __('admin::administrator.save changes')}}</span>
                            <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                            <span class="loading-text">{{ __('admin::administrator.loading')}}</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </section>

    @endsection
@section('javascript')
   <script src="{{ asset('/vendor/admin/js/update_user_profile.js') }}"></script>
    @stop