@extends('layouts.email')

@section('title', 'Recuperar Contraseña')

@section('content')

    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 30px;">
        <tr>
            <td style="padding: 0px;">

                <h1 style="color: #243c34; font-size: 24px; line-height: 28px; margin: 0 0 25px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Hola {{ $userName }},
                </h1>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Has solicitado restablecer tu contraseña. Utiliza el siguiente código para completar el proceso:
                </p>

                <div style="text-align: left; margin: 10px 0;">
                    <div style="display: inline-block; background-color: #f8f9fa; border: 2px solid #335d53; border-radius: 8px; padding: 10px 15px;">
                        <h2 style="color: #243c34; font-size: 28px; font-weight: 700; margin: 0; font-family: Arial, sans-serif; letter-spacing: 3px;">
                            {{ $code }}
                        </h2>
                    </div>
                </div>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Introduce este código en el formulario de recuperación de contraseña para continuar.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Si no solicitaste este correo, por favor ignóralo.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias,
                </p>

                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34; font-weight: 700;">Nomade</strong>
                </p>

            </td>
        </tr>
    </table>

@endsection