@extends('mails.v2.layout.v2-email-layout-new')
@section('content')
    <tr>
        <td style="background: #FFFFFF; padding-top: 20px;">
            <center>
                <img src="https://api.qataloog.com/mail_assets/post_utme_invite.png" alt="support"
                    style="width: auto; height: 200px" />
            </center>
        </td>
    </tr>
    <tr>
        <td style="padding: 24px; padding-top:15px;">
            <h3
                style="
							text-align: center;
							font-size: 18px;
							font-weight: 600;
							margin-bottom: 32px;
						">
                ✅ You’ve Been Assigned as an Exam Proctor
            </h3>
            <p style="color: #161f33; margin-bottom: 20px">Hi {{ $user->name ?? 'User' }},</p>
            <p style="color: #161f33; line-height: 1.6">
                You’ve been assigned as a proctor for the upcoming exam session:
            </p>
            <h4 style="font-weight: 700; margin-top: 20px;margin-bottom:0px;">
                Exam Details:
            </h4>
            @php
                $datetime = isset($batch)
                    ? \Carbon\Carbon::parse($batch?->date . ' ' . $batch?->time)->timezone($platform->timezone)
                    : \Carbon\Carbon::now();
            @endphp
            <p style="line-height: 1.5;padding-top:2px;margin-top:5px;">
                <strong>Exam Room:</strong>
                <span>{{ isset($room) ? $batch->name . ' - ' . $room->name : 'Test UTME Batch' }}</span>
            </p>
            <p style="line-height: 1.5;margin-top:5px;">
                <strong>Date:</strong>
                <span>{{ $datetime ? $datetime?->format('l, F d, Y') : 'Monday, August 5, 2025' }}</span>
            </p>
            <p style="line-height: 1.5;margin-top:5px;">
                <strong>Time:</strong>
                <span>{{ $datetime ? $datetime?->format('h:i A (T)') . ' - ' . $datetime?->addHours($batch?->duration_hour)->addMinutes($batch?->duration_minutes)->format('h:i A (T)') : '10:00 AM – 11:30 AM' }}</span>
            </p>
            <p style="line-height: 1.5;margin-top:5px;">
                <strong>Duration:</strong>
                <span>{{ $batch?->duration_hour . ' hour ' . $batch?->duration_minutes . ' minutes' ?? '1 hour 30 minutes' }}</span>
            </p>
            <p style="color: #161f33; line-height: 1.6">
                As a proctor, you’ll be responsible for overseeing the exam session and ensuring proper conduct via the live
                proctoring interface.
            </p>
            <p style="color: #161f33; line-height: 1.6">
                You’ll receive an email 20 minutes before the session begins with your secure access link.
            </p>
            <p style="color: #323233; font-size: 16px; margin-top: 5px">
                If you have any questions or require further assistance, please
                don't hesitate to contact our support team:
                <a href="#" style="color: #f14119; font-size: 15px; text-decoration: none">Support@qataloog.com</a>.
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            Note: This is an automated message generated because your email was
            added to the invite.
        </td>
    </tr>
@endsection