@extends('layouts.admin')

@section('styles')
@endsection

@section('content')
    <div class="container-fluid">

        <style>
            .table thead tr td {
                padding: 0px 0px 15.2px 0px;
            }
        </style>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-10">
                                @include('elements.admin-breadcrumb')
                            </div>
                            <div class="col-2  text-end">
                                <a class="btn btn-primary" href="{{ route('admin.exam-report.index') }}"><i
                                        class="fa "></i> Back</a>
                            </div>

                        </div>
                    </div>
                    <div class="card-body">
                        @include('elements.alert')

                        <div class="row mb-3">

                            <div class="col-md-4">
                                <label class="form-label">Student Name</label>
                                <div class="controls">
                                    <h4>{{ $exam->student->full_name }}</h4>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <label class="form-label">Course</label>
                                <div class="controls">
                                    <h6>{{ $exam->course->category->name ?? '' }} <span class="text-danger">></span>
                                        {{ $exam->course->subcategory->name ?? '' }} <span class="text-danger">></span>
                                        {{ $exam->course->name ?? '' }}
                                        @if (!empty($exam->topic_id))
                                            <span class="text-danger">></span> {{ $exam->topic->title ?? '' }}
                                        @endif
                                    </h6>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-3">

                            <div class="col-md-3">
                                <label class="form-label">Start Time</label>
                                <div class="controls">
                                    <h4>{{ date('d-m-Y H:i:s', strtotime($exam->start_exam)) }}</h4>
                                </div>

                            </div>
                            <div class="col-md-3">
                                <label class="form-label">End Time</label>
                                <div class="controls">
                                    <h4>{{ date('d-m-Y H:i:s', strtotime($exam->end_exam)) }}</h4>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Status</label>
                                <div class="controls">
                                    <h4>{{ ucfirst($exam->status) }}</h4>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Score</label>
                                <div class="controls">
                                    <h4>{{ $exam->score ?? '-' }}</h4>
                                </div>
                            </div>
                        </div>


                    </div>

                    @foreach ($examQuestions as $key => $examQuestion)
                        <div class="card my-3">
                            <div class="card-header">
                                Q.{{ $key + 1 }} - {!! $examQuestion->question->question_title !!}
                                @if ($examQuestion->question->question_mark)
                                    <span>({{ $examQuestion->question->question_mark }} marks)</span>
                                @endif
                            </div>
                            <div class="card-body">
                                <p><strong>Student Answer:</strong>
                                    @if ($examQuestion->answer)
                                        @if ($examQuestion->question->answer_type == 8)
                                            @php
                                                $selectedOption = $examQuestion->question->mcqOptions
                                                    ->where('id', (int) $examQuestion->answer->answer_value)
                                                    ->first();
                                            @endphp
                                            {{ $selectedOption->title ?? 'Not Attempted' }}
                                        @else
                                            {{ $examQuestion->answer->answer_value ?? 'Not Attempted' }}
                                        @endif
                                    @endif
                                </p>

                                <p><strong>Correct Answer:</strong>
                                    @if ($examQuestion->question->answer_type == 8)
                                        @php
                                            $correctOption = $examQuestion->question->mcqOptions
                                                ->where('is_correct', 1)
                                                ->first();
                                        @endphp
                                        {{ $correctOption->title ?? '-' }}
                                    @else
                                        {{ '-' }}
                                    @endif
                                </p>
                            </div>
                        </div>
                    @endforeach

                    <div class="mb-3 text-end">
                        <a class="btn btn-primary" href="{{ route('admin.exam-report.index') }}"><i
                            class="fa "></i> Back</a>
                    </div>



                </div> <!-- end card body-->
            </div> <!-- end card -->
        </div><!-- end col-->
    </div> <!-- end row-->
    </div>
@endsection

@section('scripts')
@endsection