@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 active" 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" 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>
                                </div>
                                <div class="box-x revision ">
                                    <h6>Main Sections</h6>
                                    <div class="row">
                                        @foreach($categories as $category)
                                            @if($category->childrenCategories()->count() > 0)
                                                <div class="col-12 col-md-3 col-lg-2 ">
                                                    <div class="revision-item">
                                                        <a href="{{ url('sub-section/'. $category->id) }}">
                                                            <img src="{{ $category->image }}" alt="">
                                                            <h5>{{ $category->name }}</h5>
                                                        </a>
                                                    </div>
                                                </div>
                                            @else
                                                <div class="col-12 col-md-3 col-lg-2 ">
                                                    <div class="revision-item">
                                                        <a href="{{url('revisionQuestions/'.$category->id)}}">
                                                            <img src="{{ $category->image }}" alt="">
                                                            <h5>{{ $category->name }}</h5>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif

                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="body-e">
                                <div class="try-it">
                                    <p>Or start a new mock exam</p>

                                </div>
                                <div class="box-x">
                                    <p class="pr">{!! $setting->mocking_exam_description !!}</p>
                                    <div class="try-it">
                                        <!-- <p>Or start a new mock exam</p> -->
                                        <a href="{{url('mock')}}" class="try wh">  Start new exam</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>



            </div>
        </div>


    </div>
    </div>
@endsection