@extends('layouts.public')
@section('title', 'Redefinir 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">REDEFINIÇÃO DE SENHA</p>
    </div>

    <form method="POST" action="{{ route('password.reset.store') }}" class="space-y-4">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">
        <input type="hidden" name="email" value="{{ $email ?? old('email') }}">

        <div>
            <label class="block text-xs font-bold text-[#7d8590] mb-1">EMAIL</label>
            <input type="email" value="{{ $email ?? old('email') }}" disabled
                   class="w-full px-3 py-2 bg-[#21262d] border border-[#30363d] rounded text-sm opacity-60">
        </div>

        <div>
            <label for="password" class="block text-xs font-bold text-[#7d8590] mb-1">NOVA SENHA</label>
            <input type="password" id="password" name="password" required
                   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"
                   autocomplete="new-password">
            @error('password') <p class="text-xs text-[#f85149]">{{ $message }}</p> @enderror
        </div>

        <div>
            <label for="password_confirmation" class="block text-xs font-bold text-[#7d8590] mb-1">CONFIRMAR SENHA</label>
            <input type="password" id="password_confirmation" name="password_confirmation" required
                   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"
                   autocomplete="new-password">
        </div>

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