@extends('admin.layouts.guest.master')

@section('content')
    <div class="card-header border-0">
        <div class="card-title text-center">
            <img src="{{ setting('app_logo', default_logo(), 'medium') }}" alt="branding logo" class="thumb-image">
        </div>
        <h6 class="card-subtitle line-on-side text-muted text-center font-small-3 pt-2"><span> مشرف {{ setting('app_name', env('APP_NAME')) }}</span></h6>
    </div>
    <div class="card-content">
        <div class="card-body">
            @include('flash::message')

            <form class="form-horizontal" action="{{ route('admin.password.update') }}" method="post">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">

                <fieldset class="form-group position-relative has-icon-left @error('email') has-error @enderror">
                    <label class="control-label" for="email">البريد الالكترونى *</label>
                    <input type="email" class="form-control input-lg" id="email" name="email" placeholder="البريد الالكترونى" required value="{{ $email ?? old('email') }}">
                    <div class="form-control-position">
                        <i class="ft-user"></i>
                    </div>
                    @error('email') <div class="help-block font-small-3"><strong>{{ $message }}</strong></div> @enderror
                </fieldset>
                <fieldset class="form-group position-relative has-icon-left @error('password') has-error @enderror">
                    <label class="control-label" for="password">كلمة المرور *</label>
                    <input type="password" class="form-control input-lg" id="password" name="password" placeholder="كلمة المرور" required>
                    <div class="form-control-position">
                        <i class="fa fa-key"></i>
                    </div>
                    @error('password') <div class="help-block font-small-3"><strong>{{ $message }}</strong></div> @enderror
                </fieldset>
                <fieldset class="form-group position-relative has-icon-left @error('password_confirmation') has-error @enderror">
                    <label class="control-label" for="password_confirmation">تأكيد كلمة المرور *</label>
                    <input type="password" class="form-control input-lg" id="password_confirmation" name="password_confirmation" placeholder="تأكيد كلمة المرور" required>
                    <div class="form-control-position">
                        <i class="fa fa-key"></i>
                    </div>
                    @error('password_confirmation') <div class="help-block font-small-3"><strong>{{ $message }}</strong></div> @enderror
                </fieldset>
                <div class="form-group row">
                    <div class="col-md-6 col-12 text-center text-md-right"></div>
                    <div class="col-md-6 col-12 text-center text-md-right"><a href="{{ route('admin.showLoginForm') }}" class="card-link"> تسجيل الدخول</a></div>
                </div>
                <button type="submit" class="btn btn-danger btn-block btn-lg"><i class="ft-unlock"></i>تحديث كلمة المرور</button>
            </form>
        </div>
    </div>
@endsection