@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;">
            <p style="text-align: center"><strong>{{ __('Exam Completed') }}</strong></p>

            <p style="font-">{{ __('Hello') }} {{ $user->name ?? 'Divine John' }},</p>

            <p>
                {{ __('Thank you for completing your exam! We’ve reviewed your answers, and we’re excited to share your results with you.') }}
            </p>

            <div class="details" style="text-align: center">
                <p><strong>{{ __('Your Score') }}</strong></p>

                <p>
                    <strong>{{ (isset($result) ? ceil(($result->score / $result->total_questions) * 100) : 20) . '%' }}</strong>
                </p>
            </div>

            <div class="details">
                <p>
                    {{ __('Total Questions') }}: {{ $result?->total_questions ?? 20 }}
                </p>
                <p>
                    {{ __('Correct Answers') }}: {{ $result?->correct_answers ?? 10 }}
                </p>
                <p>
                    {{ __('Incorrect Answers') }}: {{ $result?->incorrect_answers ?? 5 }}
                </p>
                <p>
                    {{ __('Unanswered Questions') }}: {{ $result?->unanswered_questions ?? 5 }}
                </p>
            </div>

            <div class="details">
                <p>
                    <a style="color: #F14119;"
                        href="{{ isset($user) ? "{$user?->userPlatform?->domain}?view_result=student" : '' }}">{{ __('View Result') }}</a>
                </p>
                <p>{{ __('Dive into your performance and see where you excelled!') }}</p>
            </div>

            <p>
                {{ __('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