@extends('emails.layout')

@section('title', 'Compte approuvé - JurisLocator')

@section('header-title', 'Compte approuvé')

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

@section('content')
<div class="content-section">
    <p>Cher(e) {{ $userName }},</p>
    
    <p>
        Votre compte a été approuvé. Vous pouvez maintenant vous connecter et accéder à la plateforme JurisLocator.
    </p>
</div>

<div class="info-card">
    <h3>Détails du compte</h3>
    <table class="details-table">
        <tr>
            <td>Nom :</td>
            <td>{{ $userName }}</td>
        </tr>
        <tr>
            <td>Courriel :</td>
            <td>{{ $userEmail }}</td>
        </tr>
        <tr>
            <td>Statut :</td>
            <td>Approuvé</td>
        </tr>
    </table>
</div>

<div class="button-container">
    <a href="{{ $loginUrl }}" class="button">
        Accéder à votre compte
    </a>
</div>
@endsection