@extends('emails.layout')

@section('pre-header')
    Appointment Confirmed
@endsection

@section('header-title')
    ✅ Appointment Confirmed!
@endsection

@section('header-subtitle')
    Your appointment has been confirmed
@endsection

@section('content')
    <h2>Hi {{ $clientName }},</h2>
    
    <p>Great news! Your appointment has been confirmed. Here are your session details:</p>

    <div class="info-card">
        <table class="details-table">
            <tr>
                <td class="label-cell"><strong>Marketing Officer</strong></td>
                <td class="value-cell">{{ $officerName }}</td>
            </tr>
            <tr>
                <td class="label-cell"><strong>Officer Email</strong></td>
                <td class="value-cell">{{ $officerEmail }}</td>
            </tr>
            <tr>
                <td class="label-cell"><strong>Date</strong></td>
                <td class="value-cell"><span class="gold-text">{{ $appointmentDate }}</span></td>
            </tr>
            <tr>
                <td class="label-cell"><strong>Time</strong></td>
                <td class="value-cell"><span class="gold-text">{{ $appointmentTime }}</span></td>
            </tr>
            <tr>
                <td class="label-cell"><strong>Duration</strong></td>
                <td class="value-cell">{{ $durationMinutes }} minutes</td>
            </tr>
        </table>
    </div>

    <div class="success-box">
        <p>🎥 <strong>Your Google Meet link is ready!</strong> Click the button below to join at your appointment time.</p>
    </div>

    <div class="button-container">
        <a href="{{ $meetLink }}" class="button">
            Join Google Meet
        </a>
    </div>

    <div class="link-text">
        {{ $meetLink }}
    </div>

    <div class="info-box">
        <p>💡 <strong>Tip:</strong> Please be ready a few minutes before the scheduled time. If you need to cancel or reschedule, please visit your appointments page as soon as possible.</p>
    </div>
@endsection

@section('footer-greeting')
    Wishing you success in your immigration journey
@endsection