@extends('layouts.app')
@section('content')
    <div class="m-sm-5 m-1">
        <div class="fs-4 fw-bolder mb-3 text-p">تفاصيل الطالب</div>
        <div class="d-flex justify-content-between mb-3">
            <div class="d-flex justify-content-between">
                <div class="d-flex gap-3">
                    <div class="">
                        <img style="width: 100px;height:100px;" src="{{ $student->image }}" alt=""
                            class="rounded-circle">
                    </div>
                    <div class="">
                        <div class="fs-6  text-p">{{ $student->username }}</div>
                        <div class="text-s">{{ $student->education_level->title ?? null }}</div>
                        <div class="mt-3">
                            <span class="text-p3 "><i class="fa-solid fa-phone"></i></span><span class="text-s ms-2">رقم
                                الهاتف
                                : </span><span class="text-b">{{ $student->phone }}</span>

                        </div>
                        <div class="mt-1">

                            <span class="text-p3 "><i class="fa-solid fa-phone"></i></span><span class="text-s ms-2">رقم ولى
                                الأمر : </span><span class="text-b">{{ $student->parent_phone }}</span>
                        </div>

                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-around">
                <div class="d-flex gap-3">

                    <div class="">
                        <div class="fs-6  text-p">{{ $exam->title }}</div>
                        <div class="mt-3">
                            <span class="text-p3 "></span><span class="text-s ms-2"> درجة الأمتحان
                                : </span><span class="text-b">{{ $result['total_grades'] }}</span>

                        </div>
                        <div class="mt-1">
                            <span class="text-p3 "></span><span class="text-s ms-2">
                                درجة الطالب : </span><span class="text-b">{{ $result['student_grades'] }}</span>
                        </div>
                        <div class="mt-1">
                            <span class="text-p3 "></span><span class="text-s ms-2"> عدد الأجابات : </span><span
                                class="text-b">{{ $result['count_resolved'] }}</span>
                        </div>
                        <div class="mt-1">
                            <span class="text-p3 "></span><span class="text-s ms-2"> عدد الأجابات الصحيحة : </span><span
                                class="text-b">{{ $result['correct_count'] }}</span>
                        </div>
                        <div class="mt-1">
                            <span class="text-p3 "></span><span class="text-s ms-2"> عدد الأجابات الخاطئة : </span><span
                                class="text-b">{{ $result['wrong_count'] }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table class="table table-striped dataTable no-footer mt-3">
            <thead>
                <tr>

                    <th>السؤال</th>
                    <th>أجابة الطالب</th>
                    <th>الأجابة الصحيحة</th>
                </tr>
            </thead>
            <tbody>
                @foreach($result["questions"] as $q)
                <tr>
                <td>{{$q["question"]}}</td>
                <td>{{$q["correct_answer"]}}</td>
                <td>{{$q["student_answer"]}}</td>
                </tr>    
                @endforeach
            </tbody>
        </table>

    </div>
@endsection