@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('title', $sc->meta_title)
@section('meta_description', $sc->meta_description)
@section('meta_keywords', $sc->meta_keyword)
@section('json-ld', Breadcrumbs::view('breadcrumbs::json-ld', 'countries_study-courses-post', $country->country_id, $country->country_name, $tab->id, $tab->title, $sc->title))
@section('content')

<div class="container breadcrumbs">
    {{ Breadcrumbs::render('countries_study-courses-post', $country->country_id, $country->country_name, $tab->id, $tab->title, $sc->title) }}
</div>

<main class="main">
    @foreach ($course_list as $k => $v)
    @if (($k % 2) == 0)
    <div class="container-fluid">
        <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md-6">
                <div class="text-center">
                    <img class="img-fluid mb-6 mb-lg-0" src="{{ asset($v->pic )}}">
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="h3 font-weight-bold mb-3">{{ $v->title }}</div>
                <p>
                    {!! $v->description !!}
                </p>
            </div>
        </div>
        </div>
    </div>
    @else
    <div class="container-fluid my-10 my-md-14 py-0 py-md-10">
        <div class="block-gray"></div>
        <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md-6">
                <div class="text-center">
                    <img class="img-fluid mb-6 mb-lg-0" src="{{ asset($v->pic )}}">
                </div>
            </div>
            <div class="col-12 col-md-6 order-md-first">
                <div class="h3 font-weight-bold mb-3">{{ $v->title }}</div>
                <p>
                    {!! $v->description !!}
                </p>
            </div>
        </div>
        </div>
    </div>
    @endif
    @endforeach
</main>
@stop
@section('js')
    <!-- single -->
    <script>
        $('.slick-nav').slick();
        // $.home();
    </script>
    @stop