@extends('web.layouts.container')

@section('content')
    <section class="page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>{{$title}}</span>
                    </li>
                </ul>

            </div>
            <div class="section_head text-center">
                <h2>{{$title}}</h2>
            </div>
        </div>
        <img src="{{asset('assets/web/images/heading-pattern-l.png')}}" class="pattern-l">
        <img src="{{asset('assets/web/images/heading-pattern-r.png')}}" class="pattern-r">
    </section>
    <div class="courses products-sec section-padding">
        <div class="container">
            <div class="content small_prod">
                <div class="row">
                    @if(count($electronicTests))
                        @foreach($electronicTests as $electronicTest)
                            <div class="col-lg-4">
                                <div class="prod_item">
                                    <div class="img">
                                        <img src="{{asset($electronicTest->image)}}" alt=" ">
                                    </div>
                                    <div class="info bg-gray">
                                        <h3>{{$electronicTest->name}}</h3>
                                        <a href="{{route('electronicTestExam', $electronicTest->id)}}" class="butn color mt-2"><span>إختبر الأن</span></a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection

@section('inner_js')

@endsection