@extends('layouts.public')
@section('title', 'Recuperar Senha · Cavendral Beta')
@section('content')
<div class="bg-[#161b22] border border-[#30363d] rounded-md p-8 shadow-2xl">
    <div class="text-center mb-6">
        <div class="inline-flex items-center gap-2 font-mono text-lg">
            <span class="px-2 py-1 rounded bg-[#1f6c92]/20 text-[#80b9d5]">[B]</span>
            <span class="font-bold">CAVENDRAL BETA</span>
        </div>
        <p class="text-xs text-[#7d8590] mt-2 font-mono">RECUPERAÇÃO DE SENHA</p>
    </div>

    <p class="text-sm text-[#7d8590] mb-6 text-center">
        Informe seu email. Se existir, enviaremos um link de recuperação válido por 15 minutos.
    </p>

    <form method="POST" action="{{ route('password.forgot.store') }}" class="space-y-4">
        @csrf
        <div>
            <label for="email" class="block text-xs font-bold text-[#7d8590] mb-1">EMAIL</label>
            <input type="email" id="email" name="email" required
                   value="{{ old('email') }}"
                   class="w-full px-3 py-2 bg-[#21262d] border border-[#30363d] rounded text-sm focus:border-[#1f6c92] focus:ring-2 focus:ring-[#80b9d5]/40 outline-none">
            @error('email') <p class="text-xs text-[#f85149]">{{ $message }}</p> @enderror
        </div>

        <button type="submit" class="w-full bg-[#1f6c92] hover:bg-[#80b9d5] text-white font-bold py-2 rounded transition-colors">
            ENVIAR LINK
        </button>
    </form>

    <div class="mt-6 text-center">
        <a href="{{ route('login') }}" class="text-xs text-[#6e7681] hover:text-[#80b9d5]">← Voltar ao login</a>
    </div>
</div>
@endsection