@extends('layouts.pages')

@section('content')
<div id="app">
    <div class="container">
        <div class="row home-area">
            <div class="col-md-8 col-sm-12 col-xs-12">
                <div class="subject-area">
                    @if(!empty($allSetting))
                        @foreach($allSetting as $oneSetting)
                            <div class="subject-item">
                                <a href="https://{{$oneSetting['name']}}.{{$oneSetting['domain']}}">
                                    <div class="img">
                                        <img src="{{$oneSetting['logo']}}" alt="{{$oneSetting['title']}}">
                                    </div>
                                    <div class="block">
                                        <h3>{{$oneSetting['title']}}</h3>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    @endif
                </div>

            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="hot-article-area">
                    <h2>熱門文章</h2>
                    @foreach($hotArticles as $hotArticle)
                        <div class="each-article">
                                <div class="img-area">
                                    <a href="{{$hotArticle->url}}"><img src="{{$hotArticle->image}}" alt="{{$hotArticle->keyword}}"></a>
                                </div>
                                <div class="block">
                                    <a href="{{$hotArticle->url}}"><h3>{{$hotArticle->keyword}}</h3></a>
                                    <p>瀏覽量:{{$hotArticle->view}}</p>
                                </div>
                        </div>
                    @endforeach
                </div>
                <div class="tags-area">
                    <h2>近期熱門關鍵字</h2>
                    @foreach($hotKeywords as $hotKeyword)
                        <span><a href="{{$hotKeyword->url}}" class="tags">#{{$hotKeyword->keyword}}</a></span>
                    @endforeach
                </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