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


    <div class="container">
        <div class="header">
            <h3>FRCEM exam overview</h3>
            <ul>
                <li><a href="{{url('/')}}">Home </a></li>
                <li>/</li>
                <li><a href="{{url('exams')}}">Exams </a></li>
                <li>/</li>
                <li><a href=""> FRCEM exam overview </a></li>
                <li>/</li>

                <li> FRCEM Primary Exam</li>
            </ul>
        </div>
    </div>
    </header>
    <!--  -->
    <div class="body-content">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-12 col-lg-10 mt-5 mb-5">


                    <ul class="nav nav-tabs cours-tab" id="myTab" role="tablist">
                        @foreach($exams as $key=>$exam)
                        <li class="nav-item" role="presentation">
                            <button class="nav-link @if($key ==0) active @endif " id="{{$exam->id}}-tab" data-toggle="tab" data-target="#{{$exam->id}}" type="button"
                                    role="tab" aria-controls="{{$exam->id}}" aria-selected="@if($key ==0) true @else false @endif">{{$exam->title}} </button>
                        </li>
                        @endforeach
{{--                        <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">FRCEM intermediate revision</button>--}}
{{--                        </li>--}}
{{--                        <li class="nav-item" role="presentation">--}}
{{--                            <button class="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button"--}}
{{--                                    role="tab" aria-controls="contact" aria-selected="false">FRCEM SBA revision</button>--}}
{{--                        </li>--}}
                    </ul>
                    <div class="tab-content cours-body" id="myTabContent">
                        @foreach($exams as $key=>$exam)
                        <div class="tab-pane fade @if($key ==0) show active @endif" id="{{$exam->id}}" role="tabpanel" aria-labelledby="{{$exam->id}}-tab">
                            {!! $exam->description !!}
                        </div>
                        @endforeach
{{--                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>--}}
{{--                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>--}}
                    </div>
                    <div class="try-it">
                        <a href="{{ url('/register-first') }}" class="try">Sign up Today</a>
                        <a href="{{url('/demo-category')}}" class="try-free">Try for free</a>
                    </div>
                </div>
                <div class="col-12">
                    <div class="mb-5">
                        <div class="owl-carousel owl-theme owl-carousel1">
                            @foreach($sliders as $slider)
                                <div class="item">
                                    <img src="{{ $slider->image }}" alt="" height="500">
                                    <h4>{{ $slider->title }}</h4>
                                    <p>{!! $slider->description !!}</p>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    @foreach($exams as $key=>$exam)
                        <div class="item-t" id="i{{$key}}">

                            <div class="ti-title">
                                <h6>Package</h6>
                                <h4>{{$exam->title}}</h4>
                            </div>
                            <div class="row mb-5">
                                @foreach($exam->packages as $package)
                                <div class="col-6 col-md-3 col-lg-2">
                                    <div class="price-card">
                                        <h5>{{$package->duration}} Month</h5>
                                        <h3>$ {{$package->price}}</h3>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>


            </div>
        </div>




        <!--  -->
        <!-- Modal -->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header d-none">
                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="content-login">
                            <h3>Log in to FRCEM</h3>
                            <ul>
                                <li>
                                    <a href=''>
                                        <img src="./img/t1.svg" alt="">
                                        <h6>FRCEM intermediate</h6>
                                    </a>
                                </li>
                                <li>
                                    <a href=''>
                                        <img src="./img/t1.svg" alt="">
                                        <h6>FRCEM SBA</h6>
                                    </a>
                                </li>
                                <li>
                                    <a href=''>
                                        <img src="./img/t1.svg" alt="">
                                        <h6>FRCEM primary</h6>
                                    </a>
                                </li>
                            </ul>
                            <a href=""> Don't have an acoount?</a>
                        </div>
                    </div>

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


@stop