@extends('theme.master')
@section('title', "$blog->heading")
@section('content')

@include('admin.message')

@section('meta_tags')
@php
    $url =  URL::current();
@endphp

<meta name="title" content="{{ $blog->heading }}">
<meta name="description" content="{{ strip_tags($blog['detail']) }} ">
<meta property="og:title" content="{{ $blog->heading }} ">
<meta property="og:url" content="{{ $url }}">
<meta property="og:description" content="{{ strip_tags($blog['detail']) }}">
<meta property="og:image" content="{{ gc_asset('images/blog/'.$blog['image']) }}">
<meta itemprop="image" content="{{ gc_asset('images/blog/'.$blog['image']) }}">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ gc_asset('images/blog/'.$blog['image']) }}">
<meta property="twitter:title" content="{{ $blog->heading }} ">
<meta property="twitter:description" content="{{ strip_tags($blog['detail']) }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

<link rel="canonical" href="{{ url()->full() }}"/>
<meta name="robots" content="all">
<meta name="keywords" content="{{ $gsetting->meta_data_keyword }}">
    

@endsection

<!-- blog-dtl start-->
<section id="blog-dtl" class="blog-dtl-main-block">
    <div class="container">
        <div class="row gc_share">
            <div class="col-6 blog-link btm-30 back_link"><a href="{{ route('blog.all', ['category_id' => $blog->category_id ]) }}" title="back to blog"><i class="fa fa-chevron-left"></i>{{ __('frontstaticword.BacktoBlog') }}</a></div>
            <div class="col-6" style="text-align: right;">
                <a href="#" data-toggle="modal" data-target="#myModalshare" title="share" style="font-size:18px;color: #FFF; "><i
                    class="fa fa-share rgt-10" style="-webkit-text-stroke: 1px #FFF;color: #FFF;"></i>{{ __('frontstaticword.share') }}</a>
            </div>
            <!--Model start-->
            <div class="modal fade" style="z-index: 1050;" id="myModalshare" tabindex="-1"
                role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">

                            <h4 class="modal-title" id="myModalLabel">
                                {{ __('frontstaticword.Sharethiscourse') }}</h4>
                            <button type="button" class="close" data-dismiss="modal"
                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="box box-primary">
                            <div class="panel panel-sum">
                                <div class="modal-body">

                                    @php
                                    $url = URL::current();
                                    @endphp

                                    <!-- The text field -->

                                    <div class="nav-search">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="myInput"
                                                value="{{ $url }}">
                                        </div>
                                        <button onclick="copy_url()" class="btn btn-primary">{{
                                            __('frontstaticword.CopyText') }}</button>
                                    </div>

                                    <div class="social-icon">

                                        @php

                                        echo Share::currentPage('我在 ＃BEING運動影音頻道，一起Work-out Benefit，期待每一次運動，帶給你的價值！', [], '<div class="row">')
                                            ->facebook()
                                            ->twitter()
                                            ->linkedin('Extra linkedin summary can be passed here')
                                            ->whatsapp()
                                            ->telegram()
                                            ->line();

                                            @endphp

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Model close -->
        </div>
        <div class="blog-dtl-block-heading text-center btm-20 blog-title">{{ $blog->heading }}</div>
        {{-- <div class="blog-dtl-heading-dtl text-center">@if($blog->created_at == !NULL){{ date('Y m/d', strtotime($blog->created_at)) }}@endif  <a href="#" title="post of">{{ $blog->user->fname }}</a></div> --}}
        {{-- <div class="blog-idea text-center btm-30"><a href="#" title="blog-idea">{{ $blog->text }}</a></div> --}}
        <div class="blog-dtl-img text-center btm-30">
            <img src="{{ gc_asset('images/blog/'.$blog->image) }}" class="img-fluid text-center" alt="blog"> 
        </div>
        <div class="blog-dtl-block">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <p class="btm-20">{!! $blog->detail !!}</p>
                </div>
            </div>
        </div>
        
    </div>
</section>
<hr>
<!-- blog-dtl end-->
@endsection

<script type="text/javascript">
    function copy_url() {
        /* Get the text field */
        var copyText = document.getElementById("myInput");

        /* Select the text field */
        copyText.select();
        copyText.setSelectionRange(0, 99999); /*For mobile devices*/

        /* Copy the text inside the text field */
        document.execCommand("copy");

    }
</script>