@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-study -->
<div id="kv-countries-study">@include('frontend.module.kv-countries-study')</div>
<!-- ./kv-countries-study -->

<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">
                        <div class="embed__img py-md-10" style="background-image: url({{ asset($v->pic) }});">
                            <div class="py-25 py-md-25"></div>
                        </div>
                    </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_study-scholarship-post', [$v->country_id, $v->id]) }}">看詳情</a>
                    </div>
                </div>
            </div>
            @endforeach
            {{-- <div class="row align-items-center row-scholarship">
                <div class="col-12 col-md-6">
                    <div class="text-center">
                        <img class="img-fluid" src="/assets/img/uploads/promotion-school-image-2.jpg" alt="">
                    </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">卡普蘭國際英語，倫敦（考文特花園）</div>
                        <p>在聖塔莫尼卡(Santa Monica)的一切事物、商店、風景、美食都是讓人很難以抗拒的。聖塔莫尼卡有著數不盡的餐廳、三哩長的白色沙灘，這裡是許多上流人士駐足流連忘返的勝地。</p>
                        <a class="btn btn-primary" href="{{ route('countries_study-scholarship-post', 1) }}">看詳情</a>
                    </div>
                </div>
            </div> --}}
            <nav>
                <!-- nav-pagination -->
                <div id="nav-pagination"></div>
                <!-- ./nav-pagination -->
            </nav>
        </div>
    </div>
</main>
@stop
@section('js')
<!-- single -->
<script src="/assets/js/vendor/jquery.readmore.min.js"></script>
<script>
    $('.slick-nav').slick();
    $.home();
    new Readmore('.readmore', {
        speed: 500,
        collapsedHeight: 350,
        moreLink: '<p class="text-center"><a class="btn btn-primary" href="#">展開</a></p>',
        lessLink: '<p class="text-center"><a class="btn btn-primary" href="#">收合</a></p>',
    });
</script>
{{-- 
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W53SKVJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script src="/assets/js/kule.urbrowser.min.js" id="urbrowser" data-domain="www.edmtw.com"></script>
	<script src="/assets/js/jquery/jquery-3.3.1.min.js?v=1537528068"></script>
	<script src="/assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/vendor/bootstrap.responsive-paginate.js"></script>
	<script src="/assets/js/vendor/jquery.slick.min.js"></script>
	<script src="/assets/js/vendor/jquery.hc-sticky.min.js"></script>
	<script src="/assets/js/vendor/jquery.pushy.min.js"></script>
	<script src="/assets/js/vendor/jquery.readmore.min.js"></script>
	<script src="/assets/js/jquery/jquery.scrollbar.min.js?v=1537528068"></script>
	<script src="/assets/js/jquery/owl.carousel.min.js?v=1537528068"></script>
	<script src="/assets/js/main.js?v=1538384436"></script>
	<script src="/assets/js/custom.js"></script>

    <!-- module include -->
    <script src="/assets/js/function/module.js"></script>
    <script>
        $("#kv-countries-study").load("../module/kv-countries-study.html");

    </script>

    <!-- single -->
    <script>
        $('.slick-nav').slick();
        $.home();
    </script> --}}
@stop