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

@include('admin.message')

@include('sweetalert::alert')
<!-- courses content header start -->
<section id="class-nav" class="class-nav-block">
        <div class="container">
                <h1 class="class-nav-heading my-class-heading">{{ $course->title }}</h1>
        </div>
</section>
<section id="learning-courses-home" class="learning-courses-home-main-block">

    {{-- @if($course->type == 4 && !isset($course->jht_course_id))
    <div class="iframes">
        <iframe class="screen" src="{{ $course->url }}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen @if(!isset($course->chat_url)) style="width:100%" @endif></iframe>
        @if( isset($course->chat_url))
            <iframe class="chat" src="{{ $course->chat_url }}" width="100%" height="100%" frameborder="0"></iframe>
        @endif
    </div>
    @endif --}}

    {{-- @if($course->type != 4 || isset($course->jht_course_id)) --}}
    <div class="container">
        <div class="row pt-5">
            <div class="col-lg-5">
                <div class="learning-courses-home-video text-white btm-30">
                    <div class="video-item hidden-xs">
                        <div class="video-device">
                            @if($course['preview_image'] !== NULL && $course['preview_image'] !== '')
                            <img src="{{ asset('images/course/'.$course->preview_image) }}" class="img-fluid"
                                alt="Background">
                            @else
                            <img src="{{ Avatar::create($course->title)->toBase64() }}" class="bg_img img-fluid"
                                alt="Background">
                            @endif


                            <div class="video-preview">
                                @php
                                $z = 0;
                                $items = App\CourseClass::where('course_id', $course->id)->first();
                                $coursewatch = App\WatchCourse::where('course_id','=',$course->id)->first();
                                if(isset($coursewatch['active']) == 0){
                                $z = 0;
                                }else{
                                $z = 1;
                                }
                                @endphp
 

                                @isset($course->url)
                                    
                                    @if(isset($items))

                                    <a href="{{ route('watchcourse',$course->id) }}"
                                        class="btn-video-play @if($z == 0)iframe @endif"><i class="fa fa-play"></i></a>
                                    
                                    @else
                                        <a href="{{ route('watchcourse',$course->id) }}"
                                        class="btn-video-play @if($z == 0)iframe @endif"><i class="fa fa-play"></i></a>
                                    @endif
                                @else

                                    
                                    <a href="{{ route('courseIframe', ['id' => $course->id ]) }}"
                                        class="btn-video-play @if($z == 0)iframe @endif"><i class="fa fa-play"></i></a>
                                @endisset



                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="learning-courses-home-block">
                    
                    @if($course->user->vacation_start == !NULL)
                    <span class="vacation-days text-white">(On Vacation)
                        <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top"
                            data-html="true"
                            title="{{ date('d-m-Y | h:i:s A',strtotime($course->user->vacation_start)) }} to {{ date('d-m-Y | h:i:s A',strtotime($course->user->vacation_end)) }}"><i
                                class="fas fa-info-circle"></i></button>
                    </span>)
                    @endif
                    <br>

                    <div class="learning-courses btm-20">{{ $course->short_detail }}</div>

                    @isset($course->url)
                        @if(isset($items))
                        <a href="{{ route('watchcourse',$course->id) }}"
                            class="btn btn-secondary @if($z == 0)iframe @endif">{{
                                    __('frontstaticword.ContinuetoLecture') }}</a>
                        @else
                            <a href="{{ route('watchcourse',$course->id) }}"
                            class="btn btn-secondary @if($z == 0)iframe @endif">{{
                                    __('frontstaticword.ContinuetoLecture') }}</a>
                        @endif
                    @else
                        <a href="{{ route('courseIframe', ['id' => $course->id ]) }}"
                            class="btn btn-secondary @if($z == 0)iframe @endif">{{
                                    __('frontstaticword.ContinuetoLecture') }}</a>
                    @endisset

                </div>
            </div>
        </div>
    </div>
    {{-- @endif --}}
</section>
<!-- courses content header end -->
<!-- courses-content start -->
<section id="learning-courses" class="learning-courses-about-main-block">
    <div class="container">
        <div class="about-block">
            <div class="row">
                <div class="col product-col">
                    @if ($course->commodities != null)
                    
                    <div class="swiper productSwiper pt-4">
                        <div class="swiper-wrapper">
                            @foreach ($products as $product)
                            <div class="swiper-slide">
                                <a target="_blank" href="{{$product['url']}}">
                                    <div class="img-box">
                                        <img class="product" src="{{ asset('images/commodities')}}/{{ $product['image'] }}" alt="">
                                        <div class="img-box-text-box">
                                            <h3 class="mt-4">{{$product['name']}}</h3>
                                            <p>{{ $product['description'] }}</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            @endforeach
                        
                        </div>
                        <div class="swiper-pagination"></div>

                    </div>

                    @endif
                </div>
            </div>

            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <div class="overview-block">
                       
                        <div class="content-course-block">
                            <h3 class="content-course">{{ __('frontstaticword.Aboutthiscourse') }}</h3>
                            <p class="btm-40"></p>
                        </div>
                        <div class="content-course-number-block">
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Publish') }}
                                    </div>
                                </div>
                                <div class="col">
                                    <p style="margin-top: 4px; margin-bottom:0">{{ date('Y m / d', strtotime($course['updated_at'])) }}</p>
                                </div>
                            </div>
                            <hr>
                            @if (isset($course->getLevel->name))
                            <div class="row">

                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Bythenumbers') }}
                                    </div>
                                </div>
                                
                                <div class="col-lg-2 col-sm-3">
                                    <div class="content-course-number strength">
                                        {{ $course->getLevel->name }}
                                        @isset($course->calorie)
                                            <div class="pt-2">
                                                <span>{{$course->calorie}}</span><span> 卡洛里</span>
                                            </div>
                                        @endisset
                                    </div>
                                </div>
                            </div>
                            <hr>
                                
                            @endif
                            {{-- 自訂區 --}}
                            @if (($course->accessories)->isNotEmpty())
                                
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Attachment') }}
                                    </div>
                                </div>
                                <div class="col">
                                    @php
                                        $accessories = $course->accessories->toArray();
                                    @endphp
                                    @foreach($accessories as $accessory)
                                        <p class="attachment">{{ $accessory['name'] }}</p>
                                    @endforeach
                                </div>
                            </div>
                            <hr>
                            @endif

                            @if (isset($course->fit_situation))
                            
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.FitSituation') }}
                                    </div>
                                </div>
                                <div class="col">
                                    {{ $course->fit_situation }}
                                </div>
                            </div>
                            <hr>

                            @endif



                            @if (isset($course->unfit_situation))
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.UnSuitable') }}
                                    </div>
                                </div>
                                <div class="col">
                                    {{ $course->unfit_situation }}
                                </div>
                            </div>
                            <hr>
                            @endif

                            @if (isset($course->before_fitness))
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.BeforePrepare')
                                        }}</div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">
                                        {{ $course->before_fitness }}</div>
                                </div>
                            </div>
                            <hr>
                            @endif

                            @if (isset($course->suggest))

                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Suggest') }}
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">
                                        {{ $course->suggest }}
                                    </div>
                                </div>
                            </div>
                            <hr>

                            @endif

                            @if (isset($course->body_response))

                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Response') }}
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">{!! $course->body_response !!}
                                    </div>
                                </div>
                            </div>
                            <hr>
                            @endif

                            @if (isset($course->fit_situation))
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.FitSituation') }}
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">{{ $course->fit_situation }}</div>
                                </div>
                            </div>
                            <hr>
                            @endif

                            @if (isset($course->note))
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Note') }}
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">{{ $course->note }}</div>
                                </div>
                            </div>
                            <hr>
                            @endif

                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Description') }}</div>
                                </div>
                                <div class="col">
                                    <div class="content-course-number content-course-one">
                                        <p>{!! $course->detail !!}
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-2 col-sm-4">
                                    <div class="content-course-number subtitle">{{ __('frontstaticword.Instructor') }}
                                    </div>
                                </div>
                                <div class="col-md-8 col-sm-12">
                                    <div class="content-course-number content-course-number-one">
                                        <div class="content-img-block btm-20">
                                            <div class="content-img">
                                                @php
                                                $fullname = $course->user['fname'] . ' ' . $course->user['lname'];
                                                $fullname = preg_replace('/\s+/', '', $fullname);
                                                @endphp

                                                @if($course->user->user_img != null || $course->user->user_img !='')
                                                <a href="{{ route('instructor.profile', ['id' => $course->user->id] ) }}"
                                                    title="profile"><img
                                                        src="{{ asset('images/user_img/'.$course->user->user_img) }}"
                                                        class="img-fluid" alt="instructor"></a>
                                                @else
                                                <a href="{{ route('instructor.profile', ['id' => $course->user->id] ) }}"
                                                    title="profile"><img src="{{ asset('images/default/user.jpg')}}"
                                                        class="img-fluid" alt="instructor"></a>
                                                @endif
                                            </div>
                                            <div class="content-img-dtl">
                                                <div class="profile"><a
                                                        href="{{ route('instructor.profile', ['id' => $course->user->id] ) }}"
                                                        title="profile">{{ $course->user->fname }} {{
                                                        $course->user->lname }}
                                                    </a></div>
                                                {{-- <p>{{ $course->user->email }}</p> --}}
                                                <div class="tags">
                                                    @foreach ($tag as $tagOnly)
                                                        <a href="" class="tag">{{$tagOnly->title}}</a>
                                                    @endforeach
                                                </div>
                                                <div class="number-class">
                                                    <span>{{$countCourses}}</span> 個課程
                                                </div>
                                            </div>
                                        </div>
                                        <ul>
                                            @if($course->user->twitter_url != NULL)
                                            <li class="rgt-10"><a href="{{ $course->user['twitter_url'] }}"
                                                    target="_blank" title="twitter"><i class="fab fa-twitter"></i></a>
                                            </li>
                                            @endif
                                            @if($course->user->fb_url != NULL)
                                            <li class="rgt-10"><a href="{{ $course->user['fb_url'] }}" target="_blank"
                                                    title="facebook"><i class="fa fa-facebook"></i></a></li>
                                            @endif
                                            @if($course->user->linkedin_url != NULL)
                                            <li class="rgt-10"><a href="{{ $course->user['linkedin_url'] }}"
                                                    target="_blank" title="linkedin"><i class="fa fa-linkedin"></i></a>
                                            </li>
                                            @endif
                                            @if($course->user->youtube_url != NULL)
                                            <li class="rgt-10"><a href="{{ $course->user['youtube_url'] }}"
                                                    target="_blank" title="twitter"><i class="fa fa-youtube"></i></a>
                                            </li>
                                            @endif

                                        </ul>
                                        <div class="article">
                                            <p>{!! $course->user->detail !!}
                                            <p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4 nullBox"></div>
                                <div class="col-12 col-md-8 col-lg-2 article-btn-box ">
                                    <button class="btn btn-secondary more-btn more-btn-detail"
                                        onclick="more(this)">查看更多</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <div class="profile-block">
                        <form method="post" action="{{ action('CourseProgressController@checked', $course->id) }}"
                            data-parsley-validate class="form-horizontal form-label-left">
                            {{ csrf_field() }}

                            <div id="ck-button">
                                <label>
                                    <input type="checkbox" name="select-all" class="hidden"
                                        id="select-all" /><span>Select All</span>
                                </label>
                            </div>

                            @php
                            $today = Carbon\Carbon::now();
                            @endphp

                            <div class="mark-read-button">
                                <button type="submit" class="btn btn-md btn-primary">
                                    {{ __('frontstaticword.MarkasComplete') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="tab-pane fade" id="nav-live" role="tabpanel" aria-labelledby="nav-live-tab">
                    {{-- <div class="profile-block"> --}}

                        

                    </div>

                    <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <div class="learning-contact-block">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="contact-search-block btm-40">
                                        <div class="learning-contact-search">
                                            @if($coursequestions->isEmpty())
                                            <h4 class="question-text">{{ __('frontstaticword.No') }} {{
                                                __('frontstaticword.RecentQuestions') }}</h4>
                                            @else
                                            <h4 class="question-text">
                                                @php
                                                $quess = App\Question::where('course_id', $course->id)->get();
                                                if(count($quess)>0){

                                                echo count($quess);
                                                }
                                                else{

                                                echo "0";
                                                }
                                                @endphp
                                                {{ __('frontstaticword.questionsinthiscourse') }}</h4>
                                            @endif

                                        </div>
                                        <div class="learning-contact-btn">
                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                                data-target="#myModal">{{ __('frontstaticword.Askanewquestion') }}
                                            </button>

                                            <!--Model start-->
                                            <div id="myModal" class="modal fade" role="dialog">
                                                <div class="modal-dialog modal-lg">


                                                    <!-- Modal content-->
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{
                                                                __('frontstaticword.Askanewquestion') }}</h4>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal">&times;</button>
                                                        </div>

                                                        <div class="modal-body">

                                                            <form id="demo-form2" method="post"
                                                                action="{{ url('addquestion', $course->id) }}"
                                                                data-parsley-validate
                                                                class="form-horizontal form-label-left">
                                                                {{ csrf_field() }}

                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <input type="hidden" name="instructor_id"
                                                                            class="form-control"
                                                                            value="{{$course->user_id}}" />
                                                                        <input type="hidden" name="user_id"
                                                                            value="" />
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <input type="hidden" name="course_id"
                                                                            value="{{$course->id}}" />
                                                                        <input type="hidden" name="status" value="1" />
                                                                    </div>
                                                                </div>
                                                                <br>
                                                                <div class="row">
                                                                    <div class="col-md-12">
                                                                        <label for="detail">{{
                                                                            __('frontstaticword.Question') }}:<sup
                                                                                class="redstar">*</sup></label>
                                                                        <textarea name="question" rows="4"
                                                                            class="form-control"
                                                                            placeholder=""></textarea>
                                                                    </div>
                                                                </div>
                                                                <br>
                                                                <div class="box-footer">
                                                                    <button type="submit"
                                                                        class="btn btn-lg col-md-3 btn-primary">{{
                                                                        __('frontstaticword.Submit') }}</button>
                                                                </div>
                                                            </form>
                                                        </div>

                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">{{ __('frontstaticword.Close')
                                                                }}</button>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <!--Model end-->
                                        </div>
                                    </div>

                                    
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="nav-announcement" role="tabpanel"
                        aria-labelledby="nav-announcement-tab">
                        @if($announsments->isEmpty())
                        <div class="learning-announcement-null text-center">
                            <div class="offset-lg-2 col-lg-8">
                                <h1>{{ __('frontstaticword.Noannouncements') }}</h1>
                                <p>{{ __('frontstaticword.Noannouncementsdetail') }}</p>
                            </div>
                        </div>
                        @else
                        <div class="learning-announcement text-center">
                            <div class="col-lg-12">
                                <div id="accordion" class="second-accordion">

                                    @foreach($announsments as $announsment)
                                    @if($announsment->status == 1)
                                    <div class="card btm-30">
                                        <div class="card-header" id="headingFive{{ $announsment->id }}">
                                            <div class="mb-0">
                                                <button class="btn btn-link" data-toggle="collapse"
                                                    data-target="#collapseFive{{ $announsment->id }}"
                                                    aria-expanded="true" aria-controls="collapseFive">
                                                    <div class="learning-questions-img rgt-20">{{
                                                        str_limit($announsment->user->fname, $limit = 1, $end = '') }}{{
                                                        str_limit($announsment->user->lname, $limit = 1, $end = '') }}
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="section"><a href="#" title="questions">{{
                                                                    $announsment->user->fname }} {{
                                                                    $announsment->user->lname }}</a> <a href="#"
                                                                    title="questions">{{ date('jS F Y',
                                                                    strtotime($announsment->created_at)) }}</a></div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="section-dividation text-right">

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div
                                                            class="col-lg-12 offset-3 col-9 offset-sm-0 col-sm-12 offset-md-0 col-md-12">
                                                            <div class="profile-heading profile-heading-one">
                                                                {{ __('frontstaticword.Announcements') }}
                                                            </div>
                                                        </div>

                                                    </div>
                                                </button>
                                            </div>
                                        </div>
                                        <div id="collapseFive{{ $announsment->id }}" class="collapse"
                                            aria-labelledby="headingFive" data-parent="#accordion">
                                            <div class="card-body">
                                                <p>{!! $announsment->announsment !!}</p>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="tab-pane fade" id="nav-quiz" role="tabpanel" aria-labelledby="nav-quiz-tab">
                        <div class="container">
                            <div class="quiz-main-block">

                                <h5>{{ __('frontstaticword.Objective') }}</h5>
                                <div class="row">
                                    @php
                                    $topics = App\QuizTopic::where('course_id', $course->id)->where('type',
                                    NULL)->get();
                                    @endphp
                                    @if(count($topics)>0 )
                                    @foreach ($topics as $topic)
                                    @if($topic->status == 1)

                                   


                                    @endif
                                    @endforeach
                                    @else

                                    <div class="learning-quiz-null text-center">
                                        <div class="col-lg-12">
                                            <h1>{{ __('frontstaticword.Noquiz') }}</h1>
                                            <p>{{ __('frontstaticword.Noquizsdetail') }}</p>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <h5>{{ __('frontstaticword.Subjective') }}</h5>
                                <div class="row">
                                    @php
                                    $topics = App\QuizTopic::where('course_id', $course->id)->where('type', '1')->get();
                                    @endphp
                                    @if(count($topics)>0 )
                                    @foreach ($topics as $topic)
                                    @if($topic->status == 1)

                            


                                    @endif
                                    @endforeach
                                    @else

                                    <div class="learning-quiz-null text-center">
                                        <div class="col-lg-12">
                                            <h1>{{ __('frontstaticword.Noquiz') }}</h1>
                                            <p>{{ __('frontstaticword.Noquizsdetail') }}</p>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="nav-assign" role="tabpanel" aria-labelledby="nav-assign-tab">
                        <div class="container">
                            <div class="assignment-main-block">
                                <h3>{{ __('frontstaticword.YourAssignments') }}</h3>
                                <div class="row">

                                    <div class="col-md-8">

                                        <div class="row">

                                        </div>
                                    </div>
                                    <div class="col-md-4">

                                        <div class="contact-search-block btm-40">

                                            <div class="udemy-contact-btn text-center">
                                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                                    data-target="#assignmodel">{{ __('frontstaticword.SubmitAssignment')
                                                    }}
                                                </button>
                                            </div>



                                            <div class="modal fade" id="assignmodel" 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.SubmitAssignment') }}</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">
                                                                    <form id="demo-form2" method="post"
                                                                        action="{{ route('assignment.submit', $course->id) }}"
                                                                        data-parsley-validate
                                                                        class="form-horizontal form-label-left"
                                                                        enctype="multipart/form-data">
                                                                        {{ csrf_field() }}

                                                                        <input type="hidden" name="user_id"
                                                                            value="" />

                                                                        <input type="hidden" name="instructor_id"
                                                                            value="{{ $course->user_id }}" />

                                                                        <div class="row">
                                                                            <div class="col-md-12">

                                                                                <div class="form-group">
                                                                                    <label for="exampleInputDetails">{{
                                                                                        __('adminstaticword.ChapterName')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <select style="width: 100%"
                                                                                        name="course_chapters"
                                                                                        class="form-control js-example-basic-single"
                                                                                        required>
                                                                                        <option value="none" selected
                                                                                            disabled hidden>
                                                                                            {{ __('Select Chapter') }}
                                                                                        </option>
                                                                                        @foreach($coursechapters as $c)
                                                                                        <option value="{{ $c->id }}">{{
                                                                                            $c->chapter_name }}</option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </div>

                                                                                <div class="form-group">
                                                                                    <label for="title">{{
                                                                                        __('frontstaticword.Title')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        name="title" id="title"
                                                                                        placeholder="Please Enter Title"
                                                                                        value="" required>
                                                                                </div>

                                                                                <div class="form-group">

                                                                                    <div class="wrapper">
                                                                                        <label for="detail">{{
                                                                                            __('frontstaticword.AssignmentUpload')
                                                                                            }}:<sup
                                                                                                class="redstar">*</sup></label>
                                                                                        <div class="file-upload">
                                                                                            <input type="file"
                                                                                                name="assignment"
                                                                                                class="form-control" />
                                                                                            <i
                                                                                                class="fa fa-arrow-up"></i>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                        </div>

                                                                        <hr>
                                                                        <div class="box-footer text-center">
                                                                            <button type="submit"
                                                                                class="btn btn-sm btn-primary">{{
                                                                                __('frontstaticword.Submit') }}</button>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="nav-appoint" role="tabpanel" aria-labelledby="nav-appoint-tab">
                        <div class="container">
                            <div class="appointment-main-block">
                                <h3>{{ __('frontstaticword.YourAppointment') }}</h3>
                                <div class="row">

                                    <div class="col-md-8">
                                    </div>
                                    <div class="col-md-4">
                                        <div class="contact-search-block btm-40">
                                            <div class="udemy-contact-btn text-center">
                                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                                    data-target="#appointmodel">{{
                                                    __('frontstaticword.RequestAppointment') }}
                                                </button>
                                            </div>
                                            <div class="modal fade" id="appointmodel" 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.RequestAppointment') }}</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">
                                                                    <form id="demo-form2" method="post"
                                                                        action="{{ route('appointment.request', $course->id) }}"
                                                                        data-parsley-validate
                                                                        class="form-horizontal form-label-left"
                                                                        enctype="multipart/form-data">
                                                                        {{ csrf_field() }}

                                                                        <input type="hidden" name="user_id"
                                                                            value="" />

                                                                        <input type="hidden" name="instructor_id"
                                                                            value="{{ $course->user_id }}" />


                                                                        <div class="row">
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <label for="title">{{
                                                                                        __('frontstaticword.User')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <input type="text" name="fname"
                                                                                        value=""
                                                                                        class="form-control" disabled />
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <label for="title">{{
                                                                                        __('frontstaticword.Instructor')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <input type="text" name="instructor"
                                                                                        value="{{ $course->user->email }}"
                                                                                        class="form-control" disabled />
                                                                                </div>
                                                                            </div>
                                                                        </div>



                                                                        <div class="row">
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <label for="title">{{
                                                                                        __('frontstaticword.Title')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        name="title" id="title"
                                                                                        placeholder="Please Enter Title"
                                                                                        value="">
                                                                                </div>
                                                                            </div>

                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <label for="title">{{
                                                                                        __('frontstaticword.Date')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <input type="datetime-local"
                                                                                        class="form-control"
                                                                                        id="date_time" name="date_time"
                                                                                        placeholder="Please Enter Title"
                                                                                        value="">
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="form-group">
                                                                                    <label for="detail">{{
                                                                                        __('frontstaticword.Detail')
                                                                                        }}:<sup
                                                                                            class="redstar">*</sup></label>
                                                                                    <textarea id="detail" name="detail"
                                                                                        class="form-control"
                                                                                        placeholder="Enter your details"
                                                                                        value=""></textarea>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <hr>
                                                                        <div class="box-footer">
                                                                            <button type="submit"
                                                                                class="btn btn-sm btn-primary">{{
                                                                                __('frontstaticword.Submit') }}</button>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if(count($papers) > 0)

                    <div class="tab-pane fade" id="nav-paper" role="tabpanel" aria-labelledby="nav-paper-tab">

                        <div class="assignment-main-block">
                            <h3>{{ __('frontstaticword.AllPapers') }}</h3>
                            <div class="row">

                                <div class="col-md-12">

                                    <div class="row">
                                        @foreach($papers as $paper)
                                        @if($paper->status == 1)
                                        <div class="col-md-12">
                                            <div class="assignment-tab-block">
                                                <div class="categories-block assign-tab-one text-center">

                                                    <table>
                                                        <td>
                                                            <div class="row">

                                                                <div class="col-md-6">

                                                                    <div class="koh-tab-content">
                                                                        <div class="koh-tab-content-body">
                                                                            <div class="koh-faq">
                                                                                <div class="koh-faq-question">

                                                                                    <i class="far fa-check-circle"
                                                                                        title="pending"></i>

                                                                                    <span
                                                                                        class="koh-faq-question-span">{{
                                                                                        __('frontstaticword.Title')
                                                                                        }}:{{ $paper->title }}</span>

                                                                                    @if($paper->detail != NULL)
                                                                                    <i class="fa fa-sort-down"
                                                                                        aria-hidden="true"></i>
                                                                                    @endif
                                                                                </div>
                                                                                <div class="koh-faq-answer">
                                                                                    {!! $paper->detail !!}
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>


                                                                <div class="col-md-6">
                                                                    <div class="assignment-delete-block text-right">

                                                                        <a href="{{ asset('files/papers/'.$paper->file) }}"
                                                                            download="{{$paper->file}}"
                                                                            title="Download"> <i
                                                                                class="fa fa-download"></i></a>



                                                                    </div>
                                                                </div>




                                                        </td>


                                                    </table>

                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>


                            </div>
                        </div>

                    </div>

                    @endif
                </div>


            </div>
            {{-- 相關課程 --}}
            @if (!$relatedcourse->isEmpty())
                <div class="more-courses btm-30 col">
                    <h3 class="more-courses-heading">{{ __('frontstaticword.RelatedCourses') }}</h3>
                    <div class="row">
                        @foreach ($relatedcourse as $rel)
                        @if ($rel->status == 1)
                        <div class="col-lg-4 col-md-6">
                            <div class="together-img">
                                <div class="student-view-block">
                                    <div class="view-block">
                                        <div class="view-img position-relative">

                                            @if (isset($rel->live_time))
                                            <div class="img-live">
                                                <i class="fa fa-video-camera"></i>
                                            </div>
                                            @else
                                                <!-- Add to wishlisht -->
                                                
                                                <!-- Add to wishlisht end -->
                                            @endif 
                                            @if ($rel->preview_image !== null &&
                                            $rel->preview_image !== '')
                                            <a
                                                href="{{ route('user.course.show', ['id' => $rel->id ]) }}" style="height: fit-content;
                                                display: block;"><img
                                                    src="{{ asset('images/course/' . $rel->preview_image) }}"
                                                    alt="student">
                                            </a>
                                            @else
                                            <a
                                                href="{{ route('user.course.show', ['id' => $rel->id ]) }}" style="height: fit-content;
                                                display: block;"><img
                                                    src="{{ Avatar::create($rel->title)->toBase64() }}"
                                                    alt="student">
                                            </a>
                                            @endif
                                        </div>
                                        
                                        <div class="view-dtl">
                                            <div class="row">
                                                <div class="col-5">
                                                    <img class="card-pic"
                                                        src="{{ asset('images/user_img') }}/{{$rel->user['user_img']}}"
                                                        alt="">
                                                </div>
                                                <div class="col no-gutters">
                                                    <p class="btm-10 m-0 unset-hover-white-text">
                                                        <a herf="#">
                                                            <!--{{ __('frontstaticword.by') }}--> @if(isset(
                                                            $rel->user)) {{
                                                            $rel->user['fname'] }} {{ $rel->user['lname'] }} @endif
                                                        </a>
                                                    </p>
                                                    <p class="m-0 unset-hover-white-text">
                                                        <a herf="#">{{ date('Y m/d', strtotime($rel['created_at']))
                                                            }}</a>
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="view-heading btm-10"><a
                                                    href="{{ route('user.course.show', ['id' => $rel->id ]) }}">{{
                                                    str_limit($rel->title, $limit = 30, $end = '...')
                                                    }}</a>
                                            </div>

                                            @if ($rel->is_free != 1)

                           
                                            @else
                                            <div class="rate text-right">
                                                <ul>
                                                    <li><a><b>{{ __('frontstaticword.Free') }}</b></a>
                                                    </li>
                                                </ul>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>
                @endif
</section>
<!-- courses-content end -->

@endsection

@section('custom-script')
<!-- iframe script -->




<script>
    (function($) {
  "use strict";
  $(document).ready(function(){

    $(".group1").colorbox({rel:'group1'});
    $(".group2").colorbox({rel:'group2', transition:"fade"});
    $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
    $(".group4").colorbox({rel:'group4', slideshow:true});
    $(".ajax").colorbox();
    $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
    $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
    $(".iframe").colorbox({iframe:true, width:"100%", height:"100%"});
    $(".inline").colorbox({inline:true, width:"50%"});
    $(".callbacks").colorbox({
      onOpen:function(){ alert('onOpen: colorbox is about to open'); },
      onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
      onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
      onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
      onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
    });

    $('.non-retina').colorbox({rel:'group5', transition:'none'})
    $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});


    
    
    $("#click").click(function(){ 
      $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
      return false;
    });
  });
})(jQuery);

</script>



<!-- script to remain on active tab -->
<script>
    (function($) {
  "use strict";
      $(document).ready(function(){
        $('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
            localStorage.setItem('activeTab', $(e.target).attr('href'));
        });
        var activeTab = localStorage.getItem('activeTab');
        if(activeTab){
            $('#nav-tab a[href="' + filter(activeTab) + '"]').tab('show');
        }
      });
})(jQuery);
</script>
<!-- link for another tab -->
<script>
    (function($) {
  "use strict";
    $("#goTab4").click(function(){
        $("#nav-tab a:nth-child(4)").click();
        return false;
    });

    $("#goTab5").click(function(){
        $("#nav-tab a:nth-child(5)").click();
        return false;
    });
})(jQuery);    
</script>

<script type="text/javascript">
    $('#select-all').click(function(event) {   
    if(this.checked) {
        // Iterate each checkbox
        $(':checkbox').each(function() {
            this.checked = true;                        
        });
    } else {
        $(':checkbox').each(function() {
            this.checked = false;                       
        });
    }
});
</script>

<script>
    (function($) {
  "use strict";
    tinymce.init({selector:'textarea'});
})(jQuery);
</script>

<script type="text/javascript">
    $(document).ready(function() {
        $(this).on("click", ".koh-faq-question", function() {
        $(this).parent().find(".koh-faq-answer").toggle();
        $(this).find(".fa").toggleClass('active');
    });
});
</script>

{{-- swiper js --}}
<script src="{{ asset('js/swiper-bundle.min.js')}}"></script>
<script>
    // 推薦產品
    var swiper = new Swiper(".productSwiper", {
        slidesPerView: 1,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        breakpoints: {
            768:{
                slidesPerView: 2,
            },
            1366:{
                slidesPerView: 3,
            }
        }
    });
    // 相關課程 
    var swiper = new Swiper(".classSwiper", {
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });

    // 查看更多按鈕
    function more(btn) {
        $('.article').toggleClass('active-show')
        if ( $('.article').hasClass('active-show') == true) {
            btn.innerText = '收起'
        }else{
            btn.innerText = '查看更多'
        }
    }

</script>



@endsection


<style>
    .hidden {
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }

    input[type=checkbox]+label {
        color: #ccc;
        font-style: italic;
    }

    input[type=checkbox]:checked+label {
        color: #f00;
        font-style: normal;
    }
</style>