@extends('theme.master')
@section('title', '直播課程')
@section('content')

@section('meta_tags')

<meta name="title" content="{{ $gsetting['live_title'] }}">
<meta name="description" content="{{ $gsetting['live_meta_data_desc'] }} ">
<meta property="og:title" content="{{ $gsetting['live_title'] }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ $gsetting['live_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['live_title'] }} ">
<meta property="twitter:description" content="{{ $gsetting['live_meta_data_desc'] }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

@endsection

@include('admin.message')

<!-- about-home start -->
<section id="wishlist-home" class="wishlist-home-main-block">
    <div class="container">
        <h4 class="wishlist-home-heading text-white"><i class="fa fa-home"></i>&nbsp;/&nbsp;直播課程</h4>
    </div>
   
</section> 
<!-- about-home end -->

<!-- search start -->
<section >
    <div class="container">
        <div class="row">
            <div class="col-sm-12 gc_share">
                <div class="d-flex justify-space-between week-box">
                    <div class="week-select" >
                        <a href="{{ route('courses.live', [ 'date' => $predate->format('Y-m-d') ]) }}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
                        <p class="">
                            {{ $startOfWeek->format('m/d') }}
                            <span>~</span>
                            {{ $endOfWeek->format('m/d') }}
                        </p>
                        <a href="{{ route('courses.live', [ 'date' => $nextdate->format('Y-m-d') ]) }}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                    </div>
                    <div class="week-select" >
                        <a href="#" data-toggle="modal" data-target="#myModalshare" title="share" style="font-size:18px;"><i
                            class="fa fa-share rgt-10" style="-webkit-text-stroke: 1px #FFF;color: #FFF;"></i>{{ __('frontstaticword.share') }}本日課程</a>
                    </div>
                    <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運動影音頻道，體驗臨場感Live互動，無限觀看專業教練實境教學，期待每一次運動，帶給你的價值！', [], '<div class="row">')
                                                    ->facebook()
                                                    ->twitter()
                                                    ->linkedin('Extra linkedin summary can be passed here')
                                                    ->whatsapp()
                                                    ->telegram()
                                                    ->line();
        
                                                    @endphp
        
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <ul class="d-flex justify-content-center">
                    @foreach ( $day_range as $index => $day )
                        <li class="week-day-color {{ $index === 1 ? 'week-rgap' : ($index < 1 ? 'week-lgap' : 'week-gap') }} {{ $day['current'] ? 'active' : '' }}" date="{{ $day['date']->format('Y-m-d') }}" data-index="{{ $index }}">
                            <a href="{{ route('courses.live', [ 'date' => $day['date']->format('Y-m-d') ]) }}">
                            {{ $day['week'] }}
                            <br>
                            {{ $day['date']->format('d') }}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        @if( $courses->count() )
            <div class="row">
                <div class="col-lg-12">
                    <div class ="prod grid-view">
                
                    @foreach($courses as $course)

                        @if($course->status == 1)
                            @php
                            $accessories = [];
                            foreach ($course->accessories as $key => $value) {
                                $accessories[] = $value->id;
                            }
                            $accessories = json_encode($accessories);
                            $url = $course->video_enable ? route('user.course.show',['id' => $course->id ]) : '#';
                            @endphp
                            <div class="item first {{ $course->video_enable ? '' : 'video_disable' }}" data-course="{{ $course->id }}">
                                <div class="course_lock"></div>
                                <div class="course-bought-section protip view-block" data-pt-placement="outside" data-pt-interactive="false" data-pt-title="#prime-next-item-description-block{{$course->id}}">
                                    <div class="view-img">
                                    
                                        
                                        @if($course->preview_image !== NULL && $course->preview_image !== '')
                                        <a href="{{ $url }}"><img src="{{ gc_asset('images/course/'.$course->preview_image) }}" alt="" class="img-fluid"></a>
                                        @else
                                        <a href="{{ $url }}"><img src="@if($course->preview_image){{ gc_asset('images/course/'.$course->preview_image) }}@else{{ Avatar::create($course->title)->toBase64() }}@endif" alt="course" class="img-fluid"></a>
                                        @endif
                                    </div>
                                
                                    <div class="view-dlt">
                                        <div class="row">
                                            <div class="col-5">
                                                
                                                <img class="card-pic"
                                                    src="{{ $course->user->jht_introuctor_img ? $course->user->jht_introuctor_img : gc_asset('images/user_img/'.$course->user->user_img) }}" alt="">
                                            </div>
                                            <div class="col no-gutters">
                                                <p class="btm-10 m-0 unset-hover-white-text">
                                                    <a herf="#">
                                                        @if(isset($course->user)) {{ $course->user['fname'] }} @endif
                                                    </a>
                                                </p>
                                                <p class="m-0 unset-hover-white-text">
                                                    <a herf="#">開始直播時間</a>
                                                </p>
                                                <p class="m-0 unset-hover-white-text">
                                                    <a herf="#">{{ date('Y/m/d H:i', strtotime($course['live_time'])) }}</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="view-heading mt-3"><a href="{{ $url }}">{{ str_limit($course->title), $limit = 30, $end = '...' }}</a></div>
                                        
                                        <div class="categories-popularity-dtl">
                                            
                                            <p class="mt-2">{{  str_limit($course->short_detail, $limit = 70, $end = '..') }}</p>
                                        </div>
                                        
                
                                    </div>
                                </div>
                            
                            </div>
                        @endif
                        
                    @endforeach
                    
                    </div>
                    
                </div>

            </div>
        @else
            <section id="live_date_search-block" class="search-main-block search-block-no-result">
                <div class="container">
                  <h3>無直播課程</h3>
                </div>
            </section>
        @endif
    </div>
</section>
<!-- search 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>