@extends('theme.master')
@section('title', $current_training->title)

@section('content')

@section('meta_tags')

<meta name="title" content="{{ $current_training->title }}">
<meta name="description" content="{{ strip_tags($current_training->detail) }}">
<meta property="og:title" content="{{ $current_training->title }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ strip_tags($current_training->detail) }}">
<meta property="og:image" content="{{ gc_asset('images/bundle/' . $training->preview_image) }}">
<meta itemprop="image" content="{{ gc_asset('images/bundle/' . $training->preview_image) }}">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ gc_asset('images/bundle/' . $training->preview_image) }}">
<meta property="twitter:title" content="{{ $current_training->title }} ">
<meta property="twitter:description" content="{{ strip_tags($current_training->detail) }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

@endsection

@include('admin.message')
<!-- categories-tab end-->
<!-- category-title start -->
<section id="business-home" class="business-home-main-block gc_share">
    <div class="container">
        <h1 class="">{{ $current_training->title }}</h1>
    </div>
    <section id="business-home-slider" class="business-home-slider-main-block">
        @include('front.training_program.detail_trainings_banner')
    </section>
    <!--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運動影音頻道，體驗專業的訓練規畫，快把訓練計劃加入你的行事曆，期待每一次運動，帶給你的價值！', [], '<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 -->
</section>
<!-- category-slider start -->


<!-- categories start -->
<section id="categories-popularity" class="categories-popularity-main-block category-filters ">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-12" style="display: flex; align-items: center; justify-content: flex-end;">
                <div class="text-right cate-items">
                    共 {{ $training_courses->count() }} 個項目 
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div id="accordion ">
                    {{-- 訓練計畫分類列表 --}}
                    @include('front.training_program.categories_sidebar')
                </div>
            </div>
            <div class="col-lg-9 my-col-9">
                <div class="students-bought btm-30">
                    @foreach ($training_courses as $course)
                        @php
                            $url = $course->video_enable ? route('user.course.show',['id' => $course->id ]) : '#';
                        @endphp
                        <div class="{{ $course->video_enable ? '' : 'video_disable' }}">
                            <div class="course_lock"></div>
                            <div class="course-bought-block protip" data-pt-placement="outside" data-pt-interactive="false"
                                data-pt-title="#prime-next-item-description-block{{ $course->id }}">
                                <div class="row">
                                    <div class="col-lg-3 col-md-3">
                                        <a href="{{ $url }}">
                                            <img
                                                src="{{ gc_asset('images/course/' . $course->preview_image) }}" alt="course"
                                                class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="col-lg-9 col-md-9">
                                        <div class="categories-popularity-dtl">
                                            <div class="view-heading btm-10 cate-card-title">
                                                <a href="{{ $url }}">{{ $course->title }}</a>
                                                @if ( \Carbon\Carbon::now()->diffInDays($course->created_at,true) < 3)
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="24" viewBox="0 0 34 24" class="ml-2">
                                                        <g id="icon_new_default" transform="translate(0 0)">
                                                            <path id="Path_180" data-name="Path 180" d="M4.958,0H29.042A4.95,4.95,0,0,1,34,4.941V19.059A4.95,4.95,0,0,1,29.042,24H4.958A4.95,4.95,0,0,1,0,19.059V4.941A4.95,4.95,0,0,1,4.958,0" transform="translate(0 0)" fill="#b42929"/>
                                                            <path id="Path_181" data-name="Path 181" d="M111.624,135.058a.709.709,0,0,1-.567-.282l-2.975-3.953v3.529a.708.708,0,0,1-1.417,0V128.7a.709.709,0,0,1,1.275-.424l2.975,3.953V128.7a.708.708,0,0,1,1.417,0v5.647a.71.71,0,0,1-.708.706" transform="translate(-99.583 -119.528)" fill="#fafafa"/>
                                                            <path id="Path_182" data-name="Path 182" d="M216.875,135.058h-2.833a.707.707,0,0,1-.708-.706V128.7a.707.707,0,0,1,.708-.706h2.833a.706.706,0,1,1,0,1.412H214.75v4.235h2.125a.706.706,0,1,1,0,1.412" transform="translate(-199.166 -119.528)" fill="#fafafa"/>
                                                            <path id="Path_183" data-name="Path 183" d="M216.875,172.078h-2.833a.706.706,0,1,1,0-1.412h2.833a.706.706,0,1,1,0,1.412" transform="translate(-199.166 -159.372)" fill="#fafafa"/>
                                                            <path id="Path_184" data-name="Path 184" d="M303.626,135.05a.708.708,0,0,1-.673-.483l-.744-2.226-.744,2.226a.662.662,0,0,1-.7.481.708.708,0,0,1-.66-.534l-1.417-5.647a.709.709,0,0,1,1.376-.342l.826,3.3.647-1.936a.739.739,0,0,1,1.344,0l.647,1.936.826-3.3a.709.709,0,0,1,1.376.342l-1.417,5.647a.708.708,0,0,1-.66.534Z" transform="translate(-278.834 -119.521)" fill="#fafafa"/>
                                                            <rect id="Rectangle_19" data-name="Rectangle 19" width="34" height="24" fill="none"/>
                                                        </g>
                                                    </svg>
                                                @endif
                                            </div>
                                            <p>{{ str_limit($course->short_detail, $limit = 125, $end = '..') }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 display-none">
                                        <div class="rate text-right">
                                            <ul>
                                                
                                            </ul>
                                            <div class="rating">
                                                <ul>
                                                    <li>
                                                        
                                                </ul>
                                            </div>
                                            <ul>
                                                <li>
                                                    
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                    @endforeach

                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center">
                            <li class="top-20">{!! $training_courses->appends(Request::except('page'))->links() !!}</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- categories end -->
@endsection



@section('custom-script')

<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>


@endsection