@if($quizSurvey->passing_score > 0)
<div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
    <div class="card-body">
        <h5>
            {{$quizResult->survey->name}}
            @if ($quizResult->quiz_result >= $quizResult->survey->passing_score)
                <span class="link-go"><b>{!! __("team-quiz.complete.passing") !!}</b></span>
            @else
                <span class="">{!! __("team-quiz.complete.not_passing") !!}</span>
            @endif
        </h5>
        <div class="row justify-content-center">
            <h4 class>
                {!! __("team-quiz.complete.score") !!} {{ $quizResult->quiz_result }}{!! __("team-quiz.complete.unit") !!}
                / {!! __("team-quiz.complete.passing_score") !!} {{ $quizResult->survey->passing_score }}{!! __("team-quiz.complete.unit") !!}
            </h4>
        </div>
        <div class="table-responsive">
            <table class="table">
                <thead class="thead-light medium-heading">
                    <tr>
                        <th style="width: 8%">{!! __("team-quiz.complete.table.no") !!}</th>
                        <th style="width: 25%">{!! __("team-quiz.complete.table.quesion") !!}</th>
                        <th style="width: 12%">{!! __("team-quiz.complete.table.answer") !!}</th>
                        <th class="text-center" style="width: 12%">{!! __("team-quiz.complete.table.correct_answer") !!}</th>
                        <th style="width: 20%">解説</th>
                    </tr>
                </thead>
                <tbody class="main-text">
                    @foreach ($questions as $idx => $question)
                        @if (!isset($resultAnswers[$question->id]))
                            @continue
                        @endif
                        <tr>
                            <td class="text-left align-middle">
                                {{$idx + 1}}
                            </td>
                            <td class="text-left align-middle">
                                {{$question->question}}
                            </td>
                            <td class="text-left align-middle">
                                @php
                                    $answer = is_array($resultAnswers[$question->id]) ? implode(',', $resultAnswers[$question->id]) : $resultAnswers[$question->id]
                                @endphp
                                {{$answer}}
                            </td>
                            <td class="text-center align-middle">
                                @if ($answer == $question->answer)
                                    〇
                                @else
                                    × {!! __("team-quiz.complete.table.correct") !!}（{{$question->answer}}）
                                @endif
                            </td>
                            <td class="text-left align-middle">
                                @php
                                    $isCorrect = ($answer == $question->answer);
                                    $explanationText = '';
                                    $explanationImageUrl = '';
                                    
                                    if ($isCorrect) {
                                        // 正解時の解説
                                        if ($question->correct_explanation) {
                                            $explanationText = $question->correct_explanation;
                                            $explanationImageUrl = $question->answerImage ? $question->answerImage->s3_bucket . $question->answerImage->url : '';
                                        }
                                    } else {
                                        // 不正解時の解説
                                        if ($question->incorrect_explanation) {
                                            $explanationText = $question->incorrect_explanation;
                                            $explanationImageUrl = $question->incorrectExplanationImage ? $question->incorrectExplanationImage->s3_bucket . $question->incorrectExplanationImage->url : '';
                                        } elseif ($question->correct_explanation) {
                                            // 不正解時解説がない場合は正解時解説を表示
                                            $explanationText = $question->correct_explanation;
                                            $explanationImageUrl = $question->answerImage ? $question->answerImage->s3_bucket . $question->answerImage->url : '';
                                        }
                                    }
                                @endphp
                                
                                @if ($explanationText)
                                    <div>
                                        <div class="mb-2" style="color: {{ $isCorrect ? '#28a745' : '#dc3545' }}; font-weight: bold;">
                                            解説
                                        </div>
                                        <div class="mb-2">
                                            {{ $explanationText }}
                                        </div>
                                        @if ($explanationImageUrl)
                                        <div class="text-center">
                                            <img src="{{ $explanationImageUrl }}" alt="解説画像" class="img-fluid" style="max-width: 100%; max-height: 200px;">
                                        </div>
                                        @endif
                                    </div>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="row justify-content-center">            
            @if ($team->guest_download && $quizResult->quiz_result >= $quizResult->survey->passing_score && $quizResult->survey->passing_score > 0)
                <div class="col-md-4 mb-5">
                    <a href="{{ route($registered . '.quiz.certificateDownload', ['quizResult' => $quizResult->id])}}" class="btn btn-block button-go btn-lg rounded-pill">
                        <b>{!! __("team-quiz.complete.download_button") !!}<i class="fas fa-file-download"></i></b>
                    </a>
                </div>
            @endif
        </div>
    </div>
</div>
@endif