@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('title', $country->meta_title)
@section('meta_description', $country->meta_description)
@section('meta_keywords', $country->meta_keyword)
@section('content')
<!-- kv-countries-language -->
<div id="kv-countries-language">@include('frontend.module.kv-countries-language')</div>
<!-- ./kv-countries-language -->

<nav class="nav-main">
    <div class="nav-primary">
        <div class="container d-none d-lg-block slick-nav">
            {!! $FrontendPresenter->countryMenuSlider() !!}
        </div>
        <div class="d-lg-none">
            <select class="custom-select" onchange="location = this.value;">
                {!! $FrontendPresenter->countryMenuSelect() !!}
            </select>
        </div>
    </div>
</nav>

<main class="main">
    <div class="container-fluid">
        <div class="container">
            @foreach ($list as $k => $v)
            <div class="row align-items-center row-scholarship">
                <div class="col-12 col-md-6">
                    <div class="text-center">
                        <img class="img-fluid" src="{{ asset($v->pic) }}">
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="px-4 px-md-10 py-5">
                        <div class="h5 font-weight-bold mb-3">{{ $v->title }}</div>
                        <p>
                            {!! $v->description !!}
                        </p>
                        <a class="btn btn-primary" href="{{ route('countries_language-promotion-school-post', [$v->country_id, $v->id]) }}">看詳情</a>
                    </div>
                </div>
            </div>
            @endforeach
            <nav>
                <!-- nav-pagination -->
                <div id="nav-pagination"></div>
                <!-- ./nav-pagination -->
            </nav>
        </div>
    </div>
</main>
@stop
@section('js')
<!-- single -->
<script>
    $('.slick-nav').slick();
    $.home();
</script>
@stop