@extends('theme.master')
@section('title', 'Blog')
@section('content')

@section('meta_tags')

<meta name="title" content="{{ $gsetting['news_title'] }}">
<meta name="description" content="{{ $gsetting['news_meta_data_desc'] }} ">
<meta property="og:title" content="{{ $gsetting['news_title'] }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ $gsetting['news_meta_data_desc'] }}">
<meta property="og:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta itemprop="image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="twitter:title" content="{{ $gsetting['news_title'] }} ">
<meta property="twitter:description" content="{{ $gsetting['news_meta_data_desc'] }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

@endsection

@include('admin.message')
<!-- about-home start -->
<section id="blog-home" class="{{--blog-home-main-block--}} business-home-main-block">
    <div class="container">
        <h1 class="blog-home-heading">{{ __('frontstaticword.Blog') }}</h1>
    </div>


</section>
<div class="my-blog-banner">
    <div class="container">
        <div id="blog-slider" class="blog-slider owl-carousel btm-40">
            @foreach($blogs->take(3) as $item)
            @if($item->status == 1)
            <div class="item blog-slider-block">
                <div class="row">
                    <div class="col-lg-5 col-md-5">
                        <div class="blog-slider-img">
                            @if($item->slug != NULL)
                            <a href="{{ route('blog.detail', ['id' => $item->id ]) }}">
                                @else
                                <a
                                    href="{{ route('blog.detail', ['id' => $item->id ]) }}">
                                    @endif
                                    <div class="blog-img"
                                        style="background-image: url('{{ gc_asset('images/blog/'.$item->image) }}')">
                                    </div>
                                    <img src="{{ gc_asset('images/blog/'.$item->image) }}" class="img-fluid" alt="blog">
                                </a>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-7">
                        <div class="blog-slider-dtl">
                            <div class="slider-date btm-10">
                                @if($item->date == !NULL)
                                {{ date('Y m/d', strtotime($item->date)) }}

                                @endif
                            </div>
                            <h3 class="blog-slider-heading">
                                @if($item->slug != NULL)
                                <a href="{{ route('blog.detail', ['id' => $item->id ]) }}">{{
                                    $item->heading }}
                                    @else
                                    <a
                                        href="{{ route('blog.detail', ['id' => $item->id ]) }}">{{
                                        $item->heading }}
                                        @endif
                                    </a>
                            </h3>
                            <p class="btm-10">
                                {{mb_substr(preg_replace("/\r\n|\r|\n/",'',strip_tags(html_entity_decode($item->detail))),
                                0, 200)}}</p>

                            <div class="business-home-slider-btn btm-20">
                                @if($item->slug != NULL)

                                <button
                                    onclick="window.location.href='{{ route('blog.detail', ['id' => $item->id ]) }}';"
                                    type="button" class="btn btn-info">{{--{{ $item->text }}--}}查看更多</button>

                                @else

                                <button
                                    onclick="window.location.href='{{ route('blog.detail', ['id' => $item->id ]) }}';"
                                    type="button" class="btn btn-info">{{--{{ $item->text }}--}}查看更多</button>

                                @endif


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            @endforeach
        </div>
    </div>
</div>
<!-- about-home end -->
<!-- blog start -->
@if(isset($blogs))
<section id="blog" class="blog-main-block">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">

                <div class="row">
                    <div class="col-6 text-center">
                        <a href="{{ url('/all/blog/1') }}" class="news-btn">
                            <h3 class="news-btn-text @if ($category_id == 1) active @endif ">活動檔期</h3>
                        </a>
                    </div>
                    <div class="col-6 text-center">
                        <a href="{{ url('/all/blog/2') }}" class="news-btn">
                            <h3 class="news-btn-text @if ($category_id == 2) active @endif">運動知識</h3>
                        </a>
                    </div>
                </div>
                @foreach($blogs as $blog)
                @if($blog->status == 1 )
                <div class="blog-block btm-40 news-container m-auto">
                    <div class="course-bought-block protip">
                        <div class="row">
                            <div class="col-lg-3">

                                <div class="blog-block-img">
                                    {{--
                                    @if($blog->slug != NULL)
                                    <a href="{{ route('blog.detail', ['id' => $blog->id, 'slug' => $blog->slug ]) }}">
                                        <div>{{ $blog->text }}</div>
                                        @else
                                        <a
                                            href="{{ route('blog.detail', ['id' => $blog->id, 'slug' => str_slug(str_replace('-','&',$blog->heading)) ]) }}">
                                            隱藏標籤
                                            <div>
                                                {{ $blog->text }}
                                            </div>
                                            @endif
                                            --}}
                                            <img src="{{ gc_asset('images/blog/'.$blog->image) }}" class="img-fluid"
                                                alt="blog">
                                        </a>

                                </div>
                            </div>

                            <div class="col-lg-9">
                                <div class="slider-date mt-4">
                                    @if($blog->date == !NULL)
                                    {{ date('Y m/d', strtotime($blog->date)) }}
                                    @endif
                                </div>
                                <div class="block-block-dtl">
                                    <h3 class="blog-slider-heading">
                                        @if($blog->slug != NULL)
                                        <a
                                            href="{{ route('blog.detail', ['id' => $blog->id]) }}">{{
                                            $blog->heading }}
                                            @else
                                            <a
                                                href="{{ route('blog.detail', ['id' => $blog->id ]) }}">{{
                                                $blog->heading }}
                                                @endif
                                            </a>
                                    </h3>
                                    <p>{{mb_substr(preg_replace("/\r\n|\r|\n/",'',strip_tags(html_entity_decode($blog->detail))),
                                        0, 200)}}</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <hr>
                @endif
                @endforeach
                <div class="pull-right">{{ $blogs->links() }}</div>
            </div>

        </div>
    </div>
    <hr>
</section>
@endif
<!-- blog end -->

@endsection

@section('custom-script')

@endsection