@extends('website.layout.master_auth')
@section('title', 'الرئيسية')
@section('content')

    <div class="body-content">
        <div class="container">

            <div class="body-e">
                <div class="try-it">
                    <p>Start a new revision session</p>
                </div>
                <div class="box-x revision ">
                    <h6>Subsections  </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-sub-section/'.$id.'/'. $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/'.$id.'/'.$category->id)}}">
                                            <img src="{{ $category->image }}" alt="">
                                            <h5>{{ $category->name }}<span></span></h5>
                                        </a>
                                    </div>
                                </div>
                            @endif

                        @endforeach
                    </div>
{{--                    <div class="try-it">--}}
{{--                        <a href="" class="try wh">      Start new session</a>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>


    </div>
    </div>
@endsection