@extends('layouts.frontend')
@section('js_after')
    <script>
        function newPopup(url) {

            var window_dimensions = "toolbars=no,menubar=no,location=no,scrollbars=yes,resizable=yes,status=yes"
            var popup = window.open(url, "_blank", "fullscreen", window_dimensions);
            if (popup.outerWidth < screen.availWidth || popup.outerHeight < screen.availHeight)
            {
                popup.moveTo(0,0);
                popup.resizeTo(screen.availWidth, screen.availHeight);
            }
            // window.open(url,'_blank',"width=1000,height=650,toolbar=0,location=0,scrollbars=yes");
            runner();
        }
    </script>
@endsection
@section('content')
    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="page-title">Select Your Mock Exam</h2>
                </div>
            </div>
        </div>
        <a href="#" class="btn-chat">Chat With Us</a>
    </div>
    <section class="main-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <p>
                                Take these mock exams to test your knowledge on various topics.
                            </p>
                        </div>
                        <div class="col-md-12 mb-3">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th scope="col">Sl. No</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Difficulty Level</th>
                                    <th scope="col">No. of Questions</th>
                                    <th scope="col">Total Marks</th>
                                    <th scope="col">Pass Marks</th>
                                    <th scope="col">Duration</th>
                                    <th scope="col">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($mock_exam_list) && count($mock_exam_list)>0)
                                        @php
                                            $mc_count=1;
                                        @endphp
                                    @foreach($mock_exam_list as $mock_exam)
                                        @php
                                            $total_marks = 0;
                                            if ($mock_exam->questionsList->count()>0){
                                                foreach ($mock_exam->questionsList as $questionL){
                                                    $total_marks += $questionL->questionDetails->mark;
                                                }
                                            }
                                        @endphp
                                        <tr>
                                            <th>{{$mc_count}}.</th>
                                            <td>{{$mock_exam['name']}}</td>
                                            <td>{{$mock_exam['exam_level']?$mock_exam->questionLevel->name:''}}</td>
                                            <td>{{$mock_exam->questionsList->count()}} Questions</td>
                                            <td>{{$total_marks}}</td>
                                            <td>{{$mock_exam['percentage']}}{{($mock_exam['mark_type']==5)?'%':''}}</td>
                                            <td>{{$mock_exam['duration']}} Minutes</td>
                                            {{--<td><button onclick="newPopup('{{route('frontend.startExam',['id'=> $mock_exam['id']])}}')" class="btn btn-primary" >Start Test</button></td>--}}
                                            <td><a href="{{route('frontend.instruction',['id'=> $mock_exam['id']])}}" class="btn btn-primary" >Select Your Mock Exam</a></td>
                                        </tr>
                                        @php
                                            $mc_count++;
                                        @endphp
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>

                        <div class="col-md-12">
                            <p>Many more topics will be launched shortly.</p>
                        </div>

                    </div>
                </div>

            </div>
        </div>
        <div class="btm-shape-prt">
            <img class="img-fluid" src="{{url('/')}}/images/shape2.png" alt="" />
        </div>
    </section>

@endsection