@extends('website.layout.master_auth')
@section('title', 'الرئيسية')
@section('content')
<!--  -->
<div class="body-content">
    <div class="container">

        <div class="row mb-5  justify-content-center">

            <div class="col-12">
                <div class="form-content">
                    <div class="co-q-hed">
                        <div class="cq-img">

                            <div class="">
                                <h6>Revision session</h6>
{{--                                <span>Date completed : 06/10/22  </span>--}}
                            </div>
                        </div>
                        <div class="cq-img">

                            <div class="">
                                <div class="">
                                    <span>Psag 1 of 10  </span>
                                </div>
                                @if(isset($category))

                                <div class="llg">
                                    <img src="{{$category->image}}" width="50" alt="">
                                    <span>{{$category->name}}</span>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>



                    <div class="list-ans list-mult">
                        @foreach($questions as $question)
                            @php
                                $userAnswer = $question->userAnswers()->where('user_id',auth()->user()->id)->first();
                            @endphp

                            @if((!empty($userAnswer)) &&$userAnswer->is_correct ==1)
                                <a href="#" class="correct">
                                    <div class="correct">
                                        <h6>{!!  $question->question !!}</h6>
                                        <span>{!! $question->short_answer !!}</span>
                                    </div>
                                    <img src="{{asset('web')}}/img/Iconr.svg" alt="">
                                </a>
                            @elseif((!empty($userAnswer)) &&$userAnswer->is_correct ==0)
                                <a href="#" class="worng">
                                    <div class="worng">
                                        <h6>{!!  $question->question !!}</h6>
                                        <span>{!! $question->short_answer !!}</span>
                                    </div>
                                    <img src="{{asset('web')}}/img/Iconr.svg" alt="">
                                </a>
                            @else
                                <a href="#" class="">
                                    <div class="">
                                        <h6>{!! $question->question !!}</h6>
                                        <span>{!! $question->short_answer !!}</span>
                                    </div>
                                    <img src="{{asset('web')}}/img/Iconr.svg" alt="">
                                </a>
                            @endif

                        @endforeach

                    </div>


                </div>
            </div>


        </div>
    </div>


</div>
</div>


<!--  -->
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header d-none">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="content-login">
                    <h3>Log in to FRCEM</h3>
                    <ul>
                        <li>
                            <a href=''>
                                <img src="./img/t1.svg" alt="">
                                <h6>FRCEM intermediate</h6>
                            </a>
                        </li>
                        <li>
                            <a href=''>
                                <img src="./img/t1.svg" alt="">
                                <h6>FRCEM SBA</h6>
                            </a>
                        </li>
                        <li>
                            <a href=''>
                                <img src="./img/t1.svg" alt="">
                                <h6>FRCEM primary</h6>
                            </a>
                        </li>
                    </ul>
                    <a href=""> Don't have an acoount?</a>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header d-none">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="content-end">
                    <img src="./img/end-co.svg" alt="">
                    <h6>Ending revision Session</h6>
                    <p>This will end your current session and show your results. Do you wish to continue?</p>

                    <div class="try-it">
                        <a href="" class="try-right">   Confirm</a>
                        <a href="" class=" ">Cancel   </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection