@component('emails.partials.layout', ['subject' => 'Bienvenue dans le mouvement « On ne lâche rien ! »'])
<p style="margin:0 0 16px;">Bonjour {{ $member->civilityLabel() }} {{ $member->full_name }},</p>

<p style="margin:0 0 16px;">
    Merci d'avoir rejoint le mouvement <strong>« On ne lâche rien ! »</strong> aux côtés de
    Te Litho Tenge Didier. Votre inscription a bien été enregistrée.
</p>

<p style="margin:0 0 16px;">
    Ce mouvement porte une conviction simple : rester présent sur le terrain, poursuivre le
    service avec constance, et défendre une vision durable pour Kinshasa et la République
    Démocratique du Congo.
</p>

<table role="presentation" cellpadding="0" cellspacing="0" style="margin:24px 0;">
<tr><td style="background-color:#0a1a33;border-radius:999px;">
    <a href="{{ $confirmUrl }}" style="display:inline-block;padding:12px 28px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:bold;">
        Confirmer mon adresse e-mail
    </a>
</td></tr>
</table>

<p style="margin:0 0 16px;font-size:13px;color:#5b606d;">
    Si le bouton ne fonctionne pas, copiez ce lien dans votre navigateur :<br>
    <a href="{{ $confirmUrl }}" style="color:#0a1a33;word-break:break-all;">{{ $confirmUrl }}</a>
</p>

@if ($member->atl_membership_requested)
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:24px 0;background-color:#faf1d8;border-radius:8px;">
<tr><td style="padding:20px;">
    <table role="presentation" cellpadding="0" cellspacing="0"><tr>
        <td style="vertical-align:middle;padding-right:12px;">
            <img src="{{ rtrim(config('app.url'), '/') }}/images/brand/atl-160.png" alt="ATL — Les Amis de Tenge Litho" width="80" style="display:block;">
        </td>
        <td style="vertical-align:middle;font-size:14px;">
            <strong>Votre demande d'adhésion à ATL — Les Amis de Tenge Litho — a bien été
            enregistrée.</strong> Elle sera examinée par l'équipe. Cette confirmation ne
            constitue pas encore une acceptation officielle comme membre.
        </td>
    </tr></table>
</td></tr>
</table>
@endif

<p style="margin:16px 0 0;">
    <a href="{{ route('home') }}" style="color:#0a1a33;">Visiter le site</a> ·
    <a href="{{ route('atl') }}" style="color:#0a1a33;">Découvrir ATL</a> ·
    <a href="{{ route('contact.index') }}" style="color:#0a1a33;">Nous contacter</a>
</p>

@slot('footerExtra')
    Vous pouvez vous désinscrire à tout moment : <a href="{{ $unsubscribeUrl }}" style="color:#5b606d;">se désinscrire</a>.
@endslot
@endcomponent