@extends('layouts.guest')

@section('title', 'Forgot password')

@section('content')
    <div class="mb-7">
        <p class="text-xs font-medium uppercase tracking-widest text-muted-foreground">Account recovery</p>
        <h2 class="mt-2 text-2xl font-semibold tracking-tight text-foreground">Reset your password</h2>
        <p class="mt-2 text-sm leading-6 text-muted-foreground">Enter your account email and we will send you a secure password-reset link.</p>
    </div>

    <form method="POST" action="{{ route('password.email') }}" class="space-y-5">
        @csrf
        <div>
            <label for="email" class="mf-field-label">Email address</label>
            <input id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="email" autofocus required class="mf-input @error('email') is-invalid @enderror" placeholder="name@company.com">
            @error('email')<p class="mf-field-error">{{ $message }}</p>@enderror
        </div>

        <button type="submit" class="mf-btn mf-btn-primary h-10 w-full">Send reset link</button>
    </form>

    <p class="mt-6 text-center text-sm text-muted-foreground">
        Remember your password?
        <a href="{{ route('login') }}" class="font-medium text-primary hover:underline">Back to sign in</a>
    </p>
@endsection
