@extends('emails.layout')

@section('title', 'Email Verification - JurisLocator')

@section('header-title', 'Verify Your Email Address')

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

    <p>
        Thank you for registering with JurisLocator. Please verify your email address to complete your registration.
    </p>
</div>

<div class="info-card">
    <h3>Account Information</h3>
    <table class="details-table">
        <tr>
            <td>Account Type:</td>
            <td>{{ $user_category }}</td>
        </tr>
        <tr>
            <td>Status:</td>
            <td>Pending Verification</td>
        </tr>
    </table>
</div>

<div class="button-container">
    <a href="{{ $verification_url }}" class="button">Verify Email Address</a>
</div>

<div class="content-section">
    <p style="font-size: 13px; color: #666;">
        This verification link will expire in 24 hours. If you did not create this account, please ignore this email.
    </p>
</div>

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

<div class="content-section">
    <p style="font-size: 13px;">
        If the button doesn't work, copy and paste this link into your browser:
    </p>
    <div class="link-text">{{ $verification_url }}</div>
</div>
@endsection