@extends('layout.app')

@section('title')
    {{ __('تفاصيل إجابات الطالب') }}
@endsection

@section('css')
    <link href="{{ asset('assets/css/student-view-answers.css') }}" rel="stylesheet">
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <div class="card mb-4">
                <div class="card-header">
                    <h4>{{ __('معلومات الطالب') }}</h4>
                </div>
                <div class="card-body">
                    <table class="table table-bordered student-info-table">
                        <tbody>
                            <tr>
                                <th>{{ __('اسم الطالب') }}</th>
                                <td>{{ $studentResponse->student_name ?? 'غير متوفر ' }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('اسم المدرسة') }}</th>
                                <td>{{ $studentResponse->school_name ?? 'غير متوفر ' }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h4>{{ __('تفاصيل الإجابات') }}</h4>
                </div>
                <div class="card-body">
                    <table class="table table-bordered custom-table">
                        @php
                            $lastDeptStandard = null;
                            $lastIndicator = null;
                        @endphp

                        @foreach ($groupedGuidelines as $groupKey => $group)
                            @php
                                [$deptId, $standardId, $indicatorId] = explode('-', $groupKey);
                                $department = $group->first()->department;
                                $standard = $group->first()->standard;
                                $indicator = $group->first()->indicator;
                            @endphp

                            @if ($lastDeptStandard !== $deptId . '-' . $standardId)
                                @if ($lastDeptStandard !== null)
                                    </tbody>
                                @endif
                                <thead>
                                    <tr>
                                        <th colspan="5" class="bg-main text-right">
                                            {{ $department->name }} - {{ $standard->standard_name }}
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $lastDeptStandard = $deptId . '-' . $standardId;
                                        $lastIndicator = null;
                                    @endphp
                            @endif

                            @if ($lastIndicator !== $indicatorId)
                                <tr>
                                    <th colspan="5" class="bg-secondary text-right">
                                        {{ __('المؤشر') }}: {{ $indicator->name }}
                                    </th>
                                </tr>
                                @php
                                    $lastIndicator = $indicatorId;
                                @endphp
                            @endif

                            @foreach ($group as $guideline)
                                <tr class="bg-paragraph-question">
                                    <td class="font-weight-bold" style="width: 15%;">{{ __('الفقرة') }}</td>
                                    <td colspan="4">{{ $guideline->paragraph->name }}</td>
                                </tr>
                                <tr class="bg-paragraph-question">
                                    <td class="font-weight-bold" style="width: 15%;">{{ __('السؤال') }}</td>
                                    <td colspan="4">
                                        {{ 'كيف ' . $guideline->paragraph->name . '؟' }}
                                    </td>
                                </tr>

                                <tr>
                                    <td class="font-weight-bold" style="width: 15%;">
                                        {{ __('الإجابات المتوقعة') }}
                                    </td>
                                    <td colspan="4">
                                        <div class="answer-list">
                                            @foreach ($guideline->answers as $answer)
                                                <span
                                                    class="answer-item {{ in_array($answer->id, $studentResponse->answers->pluck('id')->toArray()) ? 'highlight-answer' : '' }}">
                                                    {{ $answer->answer_text }}
                                                </span>
                                            @endforeach
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection