@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')

<div class="bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-10 py-8">
                <div class="row align-items-center">
                    <div class="col-12 col-md-6 text-center">
                        <img class="img-fluid mb-3 mb-md-0" src="{{ asset($row->pic) }}">
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="h3 font-weight-bold mb-4">{{ $row->title }}</div>
                        <p>
                            {!! $row->description !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<main class="main">
    <div class="container-fluid">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10">
                    <div class="text-center mb-6 mb-md-10">
                        @foreach ($tab_list as $k => $v)
                        <a class="btn @if ($v->sst_id == $tab_id) btn-outline-primary @else btn-outline-secondary @endif mx-2" href="{{ route('countries_study-scholarship-post', [request()->segment(3), $row_id, $v->sst_id]) }}">{{ $v->title }}</a>
                        @endforeach
                    </div>
                    <div class="p-0 p-md-8">
                    <p>{{ $tab->date }}</p>
                    <p>
                        {!! $tab->description !!}                        
                    </p>
                    </div>
                    <div class="text-center mt-8 mt-md-15 mb-4">
                        <div class="h4 font-weight-bold">負責單位</div>
                    </div>
                    @foreach ($office_list as $k => $v)
                    <div class="mb-8 p-6 p-md-8 bs-strong">
                        <div class="h5 font-weight-bold mb-3">{{ $v->title }}</div>
                        <p>
                            {!! $v->description !!}
                        </p>
                        <p>詳情請上網查詢: {{ $v->url }}</p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</main>
@stop

@section('js')
    {{-- <!-- 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>
        $('.slick-nav').slick();
        $.home();
    </script>
@stop