@extends('layouts.login-layout')

@section('title', 'Recuperar Senha - Núcleo 55')

@section('header', 'Recupere sua senha')

@section('content')
    <div class="mb-4 text-sm text-gray-600">
        Esqueceu sua senha? Sem problemas. Informe o seu endereço de e-mail e enviaremos um link para redefinição de senha.
    </div>

    <!-- Status da Sessão -->
    @if (session('status'))
        <div class="alert alert-success mb-4">
            {{ session('status') }}
        </div>
    @endif

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

        <!-- Endereço de Email -->
        <div class="form-group">
            <label for="email">E-mail</label>
            <input id="email" type="email" name="email" class="form-control mt-1" value="{{ old('email') }}" required autofocus placeholder="Digite seu e-mail">
            @error('email')
                <small class="text-danger">{{ $message }}</small>
            @enderror
        </div>

        <!-- Botão de Enviar -->
        <div class="d-flex justify-content-end mt-4">
            <button type="submit" class="btn btn-primary">
                Enviar Link de Redefinição de Senha
            </button>
        </div>
    </form>
@endsection