@extends('authentic::Layout.admin_auth_master')

@section('title' , trans('authentic::registration.change password'))


@section('content')
    <div class="form-wrapper">
        <div class="form-container">
            <div class="card">
                <div class="card-header">
                    @if( AdminBaseDashboard::logo() )
                        <div class="auth-logo-wrapper">
                            <img src="{{ asset( AdminBaseDashboard::logo() ) }}" alt="{{ AdminBaseDashboard::logo() }}" class="img-fluid">
                        </div>
                    @endif
                    <h1 class="title">
                        {{ trans('authentic::registration.reset password')}}
                    </h1>
                </div>
                <div class="card-body">
                    <form class="reset-password-form">
                        <div class="mb-3">
                            <div class="input-wrapper">
                                <span class="icon"><i class="fa-solid fa-envelope"></i></span>
                                <input type="email" class="form-control" id="email"
                                       class="form-text" value="{{ $email }}" placeholder="{{ __('authentic::registration.email')}}" disabled>
                            </div>
                            <span class="text-danger email-error"></span>
                        </div>
                        <div class="mb-3">
                            <div class="input-wrapper">
                                <span class="icon"><i class="fa-solid fa-lock"></i></span>
                                <input type="password" class="form-control unmask-password"
                                       id="password" value="{{ old('password') }}" placeholder="{{ __('authentic::registration.password')}}">
                                <span class="visibility-button"><i class="fa-solid fa-eye-slash" id="toggle-password-btn"></i></span>
                            </div>
                            <span class="text-danger  password-error"></span>
                        </div>
                        <div class="mb-3">
                            <div class="input-wrapper">
                                <span class="icon"><i class="fa-solid fa-lock"></i></span>
                                <input type="password" class="form-control unmask-confirm-password" id="password_confirmation"
                                       value="{{ old('password_confirmation') }}"  placeholder="{{ __('authentic::registration.confirm password')}}">
                                <span class="visibility-button"><i class="fa-solid fa-eye-slash" id="toggle-confirm-password-btn"></i></span>
                            </div>
                        </div>
                        <div class="mb-3 text-center">
                            <button class="btn btn-primary" id="proceed-store-new-password"
                                    type="button" data-url="{{ route('store-changed-password') }}">
                                <span class="btn-text">{{ trans('authentic::registration.reset password')}}</span>
                                <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                <span class="loading-text">{{ trans('authentic::registration.processing')}}...</span>
                            </button>
                        </div>
                        <div class="mb-3 text-center">
                            <a href="{{ route('admin_login') }}" class="old_acc_link auth-temp-link">{{ __('authentic::registration.login to my account') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

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