@extends('layouts.auth')

@section('title', __('Reset Password'))
@section('subtitle', __('Enter your email and we will send you a reset link'))

@section('content')
    @if (session('status'))
        <div class="status" role="alert">{{ session('status') }}</div>
    @endif

    <form method="POST" action="{{ route('password.email') }}">
        @csrf

        <div class="field">
            <label for="email">{{ __('Email Address') }}</label>
            <div class="input-wrap">
                <svg class="icon" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/></svg>
                <input id="email" type="email" name="email" value="{{ old('email') }}" placeholder="you@example.com" class="@error('email') is-invalid @enderror" required autocomplete="email" autofocus>
            </div>
            @error('email')
                <span class="error" role="alert">{{ $message }}</span>
            @enderror
        </div>

        <button type="submit" class="btn-login">{{ __('Send Password Reset Link') }}</button>
    </form>

    <div class="back"><a href="{{ route('login') }}">&larr; {{ __('Back to Login') }}</a></div>
@endsection