@extends('emails.layout')

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

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

@section('content')
<div class="content-section">
    <h2>Great News, {{ $userName }}! 🎉</h2>
    
    <p style="font-size: 16px; color: #162b34; font-weight: 500;">
        Your account has been reviewed and approved by our admin team!
    </p>
    
    <p>
        You can now login to your account and start exploring all the features and services 
        available on the JurisLocator platform.
    </p>
</div>

<div class="success-box">
    <p style="margin-bottom: 8px;"><strong>✓ Account Status: APPROVED</strong></p>
    <p style="margin-bottom: 0;">
        Your registration has been successfully verified and activated.
    </p>
</div>

<div class="info-box">
    <h3>📋 Your Account Details</h3>
    <p><strong>Name:</strong> {{ $userName }}</p>
    <p><strong>Email:</strong> {{ $userEmail }}</p>
    <p><strong>Approval Date:</strong> {{ date('F j, Y \a\t g:i A') }}</p>
</div>

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