@extends('layouts.auth')
@section('content')
@include('auth._mbrand')
<a class="small muted tr-back" href="{{ route('login') }}"><x-icon name="arrow-left" :size="14"/> Back to log in</a>
<h1>Forgot your password?</h1>
<p class="muted">Enter the email you registered with and we will send you a link to choose a new password.</p>

<form method="post" action="{{ route('password.email') }}" novalidate class="tr-form">
    @csrf
    @include('partials.form-guard', ['otp' => false])
    <div class="field">
        <label class="label" for="f-email">Email address <span class="req">*</span></label>
        <input class="input {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" id="f-email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus inputmode="email">
        @error('email')<div class="field-error" role="alert">{{ $message }}</div>@enderror
    </div>
    <button class="btn btn-primary btn-block btn-lg" type="submit">Email me a reset link <x-icon name="send" :size="18"/></button>
</form>
<div class="callout tr-note mt-3"><x-icon name="info" :size="18"/><div class="small">The link works once and expires after 60 minutes. Nothing arrived? Check your spam folder or contact <a href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a>.</div></div>
@endsection