@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('content')
<!-- kv-news -->
<div id="kv-news">@include('frontend.module.kv-news')</div>
<!-- ./kv-news -->

<nav class="nav-main">
    <div class="nav-primary">
        <div class="container d-none d-lg-block slick-nav">
            <div class="row no-gutters d-flex">
                <div class="col-2">
                    <a class="nav-link" href="{{ route('news_overview') }}">總覽</a>
                </div>
                <div class="col-2">
                    <a class="nav-link" href="{{ route('news_lastest-news') }}">最新消息</a>
                </div>
                <div class="col-2">
                    <a class="nav-link" href="{{ route('news_study-news') }}">留遊學新聞</a>
                </div>
                <div class="col-2">
                    <a class="nav-link active" href="{{ route('news_seminar') }}">講座時程</a>
                </div>
            </div>
        </div>
        <div class="d-lg-none">
            <select class="custom-select" onchange="location = this.value;">
                <option value="{{ route('news_overview') }}">總覽</option>
                <option value="{{ route('news_lastest-news') }}">最新消息</option>
                <option value="{{ route('news_study-news') }}">留遊學新聞</option>
                <option value="{{ route('news_seminar') }}" selected>講座時程</option>
            </select>
        </div>
    </div>
</nav>

<main class="main pt-0 seminar">
    <div class="row no-gutters">
        @foreach ($article_list as $k => $v)
        <div class="col-12 col-md-6 col-lg-3">
            <div class="card card-overlay">
                <img class="card-img" src="{{ asset($v->pic) }}">
                <div class="card-img-overlay text-center d-flex flex-column justify-content-center">
                    <div class="mb-2">
                        <div class="bg-white py-1 px-6 d-inline-block">
                        {{ date('n', strtotime($v->date)) }}月
                        <div class="h3 font-weight-bold">{{ date('d', strtotime($v->date)) }}</div>
                        <div class="text-gray-5">{{ date('Y', strtotime($v->date)) }}</div>
                        </div>
                    </div>
                    <div class="h3 font-weight-bold text-white">{{ $v->title }}</div>
                    <div class="mt-2 tags">
                        {!! $FrontendPresenter->getPostListTag($v->tag, 3) !!}
                    </div>
                    <a class="btn btn-block btn-more" href="{{ $FrontendPresenter->articleUrl($v->ac_id, $v->article_id) }}">閱讀更多</a>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <div class="container">
        <nav class="mt-10">
            <!-- nav-pagination -->
            <div id="nav-pagination">
                {!! $FrontendPresenter->pagination($article_list) !!}
            </div>
            <!-- ./nav-pagination -->
        </nav>
    </div>
</main>
@stop