@extends('emails.layout')

@section('title', 'Vérification de courriel - JurisLocator')

@section('header-title', 'Vérifiez votre adresse courriel')

@section('footer-greeting', 'Nous vous souhaitons succès dans votre parcours d\'immigration')

@section('content')
<div class="content-section">
    <p>Cher(e) {{ $name }},</p>

    <p>
        Merci de vous être inscrit(e) à JurisLocator. Veuillez vérifier votre adresse courriel pour compléter votre inscription.
    </p>
</div>

<div class="info-card">
    <h3>Informations du compte</h3>
    <table class="details-table">
        <tr>
            <td>Type de compte :</td>
            <td>{{ $user_category }}</td>
        </tr>
        <tr>
            <td>Statut :</td>
            <td>En attente de vérification</td>
        </tr>
    </table>
</div>

<div class="button-container">
    <a href="{{ $verification_url }}" class="button">Vérifier l'adresse courriel</a>
</div>

<div class="content-section">
    <p style="font-size: 13px; color: #666;">
        Ce lien de vérification expirera dans 24 heures. Si vous n'avez pas créé ce compte, veuillez ignorer ce courriel.
    </p>
</div>

<div class="divider"></div>

<div class="content-section">
    <p style="font-size: 13px;">
        Si le bouton ne fonctionne pas, copiez et collez ce lien dans votre navigateur :
    </p>
    <div class="link-text">{{ $verification_url }}</div>
</div>
@endsection