@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('json-ld', Breadcrumbs::view('breadcrumbs::json-ld', 'thanks-edm'))
@section('content')
<!-- kv-share -->
<div id="kv-share">@include('frontend.module.kv-share')</div>
<!-- ./kv-share -->

<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('share_study-article') }}">留學後記</a>
                </div>
                <div class="col-2">
                    <a class="nav-link" href="{{ route('share_language-article') }}">遊學後記</a>
                </div>
                <div class="col-2">
                    <a class="nav-link active" href="{{ route('share_thanks-edm') }}">感謝 ed:m</a>
                </div>
            </div>
        </div>
        <div class="d-lg-none">
            <select class="custom-select" onchange="location = this.value;">
                <option value="{{ route('share_study-article') }}">留學後記</option>
                <option value="{{ route('share_language-article') }}">遊學後記</option>
                <option value="{{ route('share_thanks-edm') }}" selected>感謝 ed:m</option>
            </select>
        </div>
    </div>
</nav>

<div class="container breadcrumbs">
    {{ Breadcrumbs::render('thanks-edm') }}
</div>

<main class="main thanks-edm">
    <div class="container">
        <div class="row">
            @foreach ($article_list as $k => $v)
            <div class="col-12 col-md-6 col-lg-4 my-4">
                <div class="bs-strong p-6 p-md-8">
                    <div class="h5 font-weight-bold text-row-2">{{ $v->title }}</div>
                    <div class="text-warning">
                        @for ($x = 0; $x < $v->score; $x++)
                        <i class="fas fa-xs fa-star"></i>
                        @endfor
                    </div>
                    <p class="my-6 summary">{{ $v->summary }}</p>
                    <div class="media">
                        <div class="user-circle mr-3">
                            <i class="icon-user"></i>
                        </div>
                        <div class="media-body">
                            <div class="font-weight-bold">{{ $v->issuer }}</div>
                            <div>{{ $v->date }}</div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <nav class="mt-10">
            <!-- nav-pagination -->
            <div id="nav-pagination">
                {!! $FrontendPresenter->pagination($article_list) !!}
            </div>
            <!-- ./nav-pagination -->
        </nav>
    </div>
</main>
@stop
@section('js')
    <!-- module include -->
    <script src="../assets/js/function/module.js"></script>
    <script>
        $("#kv-share").load("../module/kv-share.html");
        $("#nav-pagination").load("../module/nav-pagination.html");
    </script>

    <!-- single -->
    <script>
        $.home();
    </script>
    
@stop