@component('emails.layout', ['subject' => 'Réinitialisation de mot de passe'])
    <h1 style="margin: 0 0 8px; font-size: 22px; font-weight: 700; color: #0f172a; text-align: center;">
        Réinitialisation de mot de passe
    </h1>
    @if($companyName)
        <p style="margin: 0 0 24px; font-size: 14px; color: #64748b; text-align: center;">
            {{ $companyName }}
        </p>
    @else
        <p style="margin: 0 0 24px; font-size: 14px; color: #64748b; text-align: center;">
            Choisissez un nouveau mot de passe pour votre compte.
        </p>
    @endif

    <p style="margin: 0 0 8px; font-size: 15px; color: #334155; line-height: 1.6;">
        Bonjour {{ $userName }},
    </p>
    <p style="margin: 0 0 24px; font-size: 15px; color: #334155; line-height: 1.6;">
        Vous avez demandé la réinitialisation de votre mot de passe sur Campaign Manager. Cliquez sur le bouton ci-dessous pour en choisir un nouveau.
    </p>

    <!-- Button -->
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0">
        <tr>
            <td align="center" style="padding: 8px 0 24px;">
                <a href="{{ $url }}" style="display: inline-block; padding: 12px 32px; background-color: #0f172a; color: #ffffff; font-size: 15px; font-weight: 700; text-decoration: none; border-radius: 6px;">
                    Réinitialiser le mot de passe
                </a>
            </td>
        </tr>
    </table>

    <p style="margin: 0 0 16px; font-size: 13px; color: #94a3b8; line-height: 1.5;">
        Ce lien expirera dans 60 minutes. Si vous n'avez pas demandé cette réinitialisation, aucune action n'est requise.
    </p>

    <!-- Divider -->
    <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 24px 0 16px;">

    <p style="margin: 0; font-size: 12px; color: #94a3b8; line-height: 1.5;">
        Si le bouton ne fonctionne pas, copiez-collez ce lien dans votre navigateur&nbsp;:<br>
        <a href="{{ $url }}" style="color: #2563eb; word-break: break-all;">{{ $url }}</a>
    </p>
@endcomponent