@component('mail::message')
<table style="width: 100%; background-color: #ffffff; border-radius: 10px; padding: 20px; font-family: Arial, sans-serif;">
    <tr>
        <td style="color: #333333; font-size: 16px; line-height: 1.5;">
            <p>Estimado Usuario,</p>
            <p>Gracias por registrarte en <strong style="color: #000;">FacturaHero</strong>, la plataforma que simplifica el proceso de facturación electrónica. Para completar tu registro y asegurar la seguridad de tu cuenta, necesitamos que verifiques tu dirección de correo electrónico.</p>
            <p>Haz clic en el siguiente enlace para verificar tu correo:</p>
        </td>
    </tr>
    <tr>
        <td align="center" style="padding: 15px 0;">
            <a href="{{ route('verifyEmail', $user->email_verification_code) }}" 
               style="background-color: #FC5C18; color: #ffffff; padding: 12px 24px; text-decoration: none; font-size: 16px; font-weight: bold; border-radius: 8px; display: inline-block;">
               Verificar mi correo electrónico
            </a>
        </td>
    </tr>
    <tr>
        <td style="color: #333333; font-size: 14px; line-height: 1.5;">
            <p>Si tienes problemas con el enlace, copia y pega esta URL en la barra de direcciones de tu navegador:</p>
            <p>
                <a href="{{ route('verifyEmail', $user->email_verification_code) }}" 
                   style="color: #1D72B8; word-wrap: break-word;">
                   {{ route('verifyEmail', $user->email_verification_code) }}
                </a>
            </p>
            <p>Si no te registraste en FacturaHero, por favor ignora este mensaje. Ten en cuenta que tu cuenta no se activará hasta que verifiques tu dirección de correo electrónico.</p>
            <p><strong>Gracias,</strong></p>
            <p style="color: #FC5C18; font-weight: bold;">El equipo de FacturaHero</p>
        </td>
    </tr>
</table>
@endcomponent