@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;
							text-transform: uppercase;
						">
                POST-UTME EXAM INVITE
            </h3>
            <p style="color: #161f33; margin-bottom: 20px">Dear {{ $batchStudent->first_name ?? 'Divine' }},</p>
            <p style="color: #161f33; line-height: 1.6">
                You've been invited to participate in the {{ $platform->name ?? 'LASU' }}
                Post-UTME examination, taking place on
                @php
                    $datetime = isset($utmeBatch)
                        ? \Carbon\Carbon::parse($utmeBatch?->date . ' ' . $utmeBatch?->time)->timezone(
                            $platform->timezone,
                        )
                        : \Carbon\Carbon::now();
                @endphp
                <strong> {{ $datetime ? $datetime?->format('d F Y') : '27 July 2025' }} </strong> at <strong>
                    {{ $datetime ? $datetime?->format('h:i A T') : '12pm' }}
                </strong>.
                We're pleased to offer you this opportunity to demonstrate your
                potential and join our academic community.
            </p>


            <h4 style="font-weight: 700; margin-top: 30px;margin-bottom:0px;">
                To access the examination, please use the following temporary login
                credentials:
            </h4>
            <p style="line-height: 1.5;padding-top:0px; margin-bottom:0px;">
                <strong>Email:</strong>
                <span>{{ $batchStudent->email ?? 'chisainty@gmail.com' }}</span>
            </p>
            <p style="line-height: 1.5;margin-top:5px;">
                <strong>Password:</strong>
                <span>{{ $batchStudent->exam_number ?? '202020220202' }}</span>
            </p>

            <h4 style="font-weight: 700; margin-top: 30px; margin-bottom:5px;">
                How to access the exam
            </h4>
            <table style="border-collapse:separate;border-spacing: 0 12px;">
                <tr>
                    <td style="padding: 0;display:flex;">
                        <span style="margin-right:5px;">1.</span>
                        <span>
                            Visit the Post-UTME portal at:
                            <a href="{{ $platform?->utme_domain }}"
                                style="color: #f14119; font-size: 15px; text-decoration: none">{{ $platform?->utme_domain }}</a>.
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0;display:flex;">
                        <span style="margin-right:5px;">2.</span>
                        <span>
                            Enter your email and password in the provided fields.</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0;display:flex;">
                        <span style="margin-right:5px;">3.</span>
                        <span>Click the "Login" button.</span>
                    </td>
                </tr>
            </table>
            <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