@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{$exam->level->name}} إمتحان </h3>


            @if(isset($user_exam) && !empty($user_exam) && now() >= \Illuminate\Support\Carbon::parse($user_exam->created_at)->addHours(3))
                <a class="btn btn-primary reExam" href="{{route('user-levels.reExam',[$exam->level->id,$user_exam->id])}}">
                    إعاده الامتحان
                </a>
            @endif

        </div>
        @if(isset($user_exam) && !empty($user_exam))
            <div class="card-body">
                <div class="ans-div-count">
                    <div class="qus-num">
                        <p for="">عدد الاسئله :</p>
                        <span>{{@$user_exam->answers->count()}}</span>
                    </div>
                    <div class="qus-num">
                        <p for="">عدد الاجابات الصحيحه :</p>
                        <span class="text-success">{{@$user_exam->correct_answer_count}}</span>
                    </div>
                    <div class="qus-num">
                        <p for="">عدد الاجابات الخطأ :</p>
                        <span class="text-danger">{{@$user_exam->wrong_answer_count}}</span>
                    </div>
                    <div class="qus-num">
                        <p for="">نتيجه الإمتحان :</p>
                        <span class=" {{@$user_exam->result >=50 ? 'text-success':'text-danger'}}"> {{@$user_exam->result}} %</span>
                    </div>
                    <div class="qus-num">
                        <p for="">حاله الطالب :</p>
                        <span class="{{@$user_exam->is_passed ? 'text-success':'text-danger'}}">{{@$user_exam->is_passed ?'ناجح':'راسب'}}</span>
                    </div>
                </div>

                <div class="row">
                    <div class="table-responsive">
                        <table class="table table-bordered datatable text-center">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>السؤال</th>
                                <th>إجابه الطالب</th>
                                <th>الاجابه الصحيحه</th>
                                <th>هل الإجابه صحيحه ؟</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach($user_exam->answers as $index => $answer)
                                <tr>
                                    <td>{{++$index}}</td>
                                    <td>{!! @$answer->question->question !!}</td>
                                    <td>{{$answer->user_answer}}</td>
                                    <td>{{$answer->answer}}</td>
                                    <td><i class="fa fa-{{$answer->is_correct ? 'check text-success':'close text-danger'}} "></i></td>

                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                    {{-- @foreach($exam->questions as $index=> $question)
                         <input type="hidden" name="questions[]" value="{{$question->id}}">
                         @if($question->type =='choice')
                             <div class="col-md-6 form-group">
                                 <label class="form-label text-danger font-weight-bold">{!! $question->question !!}</label>
                                 @foreach($question->choices as $choice)
                                     <label for="{{$choice->id}}"> {{$choice->choice}}</label>
                                     <input class="" id="{{$choice->id}}" name="answers[{{$question->id}}][answer]" {{$choice->is_correct ? 'checked':""}} value="{{$choice->choice}}" type="radio" placeholder="">
                                 @endforeach

                                 @error('answers.'.$question->id.'.answer')
                                 <span class="text-danger">{{$message}}</span>
                                 @enderror
                             </div>
                         @elseif($question->type =='paragraph')
                             <div class="col-md-6 form-group">
                                 <label class="form-label text-danger font-weight-bold">{!! $question->question !!}</label>
                                 <textarea name="answers[{{$question->id}}][answer]" id="" cols="177" rows="10"></textarea>
                                 @error('answers.'.$question->id.'.answer')
                                 <span class="text-danger">{{$message}}</span>
                                 @enderror
                             </div>
                         @endif

                     @endforeach--}}

                </div>
            </div>
        @else
            <div class="card-body pb-0">
                <form class="form" method="post" action="{{route(@$route.'.storeExamAnswers',[$user_id,$exam->level->id])}}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        @foreach($exam->questions as $index=> $question)
                            <input type="hidden" name="questions[]" value="{{$question->id}}">
                            @if($question->type =='choice')
                                <div class="col-md-12 form-group">
                                    <h3 class="text-danger qus-title">{!! $question->question !!}</h3>
                                    @foreach($question->choices as $choice)
                                        <div class="radio radio-primary">
                                            <input class="form-check-input" id="{{$choice->id}}" name="answers[{{$question->id}}][answer]" {{$choice->is_correct ? 'checked':""}} value="{{$choice->choice}}" type="radio" placeholder="">
                                            <label class="form-check-label" for="{{$choice->id}}">{{$choice->choice}}</label>
                                        </div>
                                    @endforeach
                                    @error('answers.'.$question->id.'.answer')
                                    <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>
                            @elseif($question->type =='paragraph')
                                <div class="col-md-12 form-group">
                                    <h3 class="text-danger qus-title">{!! $question->question !!}</h3>
                                    <textarea class="form-control" name="answers[{{$question->id}}][answer]" id="" rows="10">
                                        {{$question->p_question_answer}}
                                    </textarea>
                                    @error('answers.'.$question->id.'.answer')
                                    <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>
                            @endif

                        @endforeach

                    </div>

                    <div class="card-footer">
                        <button class="btn btn-primary btn-air-primary btn-icon" type="submit">
                            <i class="fa fa-save"></i>
                            حفظ
                        </button>
                    </div>
                </form>
            </div>
        @endif


    </div>
@endsection
@push('js')
    <script>
        $(document).on('click', '.reExam', function (e) {
            e.preventDefault();
            var url = $(this).attr('href');

            Swal.fire({
                title: 'إعاده الامتحان سوف تؤدي إلي حذف نتائج الامتحان السابقه ',
                text: "هل تريد الإستمرار ؟",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'نعم  !',
                cancelButtonText: 'رجوع'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url
                }
            })

        });
    </script>
@endpush