@extends('layouts.pages')

@section('content')
<div id="app">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <h1>{{$subSetting['title']}}</h1>
                <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
                    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/">
                            <span itemprop="name">{{$subSetting['meta']['seotitle']}}</span></a>/
                        <meta itemprop="position" content="1" />
                    </li>
                </ol>
                @if(!empty($homeData))
                    <div class="row justify-content-between">
                        @foreach($homeData as $key=>$info)
                            <div class='col-md-4 eshome-area'>
                                <a href="/info/{{$info->id}}"><h2>{{$info->title}}</h2></a>
                                <hr>
                                <div class="icon-area"><a class="icon-link" href="/video/{{$info->keyword_id}}"><i class="icon fab fa-youtube"></i>影片</a></div>
                                <div class="icon-area"><a class="icon-link" href="/image/{{$info->keyword_id}}"><i class="icon fas fa-images"></i>照片</a></div>
                                <div class="icon-area"><a class="icon-link" href="/article/{{$info->keyword_id}}"><i class="icon fa-solid fa-newspaper"></i>文章</a></div>
                                <div class="icon-area"><a class="icon-link" href="/tag/{{$info->keyword_id}}"><i class="icon fas fa-tag"></i>標籤</a></div>
                                @if(!empty($info->desc))
                                    <div class="eshome-block d-flex">
                                        <div class="fb-profile-img">
                                            <a class="" href="/info/{{$info->id}}">
                                                <img src="https://picsum.photos/seed/urtag{{$info->id}}/100/100?blur=2" alt="">
                                            </a>
                                        </div>
                                        <div class="post-title">
                                            <h3 class=""><a href="/info/{{$info->id}}">{!!mb_substr(preg_replace("/[\n\r]+/", '', $info->desc),0,80,"utf-8")!!}</a></h6>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    </div>
                @endif
                <div class="pagnation">
                    {{ $homeData->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
{{ csrf_field() }}
@endsection


@push('stylesheet')
@endpush
@push('scripts')
<script defer defer src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v3.2"></script>
<script defer src="//www.instagram.com/embed.js"></script>
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery.lazy.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("img.lazy").Lazy();
});
</script>
@endpush