<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recuperar Contraseña - OnAPB</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f4f4f4; }
        .container { max-width: 600px; margin: 20px auto; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .header { background: linear-gradient(135deg, #cc0000 0%, #aa0000 100%); color: #fff; padding: 40px 20px; text-align: center; }
        .header h1 { margin: 0; font-size: 28px; text-transform: uppercase; letter-spacing: 2px; }
        .content { padding: 30px; }
        .content h2 { color: #cc0000; margin-top: 0; }
        .footer { background: #222; color: #888; text-align: center; padding: 20px; font-size: 12px; }
        .btn { display: inline-block; padding: 12px 25px; background: #cc0000; color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold; margin-top: 20px; text-transform: uppercase; }
        .info-box { background: #fff8f8; padding: 15px; border-radius: 8px; border: 1px solid #ffcccc; margin: 20px 0; color: #660000; font-size: 14px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>ONAPB</h1>
            <p>Recuperación de Acceso</p>
        </div>
        <div class="content">
            <h2>Hola, {{ $user->nombre }}</h2>
            <p>Hemos recibido una solicitud para restablecer la contraseña de tu cuenta en <strong>OnAPB</strong>.</p>
            
            <p>Para continuar con el proceso, hacé clic en el siguiente botón:</p>
            
            <center>
                <a href="{{ url('/reset-password/' . $token) }}" class="btn">RESTABLECER CONTRASEÑA</a>
            </center>

            <div class="info-box">
                <strong>Importante:</strong> Este enlace vencerá en 1 hora por razones de seguridad. Si vos no solicitaste este cambio, podés ignorar este correo; tu contraseña seguirá siendo la misma.
            </div>

            <p>Si tenés problemas con el botón, copiá y pegá el siguiente enlace en tu navegador:</p>
            <p style="word-break: break-all; font-size: 12px; color: #666;">
                {{ url('/reset-password/' . $token) }}
            </p>
        </div>
        <div class="footer">
            &copy; {{ date('Y') }} OnAPB - Asociación Paranaense de Básquetbol.<br>
            Este es un correo automático, por favor no lo respondas.
        </div>
    </div>
</body>
</html>
