@php
    use App\Models\{StudentQuizAnswer, QuestionOption};
    $getQuizResultInfo = $allResults['getQuizResultInfo'];
    $studentQuizResultAnswers = $allResults['getQuizResultInfo']->studentQuizResultAnswers;
@endphp
{{-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> --}}
    <style>
        .correct-answer {
            /* background-color: #d4edda; */
            border: 2px solid #c3e6cb; /* Green border */
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 15px;
        }

        .incorrect-answer {
            /* background-color: #f8d7da; */
            border: 2px solid #f5c6cb; /* Red border */
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 15px;
        }

        .answer-status {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .question-title {
            font-size: 16px;
            font-weight: bold;
        }

        .option {
            padding: 5px 10px;
            border-radius: 3px;
            display: inline-block;
        }

        .correct-option {
            background-color: #28a745; /* Green */
            color: white;
        }

        .incorrect-option {
            background-color: #dc3545; /* Red */
            color: white;
        }
    </style>

<div class="container mt-5">
    <div class="text-center mb-4">
        <h4>{{ (!empty($getQuizResultInfo->quiz->name) ? $getQuizResultInfo->quiz->name : '') }}</h4>
        <h6>Total Score: {{ (!empty($getQuizResultInfo->total_mark) ? $getQuizResultInfo->total_mark : '') }}</h6>
        <h6>Pass Score: {{ (!empty($getQuizResultInfo->quiz->pass_score) ? $getQuizResultInfo->quiz->pass_score : '') }}</h6>
        <h6>Obtained Score: {{ (!empty($getQuizResultInfo->obtained_mark) ? $getQuizResultInfo->obtained_mark : '') }}</h6>
        <h6>Quiz Results</h6>
    </div>

    </div>