@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;
						">
                Exam Completed
            </h3>
            <p style="color: #161f33; margin-bottom: 20px">
                Hello {{ $student?->first_name ?? 'Divine John' }},
            </p>
            <p style="color: #161f33; line-height: 1.6">
                Thank you for completing the exam! Below are the details of your
                performance:
            </p>

            <div style="
							padding: 10px;
							border-bottom: 1px solid #e3e3e3;
						">
                <div>
                    <center>
                        <h4 style="font-weight: 700; margin-top: 0px; margin-bottom: 15px;">Your Score</h4>
                        <h1
                            style="
									font-weight: 700;
									text-align: center;
									font-size: 30px;
									line-height: 1;
									margin-top:0px;
								">
                            {{ round($student?->score ?? 70) . '%' }}
                        </h1>
                    </center>

                </div>
            </div>

            <div style="
							padding: 0px;
							color: #161f33;
							border-bottom: 1px solid #e3e3e3;
						">
                <table style="border-collapse:separate;border-spacing: 0 12px;">
                    <tr>
                        <td style="padding:0;margin-bottom: 10px;">
                            <span>Total Questions :</span>
                        </td>
                        <td style="padding:0;display:flex;">
                            <strong style=""> {{ $result?->total_questions ?? 20 }}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:0;margin-bottom: 10px;">
                            <span>Correct Answers :</span>
                        </td>
                        <td style="padding:0;display:flex;">
                            <strong style="">{{ $result?->correct_answers ?? 10 }}
                            </strong>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:0;margin-bottom: 10px;">
                            <span>Incorrect Answers :</span>
                        </td>
                        <td style="padding:0;display:flex;">
                            <strong style=""> {{ $result?->incorrect_answers ?? 5 }}
                            </strong>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:0;margin-bottom: 10px;">
                            <span style="margin-right: 10px;">Unanswered Questions :</span>
                        </td>
                        <td style="padding:0;display:flex;">
                            <strong style=""> {{ $result?->unanswered_questions ?? 5 }} </strong>
                        </td>
                    </tr>
                </table>
            </div>

            <p style="color: #323233; margin-top: 10px; font-size: 16px">
                <a href="{{ isset($student) ? "{$student?->user?->userPlatform?->domain}post-utme/aspirant/exam/?view_result" : '' }}"
                    style="
								color: #f14119;
								font-size: 16px;
								font-weight: 400;
								text-decoration: none;
								display: inline-block;
								margin-bottom: 8px;
							">View
                    Results</a>
                <br />
                Get your detailed performance and see where you excelled!
            </p>

            <p style="color: #323233; font-size: 16px; margin-top: 25px">
                If you have any questions or need assistance, please don’t hesitate
                to reach out.
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            You are recieving this email because you opted in via our website
        </td>
    </tr>
@endsection