@extends('admin.layouts.app')

@section('panel')
    <main>

        <div class="account-section bg-img" data-background-image="{{ asset('assets/images/account-bg.png') }}">

            @include('admin.auth.auth_sidebar')

            <div class="account-content">
                <form action="{{ route('admin.password.change') }}" method="POST" class="account-form verify-gcaptcha">
                    @csrf
                    <input type="hidden" name="email" value="{{ $email }}">
                    <input type="hidden" name="token" value="{{ $token }}">
                    <div class="account-heading">
                        <a href="{{ route('admin.login') }}" class="account-heading__logo">
                            <img class="logo-img" src="{{ siteLogo() }}" alt="Logo">
                        </a>
                        <h3 class="account-heading__title">{{ __($pageTitle) }}</h3>
                        <h5 class="account-heading__text">@lang('Now you can reset your password.')</h5>
                    </div>

                    <div class="form-group">
                        <label for="password" class="form--label style-two">@lang('New Password')</label>
                        <div class="input-wrapper">
                            <span class="input-wrapper__label-icon">
                                @include('admin.partials.svg.lock')
                            </span>
                            <input type="password" name="password" class="form--control md-style" required>
                            <span class="password-show-hide fa-regular fa-eye toggle-password fa-eye-slash"
                                id="#password"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="password" class="form--label style-two">@lang('Re-type New Password')</label>
                        <div class="input-wrapper">
                            <span class="input-wrapper__label-icon">
                                @include('admin.partials.svg.lock')
                            </span>
                            <input type="password" name="password_confirmation" class="form--control md-style" required>
                            <span class="password-show-hide fa-regular fa-eye toggle-password fa-eye-slash"
                                id="#password_confirmation"></span>
                        </div>
                    </div>

                    <x-captcha />

                    <button class="btn btn--base btn--md w-100">@lang('Submit')</button>
                </form>
            </div>
        </div>
     </main>
@endsection
