@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="">

                                <span>Psag 1 of 10 </span>


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



                    <div class="list-ans list-mult hover-item">
                        @foreach($reviews as $review)

                        <a href="{{url('reviewQuestions/'.$review->category->id)}}" class="">
                            <div class="">
                                <h6>
                                    @if($review->type == 'mock')
                                    Mock exam
                                    @else
                                    Revision session
                                    @endif
                                    <img src="{{asset('web')}}/img/time.svg" alt=""> Completed: {{$review->created_at}}
                                </h6>
                                <div class="llg">
                                    <img src="{{$review->category->image}}" width="50" alt="">
                                    <span>{{$review->category->name}}</span>
                                </div>
                            </div>
                            <div class="questions-c">
                                <div class="questions">
                                    <h5>{{$review->question_number}} questions</h5>

                                    <h3>{{round(($review->answer_number/$review->question_number)*100)}}%</h3>
                                </div>
                                <img src="{{asset('web')}}/img/Iconr.svg" alt="">
                            </div>
                        </a>
                        @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