@component('emails.layout', ['subject' => 'Invitation - Campaign Manager'])
    <h1 style="margin: 0 0 8px; font-size: 22px; font-weight: 700; color: #0f172a; text-align: center;">
        Bienvenue sur Campaign Manager
    </h1>
    @if($companyName)
        <p style="margin: 0 0 24px; font-size: 14px; color: #64748b; text-align: center;">
            {{ $companyName }}
        </p>
    @else
        <div style="margin-bottom: 24px;"></div>
    @endif

    <p style="margin: 0 0 8px; font-size: 15px; color: #334155; line-height: 1.6;">
        Bonjour {{ $userName }},
    </p>
    <p style="margin: 0 0 8px; font-size: 15px; color: #334155; line-height: 1.6;">
        Un compte a été créé pour vous sur Campaign Manager.
    </p>
    @if($companyName)
        <p style="margin: 0 0 24px; font-size: 15px; color: #334155; line-height: 1.6;">
            Vous avez été ajouté à l'entreprise <strong>{{ $companyName }}</strong>.
        </p>
    @else
        <div style="margin-bottom: 24px;"></div>
    @endif

    <p style="margin: 0 0 24px; font-size: 15px; color: #334155; line-height: 1.6;">
        Cliquez sur le bouton ci-dessous pour créer votre mot de passe et accéder à votre espace.
    </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;">
                    Créer mon 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.
    </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