@extends('layouts.auth')

@section('title', __('ui.auth.reset_title'))

@section('content')
    <div class="auth-heading">
        <span class="auth-eyebrow">{{ __('ui.auth.reset_title') }}</span>
        <h1 id="page-title">{{ __('ui.auth.reset_heading') }}</h1>
        <p class="muted">{{ __('ui.auth.reset_hint') }}</p>
    </div>

    <form class="stack auth-form" method="POST" action="{{ route('password.email') }}">
        @csrf
        <div class="field">
            <label for="email">{{ __('ui.auth.email') }}</label>
            <div class="auth-input-control">
                <input id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="email" required autofocus @error('email') aria-invalid="true" @enderror>
            </div>
            @error('email') <span class="field-error" role="alert">{{ $message }}</span> @enderror
        </div>
        <div class="auth-form-options">
            <a class="auth-forgot-link" href="{{ route('login') }}">{{ __('ui.auth.back_to_sign_in') }}</a>
        </div>
        <button class="button auth-submit" type="submit"><span>{{ __('ui.auth.send_reset_link') }}</span><x-admin.icon name="chevron" /></button>
    </form>
@endsection