@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 col-lg-12 mt-5">
                    <ul class="nav nav-tabs frcem-tab" id="myTab" role="tablist">
{{--                        <li class="nav-item" role="presentation">--}}
{{--                            <button class="nav-link " id="home-tab" data-toggle="tab" data-target="#home" type="button"--}}
{{--                                    role="tab" aria-controls="home" aria-selected="true">--}}

{{--                                <img src="{{asset('web')}}/img/Revision.svg" alt="">--}}
{{--                                <h6>Revision session   </h6>--}}

{{--                            </button>--}}
{{--                        </li>--}}
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="profile-tab" data-toggle="tab" data-target="#profile" type="button"
                                    role="tab" aria-controls="profile" aria-selected="false">
                                <img src="{{asset('web')}}/img/exam.svg" alt="">
                                <h6>Mock exam   </h6>
                            </button>
                        </li>

                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="body-e">
                                <div class="try-it">
                                    <p>Start a new revision session</p>


                                    <!-- <a href="" class="try">Sign up</a> -->
                                </div>
{{--                                <div class="box-x pd-20">--}}
{{--                                    <div class="box-flex">--}}
{{--                                        <div class="bfl">--}}
{{--                                            <h6>current mock exam</h6>--}}
{{--                                            <h6>  Started: 17th October 2022</h6>--}}
{{--                                        </div>--}}
{{--                                        <div class="bfr">--}}
{{--                                            <h5>0 Answered</h5>--}}
{{--                                            <span>0%</span>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="button-footer ">--}}
{{--                                        <div class="bf-l">--}}
{{--                                            <div class="try-it mt-0">--}}
{{--                                                <a href="" class="try-dengr" data-toggle="modal" data-target="#exampleModal1">  End session</a>--}}
{{--                                            </div>--}}

{{--                                        </div>--}}
{{--                                        <div class="bf-r">--}}
{{--                                            <div class="try-it mt-0">--}}

{{--                                                <a href="" class="try-right">   Continue session</a>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}

                                <div class="box-x revision ">
                                    <h6>Main Sections</h6>
                                    <div class="row">

                                            @foreach($categories as $category)
                                                <div class="col-12 col-md-3 col-lg-2 ">


                                                    <div class="revision-item">
                                                        <a href="{{url('mockQuestions/'.$category->id)}}">
                                                            <img src="{{$category->image}}" width="50" alt="">
                                                            <h5>{{$category->name}} <span>({{$category->questions()->count()}})</span></h5>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endforeach




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


                    </div>
                </div>



            </div>
        </div>


    </div>
@endsection