@extends('layouts.frontendfullwidth')
@section('title')
| {!! $courseinfo->course_title !!}
@endsection
@section('content')
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600italic,700,800,800italic,700italic,600,400italic,300,300italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,900,700,500italic,400italic,500,300,300italic,100italic,100' rel='stylesheet' type='text/css'>
<link href="{{ asset('assets/bsetec/static/css/front/style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/static/css/front/sub-style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/static/css/front/common.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/static/css/front/coursepreview.css') }}" rel="stylesheet">
<script src="{{ asset('assets/bsetec/js/common.js') }}"></script>
<script src="{{ asset('assets/bsetec/static/js/jquery.raty.min.js') }}"></script>
<style> 
   label.error {
   color:red;
   font-size:small;
   }
   .lecture_link_state
   {
   	display: inline-block;
   }
</style>
<!--Description-->
<div id="wrapper">
   <div class="course-header clearfix">
      <div class="course-header-content">
         <div class="container">
            <div class="row">
               <div class="col col-lg-7 col-md-6 fxacw course-header-wrapper">
                  <div class="flex">
                     <h1 class="course-title ellipsis">{!! $courseinfo->course_title !!}</h1>
                  </div>
               </div>
               <div class="col col-lg-5 col-md-6 fxacw course-header-wrapper sidehead-container">
                  <div class="instructors-container">
                     @php  $courseuserinfo = \bsetecHelpers::getuserinfobyid($courseinfo->user_id) @endphp
                     <div class="instructor-img"><a href="{{ URL::to('profile/'.$courseuserinfo->username) }}" target="_blank">{!! SiteHelpers::customavatar($courseuserinfo->email,$courseuserinfo->id) !!}</a></div>
                     <div class="instructor-title"><a href="{{ URL::to('profile/'.$courseuserinfo->username) }}" target="_blank">{!! $courseuserinfo->first_name.' '.$courseuserinfo->last_name !!}</a></div>
                  </div>
                  <ul class="course-header-buttons-container">
                     <li class="btn-group">
                        <a class="course-header-icon pull-tooltip-down course-info" href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" title="Course Information">
                        <i class="fa fa-info-circle"></i>
                        </a>
                     </li>
                     @if($coursesettings > 0)
                     <li class="btn-group">
                        <a class="course-header-icon dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)" aria-expanded="false">
                        <i class="fa fa-cog"></i>
                        </a>
                        <div class="dropdown-menu pull-right">
                           <h3>{!! Lang::get('core.course_settings')!!}</h3>
                           <input type="hidden" id="course_notification_id" value="@if(isset($coursenotification->id) && !empty($coursenotification->id)) {!! $coursenotification->id !!} @else{!!'0'!!}@endif" />
                           <ul class="checkbox-inputs">
                              <li class="">
                                 <div class="switcher-wrapper clearfix">
                                    <label for="lecture-notification">{!! Lang::get('core.lecture_email') !!}</label>
                                    <input type="checkbox" class="course_notification" id="lecture-notification" value="1" @if(isset($coursenotification->new_lecture_emails) && $coursenotification->new_lecture_emails == '1') checked="checked" @endif>
                                 </div>
                              </li>
                              <li class="">
                                 <div class="switcher-wrapper clearfix">
                                    <label for="new-course-announcement">{!! Lang::get('core.announcement_email')!!}</label>
                                    <input type="checkbox" class="course_notification" id="new-course-announcement" value="2" @if(isset($coursenotification->new_announcement_emails) && $coursenotification->new_announcement_emails == '1') checked="checked" @endif>
                                 </div>
                              </li>
                              <li class="">
                                 <div class="switcher-wrapper clearfix">
                                    <label for="new-course-promotion">{!! Lang::get('core.promotional_email')!!}</label>
                                    <input type="checkbox" class="course_notification" id="new-course-promotion" value="3" @if(isset($coursenotification->promotional_emails) && $coursenotification->promotional_emails == '1') checked="checked" @endif>
                                 </div>
                              </li>
                           </ul>
                           <div class="unsub-wrapper">
                              <a href="javascript:void(0)" class="text-right unenroll"><span class="text-info"> {!! Lang::get('core.unenroll')!!}</span></a>
                           </div>
                        </div>
                     </li>
                     @endif
                     <li class="btn-group">
                        <a id="reportabuse" class="course-header-icon pull-tooltip-down" href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" title="{!! Lang::get('core.report')!!}">
                        <i class="fa fa-flag"></i>
                        </a>
                     </li>
                     <meta name="twitter:card" content="summary" />
                     <meta name="twitter:url" content="{!! Request::url() !!}" />
                     <meta name="twitter:title" content="{!! $courseinfo->course_title !!}" />
                     <meta name="twitter:description" content="{!! strip_tags($courseinfo->description) !!}" />
                     <meta name="twitter:image" content="{!! \bsetecHelpers::getImage($courseinfo->image); !!}" />
                     <meta name="twitter:site" content="@expertsite" />
                     <li class="btn-group" ng-if="$root.isSocialSharingEnabled">
                        <a class="course-header-icon dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)" aria-expanded="false">
                        <i class="fa fa-share-square-o"></i>
                        </a>
                        <ul class="dropdown-menu pull-right share-links-icons icons-ul">
                           <li>
                              <a class="fb" target="_blank" href="https://www.facebook.com/dialog/feed?app_id={!! \Config::get('services.facebook.client_id') !!}&display=popup&link={{ Request::url() }}&redirect_uri={{ Request::url() }}&picture={!! \bsetecHelpers::getImage($courseinfo->image); !!}&name={!! urlencode($courseinfo->course_title) !!}&description={!! urlencode(strip_tags($courseinfo->description)) !!}">
                              <i class="fa fa-facebook"></i>
                              <span><span class="">{!! Lang::get('core.share_facebook')!!} </span></span>
                              </a>
                           </li>
                           <li>
                              <a class="tw" target="_blank" href="https://twitter.com/share">
                              <i class="fa fa-twitter"></i>
                              <span><span class="">{!! Lang::get('core.share_twitter')!!}</span></span>
                              </a>
                           </li>
                           <li>
                              <a class="tw" target="_blank" href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url={{ Request::url() }}">
                              <i class="fa fa-google-plus"></i>
                              <span><span class="">{!! Lang::get('core.share_google')!!}</span></span>
                              </a>
                           </li>
                           <li>
                              <a class="tw" href="javascript:void(run_pinmarklet())">
                              <i class="fa fa-pinterest"></i>
                              <span><span class="">{!! Lang::get('core.share_pin')!!}</span></span>
                              </a>
                           </li>
                           <li>
                              <a class="tw" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{ Request::url() }}">
                              <i class="fa fa-linkedin"></i>
                              <span><span class="">{!! Lang::get('core.share_linkedin')!!}</span></span>
                              </a>
                           </li>
                        </ul>
                     </li>
                     <li>
                        @if($courseinfo->user_id!=session::get('uid'))
                        <button type="button" class="btn btn-orange btn-bg" id="ratings">{!! Lang::get('core.rate_course')!!}</button>
                        @endif
                     </li>
                  </ul>
                  <div class="clear"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="course_student_page">
      <div class="gray-bg" id="page-wrapper-full">
         <div class="container">
            <div class="row">
               <div class="main_second_section">
                  <div class="container">
                     <div class="row">
                        <div class="col-lg-8 col-md-8 col-md-offset-2">
                           <div class="user-course-progress">
                              <div class="user_course_progress_stat">
                              	<strong>{!! Lang::get('core.stud_name') !!}</strong> : {!! $userinfo->username !!}
                                 <!-- {!! Lang::get('core.completed') !!} {!! $courselecturecompleted !!} {!! Lang::get('core.completed1') !!} {!! $courselecturetotal !!} {!! Lang::get('core.completed2') !!} -->
                                 <div class="course_certification">
                                 	<a href="#" onclick="window.history.back();" class="btn btn-orange">{!! Lang::get('core.btn_back') !!}</a>
                                 </div>
                              </div>
                              <div class="ucp-progress-bar progress">
                                 <div class="bar bar-success progress-bar" style="width:@if(!empty($courselecturetotal)){!! ($courselecturecompleted / $courselecturetotal) * 100 !!}%; @else 0%; @endif"></div>
                                 <div class="progress_end_bar"></div>
                              </div>
                        
                           </div>
                           <div class="course_student_curriculam">
                              @if(count($curriculum)>0)
                              @php  $no = 1; 
                              $lno = 1;
                              $qno = 1;  @endphp
                              @for($i=0;$i<count($curriculum);$i++)
                              @php $lectures = \SiteHelpers::getlectures($curriculum[$i]->section_id); @endphp
                              
                              <ul class="curriculum-items-list">
                                 <li class="curriculum-section-container">
                                    <ul>
                                       <li class="section-title">
                                          <h5>
                                             <span translate=""><span class="">{!! Lang::get('core.section') !!} </span></span>{!! $no !!} - {!! $curriculum[$i]->title !!}
                                          </h5>
                                       </li>
                                       @for($j=0;$j<count($lectures);$j++)
                                       @php $combine = $lectures[$j]->lecture_quiz_id;  $encryptid = \SiteHelpers::encryptID($combine); @endphp
                                       @php $lecstatus = ''; @endphp
                                       <li class="curriculum-item-container">
                                          <div class="ci-progress-container">
                                             
                                             @if(!empty($courseprogress)) 
                                             	@foreach($courseprogress as $cp) 
                                             		@if($cp->lecture_id == $lectures[$j]->lecture_quiz_id && $cp->status == 1) @php $lecstatus = 'completed'; @endphp 
                                             			<span class="ci-progress-mask perc-100" style="width: 100%;"></span> 
                                             		@elseif($cp->lecture_id == $lectures[$j]->lecture_quiz_id && $cp->status == 0) @php $lecstatus = 'incomplete'; @endphp 
                                             			<span class="ci-progress-mask" style="width: 100%;"></span>
                                             		@endif 
                                             	@endforeach 
                                            @endif
                                            
                                          </div>
                                          <div class="ci-info">
                                             <div class="ci-title">
                                                @if($lectures[$j]->type==0)
                                                <span><span class="">  {!! Lang::get('core.Lecture') !!}</span></span>
                                                <span class="">{!! $lno !!}</span>:
                                                @else
                                                <span><span class=""> {!! Lang::get('core.Quiz') !!}</span></span>
                                                <span class="">{!! $qno !!}</span>:
                                                @endif
                                                <span class="title">{{$lectures[$j]->title}}</span>
                                             </div>
                                             @if($lectures[$j]->media_type=='0')
                                             @if(isset($lectures[$j]->duration))
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_{!! $lectures[$j]->media_type !!}">
                                                <span>{!! $lectures[$j]->duration !!}</span>
                                                </span>
                                             </div>
                                             @endif
                                             @elseif($lectures[$j]->media_type=='1' )
                                             @php $durations = \SiteHelpers::getlecturesfiles($lectures[$j]->lecture_quiz_id); @endphp
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_{!! $lectures[$j]->media_type !!}">
                                                <span>{!! $durations['0']->duration !!}</span>
                                                </span>
                                             </div>
                                             @elseif($lectures[$j]->media_type=='2')
                                             @php $durations = \SiteHelpers::getlecturesfiles($lectures[$j]->lecture_quiz_id); @endphp
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_{!! $lectures[$j]->media_type !!}">
                                                <span>{!! $durations['0']->duration !!} Pages</span>
                                                </span>
                                             </div>
                                             @elseif($lectures[$j]->media_type=='3')
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_{!! $lectures[$j]->media_type !!}">
                                                <span>Text</span>
                                                </span>
                                             </div>
                                             @elseif($lectures[$j]->media_type=='6')
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_{!! $lectures[$j]->media_type !!}">
                                                <span>Youtube</span>
                                                </span>
                                             </div>
                                             @elseif($lectures[$j]->type==1)
                                             <div class="ci-details-container clearfix">
                                                <span class="ci-details course_media_q">
                                                @php  $quizcount = \SiteHelpers::getquizcount($lectures[$j]->lecture_quiz_id); @endphp
                                                <span> {!!  $quizcount !!} @if($quizcount > 1) Questions @else Question @endif</span>
                                                </span>
                                             </div>
                                             @endif
                                          </div>
                                          <div class="lecture_link_state">
	                                          	@if(isset($lecstatus) && $lecstatus == 'completed') 
                                          		<span class="btn btn-success" style="">Completed</span>
                                          	
	                                          	@elseif(isset($lecstatus) && $lecstatus == 'incomplete')  
                                          		<span class="btn btn-warning" style="display:block !important">Inprocess</span>

	                                          	@elseif(isset($lecstatus) && $lecstatus != 'incomplete' && $lecstatus != 'completed')  
                                          		<span class="btn btn-danger" style="display:block !important">Pending</span>
                                          	
	                                          	@endif 
	                                          	@if($lectures[$j]->type!=0 && $lecstatus == 'completed') 
	                                          	<button type="button" id="quizresult" class="btn btn-info" data-toggle="modal" data-target="#quizresultmodal" data-lecture-id="{!! $lectures[$j]->lecture_quiz_id !!}" data-user-id="{!! $userinfo->id !!}">{!! Lang::get('core.view_result')!!}</button>
	                                          	@endif
	                                      </div>
                                       </li>
                                       @if($lectures[$j]->type==0) @php $lno++; @endphp @else @php $qno++; @endphp @endif
                                       @endfor

                                    </ul>
                                 </li>
                              </ul>
                              @php $no++; @endphp
                              @endfor
                              @endif
                           </div>
                           <input type="hidden" name="_token" value="{{ csrf_token() }}">
                           <input type="hidden" name="courseid" value="{!! $courseid or '' !!}">
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Modal -->
<div id="quizresultmodal" class="modal fade" role="dialog">
	<div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ellipsis" id="exampleModalLabel">{!! Lang::get('core.user_quiz_result')!!}</h4>
         </div>
         <div class="modal-body" id="user_result_body">
         </div>
      </div>
   </div>
</div>
<!-- review popup start-->

<!-- review popup end -->
<!-- add discussion popup start-->
<div class="modal fade" id="discussionmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ellipsis" id="exampleModalLabel">{!! Lang::get('core.btn_discussion')!!}</h4>
         </div>
         <div class="modal-body" id="discussionbody">
         </div>
      </div>
   </div>
</div>
<!-- add discussion popup end -->
<!-- report abuse start-->
<div class="modal fade" id="reportmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" id="close_report" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ellipsis" id="reportModalLabel">{!! Lang::get('core.report') !!} </h4>
         </div>
         <div class="modal-body" id="reportbody">
            {!! Form::open(array('method' => 'post','files' => true , 'id'=>'report-course', 'parsley-validate'=>'','novalidate'=>' ')) !!}
            <div class="form-group">
               <p>{!! Lang::get('core.report_abuse_txt')!!}</p>
            </div>
            <div class="form-group">
               <label for="recipient-name" class="control-label">{!! Lang::get('core.issue_type')!!}</label>
               <select class="select form-control"  id="issue_type" name="issue_type">
                  <option >Select Type</option>
                  <option value="Copyright or Trademark Violation">Copyright or Trademark Violation</option>
                  <option value="Inappropriate Course Content">Inappropriate Course Content</option>
                  <option value="Inappropriate Behaviour">Inappropriate Behaviour</option>
                  <option value="ExpertPlus Policy Violation">ExpertPlus Policy Violation</option>
                  <option value="Other">Other</option>
               </select>
            </div>
            <div class="form-group">
               <label for="message-text" class="control-label">{!! Lang::get('core.details')!!}</label>
               <textarea class="form-control issue_details"  name="issue_details" id="issue_details" ></textarea>
            </div>
            <div class="form-group">
               <button type="submit" id="saveissue" class="btn btn-orange">{!! Lang::get('core.sb_submit')!!}</button>
            </div>
            {!! Form::hidden('course_id', $courseid)  !!}
            {!! Form::close() !!}
         </div>
      </div>
   </div>
</div>
<!-- report abuse end -->
<!-- course info start-->
<div class="modal fade" id="infomodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ellipsis" id="infoModalLabel">{!! Lang::get('core.abt') !!}</h4>
         </div>
         <div class="modal-body" id="infobody">
            <h2>{!! $courseinfo->course_title !!}</h2>
            {!! $courseinfo->description !!}
         </div>
      </div>
   </div>
</div>
<!-- course info end -->
<!-- course privacy start-->
<div class="modal fade" id="passwordmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ellipsis" id="infoModalLabel">{!! $courseinfo->course_title !!}</h4>
         </div>
         <div class="modal-body" id="passwordbody">
            <div class="form-group">
               <label for="recipient-name" class="control-label">{!! Lang::get('core.password')!!}: {!! \Session::get('cplogin') !!}</label>
               <input type="password" name="cpassword" class="form-control" placeholder="{!! Lang::get('core.enter_pwd') !!}" id="cpassword">
            </div>
            <div class="form-group">
               <input type="button" name="submits" data-cid="{!! $courseinfo->course_id or '' !!}" id="submitpassword" class="btn btn-orange btn-bg" value="Submit">
               <div class="passwordloader"></div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- course privacy end -->
@if(isset($recordings) && !empty($recordings))
<div class="modal fade" id="recordingshow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3">
   <div class="modal-dialog course_popup" role="document" style="width:90% !important;">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" id="btn_close" class="close removeframe" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel3">{!! Lang::get('core.recording_for') !!}</h4>
         </div>
         <div class="modal-body" style="max-height: none !important; ">
            <div class="row">
               <iframe id="recordview" src="" style="width: 100%; height: 100%; min-height: 820px; border: none;"></iframe>
            </div>
         </div>
      </div>
   </div>
</div>
<script type="text/javascript">
   $(function(){
       $(document).on('click','.viewrecords',function(){
           var elem = $(this);
           var href = elem.attr('data-href');
           $('#recordview').attr('src',href);
           $('#recordingshow').modal({
               backdrop: 'static',
               keyboard: false
           });
       });
       $(document).on('click','.removeframe',function(){
           $('#recordview').attr('src','');
       });
   
   });
</script>
@endif
<script type="text/javascript" src="