@extends('emails.layout')

@section('title', 'Account Approved - JurisLocator')

@section('header-title', 'Account Approved')

@section('content')
<div class="content-section">
    <p>Dear {{ $userName }},</p>
    
    <p>
        Your account has been approved. You can now login and access the JurisLocator platform.
    </p>
</div>

<div class="info-card">
    <h3>Account Details</h3>
    <table class="details-table">
        <tr>
            <td>Name:</td>
            <td>{{ $userName }}</td>
        </tr>
        <tr>
            <td>Email:</td>
            <td>{{ $userEmail }}</td>
        </tr>
        <tr>
            <td>Status:</td>
            <td>Approved</td>
        </tr>
    </table>
</div>

<div class="button-container">
    <a href="{{ $loginUrl }}" class="button">
        Login to Your Account
    </a>
</div>
@endsection