@extends('mails.v2.layout.v2-email-layout-new')
@section('content')
    <tr>
        <td style="background: #27B899; padding-top: 0px;">
            <center>
                <img src="https://api.qataloog.com/mail_assets/exam-notepad.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;
						">
                Complete Your Exam Fee Payment
            </h3>
            <p style="color: #161f33; margin-bottom: 20px">Hello {{ $user->name ?? 'User' }},</p>
            <p
                style="color: #161f33; line-height: 1.6; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #E3E3E3;">
                Your exam for <strong>{{ isset($exam) ? $exam->name : 'Computer Science' }}</strong> has been successfully
                scheduled. To
                confirm your participation, please complete
                the exam fee payment before the exam date.
            </p>
            <h4 style="font-weight: 700; margin-top: 20px;margin-bottom:0px;">
                Examination Details
            </h4>
            @php
                [$hours, $minutes, $seconds] = explode(':', $duration);

                $datetime = isset($exam)
                    ? \Carbon\Carbon::parse($start_date)
                        ->addHours((int) $hours)
                        ->addMinutes((int) $minutes)
                        ->addSeconds((int) $seconds)
                        ->timezone($user->timezone)
                    : \Carbon\Carbon::now();
            @endphp
            <table style="border-collapse:separate;border-spacing: 0 12px;">
                <tr>
                    <td style="padding:0;margin-bottom: 20px;">
                        <strong>Class:</strong>
                    </td>
                    <td style="padding:0;display:flex;">
                        <span>{{ isset($class) ? $class->name : 'Computer Science' }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding:0;margin-bottom: 20px;">
                        <strong>Date:</strong>
                    </td>
                    <td style="padding:0;display:flex;">
                        <span>{{ isset($exam) ? \Carbon\Carbon::parse($start_date)->format('F d, Y') : 'November 30, 2024' }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding:0;margin-bottom: 20px;">
                        <strong>Time:</strong>
                    </td>
                    {{-- <td style="padding:0;display:flex;">
                        <span>{{ $datetime ? $datetime?->format('h:i A (T)') : '10:00 AM (WAT)' }}</span>
                    </td> --}}
                    <td style="padding:0; display:flex;">
                        <span>
                            {{ 
                                $datetime 
                                    ? $datetime->copy()->setTimezone(auth()->user()->timezone ?? config('app.timezone'))->format('g:i A (T)') 
                                    : '10:00 AM (WAT)' 
                            }}
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding:0;margin-bottom: 20px;">
                        <strong>Duration:</strong>
                    </td>
                    <td style="padding:0;display:flex;">
                      @php
                        $duration = Carbon\Carbon::parse($duration);

                        if ($duration) {
                            $hours   = $duration->format('G'); 
                            $minutes = $duration->format('i'); 

                            $hourText   = $hours == 1 ? '1 hour' : ($hours > 0 ? $hours . ' hours' : '');
                            $minuteText = $minutes == 1 ? '1 minute' : ($minutes > 0 ? $minutes . ' minutes' : '');

                            $durationText = trim($hourText . ($hourText && $minuteText ? ', ' : '') . $minuteText);
                        } else {
                            $durationText = '1 hour 30 minutes';
                        }
                    @endphp

                <span>{{ $durationText }}</span>

                    </td>
                </tr>
                <tr>
                    <td style="padding:0;margin-bottom: 20px;">
                        <strong style="margin-right: 20px;">Exam Fee: </strong>
                    </td>
                    <td style="padding:0;display:flex;">
                        <span>{{ isset($exam) ? number_format($exam->price, 2) . '' : '1,000 NGN' }}</span>
                    </td>
                </tr>
            </table>
            <p style="color: #161f33; line-height: 1.6; margin-top:5px;">
                Use the button below to pay you exam fees
            </p>
            <a href="{{ isset($platform) ? $platform->domain . '/dashboard/class/' . $class->id . '/exam/' . $exam->id . '/make-payment' : '#' }}"
                style="display: inline-block; margin-top: 5px; margin-bottom: 15px; background:#F14119; text-decoration: none; color:#fff; padding: 15px; padding-left:40px; padding-right: 40px; border-radius: 15px;">Pay
                Now</a>
            <p style="color: #161f33; line-height: 1.6; margin-bottom:0px;">
                We wish you the very best in your exam.
            </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