@extends('layouts.site')
@section('meta_title', __('Reset your Password'))
@section('content')

    <section class="container-centered">
        <div class="panel mt-5">
            @if (session()->has('status'))
                <div class="alert alert-success">
                    {{ session()->get('status') }}
                </div>
            @endif
            <div class="panel-heading mt-4 mb-0 text-center">
                <span class="fa-solid fa-key fa-4x"></span>
                <h4 class="panel-title mt-2 mb-1">{{ __('Reset Password') }}</h4>
                <p>{{ __('Please enter your email so we can send you a new password token.') }}</p>
            </div>
            <div class="panel-body">
                <form class="form-classic" role="form" id="form_default_access_reset" method="POST" action="{{ route('password.email') }}">
                    {{ csrf_field() }}
                    <div class="block-inner">
                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="reset-email" class="form-label">{{ __('Email') }}</label>
                            <input type="email" id="reset-email" name="email" class="form-control form-control-has-validation" value="{{ request('email') ?? old('email') }}" maxlength="255" required autofocus />
                            @if ($errors->has('email'))
                                <span class="help-block">
                                  <strong>{{ $errors->first('email') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group mb-0">
                        <button class="btn btn-primary btn-round-bottom btn-block" type="submit">{{ __('Reset password') }}</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="text-center">
            <span class="text-08">{{ __('Remember it?') }}</span>
            <a href="{{ route('login') }}" class="link link-primary-inverse">{{ __('Sign In') }}.</a>
        </div>
    </section>

@endsection
