@extends('customer.auth.layout')

@section('title','Forgot Password')
@section('subtitle','We’ll send you a secure reset link')

@section('content')

@if(session('success'))
    <div class="alert alert-success small mb-3">
        <i class="bi bi-check-circle me-1"></i>
        {{ session('success') }}
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger small mb-3">
        {{ $errors->first() }}
    </div>
@endif

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

<div class="mb-3">
    <label class="form-label">Email Address</label>
    <div class="input-group">
        <span class="input-group-text bg-light">
            <i class="bi bi-envelope"></i>
        </span>
        <input type="email"
               class="form-control"
               name="email"
               placeholder="you@email.com"
               required>
    </div>
</div>

<button class="btn btn-primary w-100 py-2 mb-3">
    <i class="bi bi-send me-1"></i>
    Send Reset Link
</button>

<div class="text-center auth-footer">
    <a href="{{ route('customer.login') }}" class="fw-semibold">
        <i class="bi bi-arrow-left"></i>
        Back to login
    </a>
</div>

</form>

@endsection