WP File Manager

Current Path: /home/itutorethiopia/public_html/resources/views/courselisting/

Name	Action
..
feedback.blade.php	Edit
form.blade.php	Edit
index.blade.php	Edit
resources
studdetailsview.blade.php	Edit
studentlist.blade.php	Edit
view.blade.php	Edit

Editing: studdetailsview.blade.php

@extends('layouts.app')

@section('content')
<style type="text/css">
	.curriculum-items-list {
    background: #fff;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
}
.curriculum-section-container {

width: 100%;
    overflow: hidden;

}
.curriculum-section-container ul {
    margin: 0;
    padding: 0;
}
.curriculum-section-container ul li:first-child {
    border-top: 0 none;
}
.curriculum-section-container h5 {
    color: #6b6b6b;
    text-transform: capitalize;
}
.section-title h5 {
    margin: 0 15px;
    font-weight: 400;
    font-size: 14px;
}
.ci-progress-container {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    left: 10px;
    line-height: 0;
    padding: 1px;
    position: absolute;
    top: 9px;
    z-index: 1;
    width: 20px;
    height: 20px;
}
.ci-progress-mask {
    display: inline-block;
    overflow: hidden;
}
.ci-progress-mask::before {
    font-family: FontAwesome;
    background: #54b551;
    border-radius: 50%;
    content: "";
    float: left;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
}
.ci-info {
    border-left: 1px solid #f0f0f0;
    margin-left: 20px;
    padding: 6px 0 10px 10px;
    position: relative;
}
.lecture_link_state {
    /*position: absolute;*/
    right: 15px;
    top: 18px;
    /*display: none;*/
}
.ci-title {
    color: #6b6b6b;
    text-transform: capitalize;
    padding: 3px 25px 0 5px;
    line-height: 18px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ci-details {
    background-size: 14px auto;
    margin-left: 6px;
    padding-left: 18px;
}
.course_media_3 {
    background: url(../images/text.png) no-repeat scroll left center;
        background-size: auto;
}
.ci-details {
    display: inline-block;
    padding: 0 6px;
        padding-left: 6px;
    color: #6b6b6b;
    font: 600 13px 'Open Sans', sans-serif;
    text-transform: capitalize;
}
.curriculum-section-container ul li.curriculum-item-container:hover .lecture_link_state {
    display: block;
}
.ci-progress-mask {
    display: inline-block;
    overflow: hidden;
}
.perc-100 {
    display: inline-block;
    overflow: hidden;
}
.mx-0
{
	margin-right: 0px !important;
	margin-left: 0px !important;

}
ul
{
	list-style-type: none;
}
.divider
{
	margin: 2px 0px;
}
.quiz-asset {
    margin-top: 0px;
}
.quiz-asset .score {
    float: left;
    width: 300px;
    background: #333;
        background-color: rgb(51, 51, 51);
    height: 100%;
    background-color: #333;
    text-align: center;
    overflow: hidden;
    position: relative;
    min-height: 300px;
}
.quiz-asset .score h2 {
    border-radius: 50%;
    font-size: 18px;
    margin: -40px -90px 0;
    padding: 90px 0 90px;
}
.quiz-asset .perc {
    background: #555;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 45px;
    height: 150px;
    line-height: 150px;
    margin-top: -70px;
    position: relative;
    width: 150px;
    padding: 10px;
}
.quiz-asset .perc span {
    background: #f7f7f7;
    border-radius: 50%;
    display: block;
    transform: rotate(rotate(-45deg));
    -ms-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden;
}
.quiz-asset .perc span i {
    background: #4cae4c;
    float: right;
    height: 100%;
    width: 0;
}
.quiz-asset .perc b {
    background: #555;
    border-radius: 50%;
    bottom: 25px;
    box-shadow: 0 0 2px #000 inset;
    left: 25px;
    line-height: 95px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 2;
}
.quiz-asset .numbers {
    margin-top: 10px;
}
.quiz-asset .numbers .c {
    color: #5cb85c;
}
.quiz-asset .numbers p {
    margin: 0;
}
.quiz-asset .numbers .i {
    color: #d57c33;
}
.quiz-asset .review {
    margin-left: 300px;
    height: 100%;
    position: relative;
}
.quiz-asset .review .wrapper {
    overflow: auto;
    position: relative;
    top: 15px;
    bottom: 10px;
    width: 100%;
    padding: 0 20px;
}
.quiz-asset .webkit-wrapper {
    margin-top: 10px;
    border: 1px solid #555;
}
.quiz-asset .scoreboard {
    display: table;
    width: 100%;
    font-weight: 700;
}
.quiz-asset ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.quiz-asset .scoreboard .q {
    background: #333;
    cursor: pointer;
}
.quiz-asset .scoreboard li {
    display: table-row;
}
.modal-dialog .modal-content .modal-body {
    padding: 15px 50px;
}
.quiz-asset .scoreboard .q > div:first-child {
    color: #FFF;
}
.quiz-asset .scoreboard li > div:first-child {
    box-shadow: none;
}
.quiz-asset .scoreboard .q > div {
    border-top: 1px solid #555;
}
.quiz-asset .scoreboard li > div {
    display: table-cell;
    padding: 10px;
    box-shadow: 1px 0 rgba(0,0,0,.13) inset,2px 0 rgba(50,50,50,.3) inset;
    position: relative;
}
.quiz-asset .scoreboard .a {
    text-transform: uppercase;
    color: #5cb85c;
}
.quiz-asset .scoreboard .a.i {
    color: #d57c33;
}
</style>
<div class="page-content row">
    
    <div class="page-header">
      <div class="page-title">
        <h3> {{ $pageTitle }} <small>{{ $pageNote }}</small></h3>
      </div>
      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}">{{ Lang::get('core.dashboard') }}</a></li>
		<li><a href="{{ URL::to('courselisting?return='.$return) }}">{{ $pageTitle }}</a></li>
        <li class="active"> {{ Lang::get('core.stud_details') }} </li>
      </ul>
	 </div>  
	 
	 
 	<div class="page-content-wrapper">   
	   <div class="toolbar-line">
	   		<a href="{{ URL::to('courselisting?return='.$return) }}" class="tips btn btn-xs btn-default" title="{{ Lang::get('core.btn_back') }}"><i class="fa fa-arrow-circle-left"></i>&nbsp;{{ Lang::get('core.btn_back') }}</a>
		</div>
<div class="sbox animated fadeInRight">
	<div class="sbox-title"> <h4> <i class="fa fa-table"></i> {{ Lang::get('core.stud_details') }} <small>{{ Lang::get('core.stud_details') }}</small></h4></div>
	<div class="sbox-content">
	<div class="course_student_page">
      <div class="gray-bg" id="">
         <div class="container">
            <div class="row">
               <div class="main_second_section">
                  <div class="container">
                     <div class="row">
                     	<br>
                        <div class="col-lg-10 col-md-10">
                           <div class="user-course-progress row">
                              <div class="user_course_progress_stat">
                              	<h5 class="col-md-6"><strong>{!! Lang::get('core.stud_name') !!}</strong> : {!! $userinfo->username !!}</h5>
                                 
                                 <div class="course_certification col-md-4 pull-right">
                                 	
                                 </div>
                              </div>
                              <div class="ucp-progress-bar progress">
                              	{!! ($courselecturecompleted / $courselecturetotal) * 100 !!}%
                                 <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"><br>
                                          <h5><strong>
                                             <span translate=""><span class="">{!! Lang::get('core.section') !!} </span></span>{!! $no !!} - {!! $curriculum[$i]->title !!}</strong>
                                          </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 row mx-0">
                                          <div class="">
                                             
                                             @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="" style="width: 100%;"></span> 
                                             		@elseif($cp->lecture_id == $lectures[$j]->lecture_quiz_id && $cp->status == 0) @php $lecstatus = 'incomplete'; @endphp 
                                             			<span class="" style="width: 100%;"></span>
                                             		@endif 
                                             	@endforeach 
                                            @endif
                                            
                                          </div>
                                          <div class="ci-info col-md-7 col-xs-5">
                                             <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 col-md-3 col-xs-5 pull-right">
	                                          	<div class="row mx-0">
	                                          	@if(isset($lecstatus) && $lecstatus == 'completed')
	                                          		<div class="col-xs-6">
                                          				<span class="label label-success">Completed</span>
	                                          		</div>
	                                          	@elseif(isset($lecstatus) && $lecstatus == 'incomplete')  
	                                          		<div class="col-xs-6">
                                          				<span class="label label-warning">Inprocess</span>
	                                          		</div>

@elseif(isset($lecstatus) && $lecstatus != 'incomplete' && $lecstatus != 'completed')  
	                                          		<div class="col-xs-6">
                                          				<span class="label label-danger">Pending</span>
	                                          		</div>
                                          	
	                                          	@endif 
	                                          	@if($lectures[$j]->type!=0 && $lecstatus == 'completed') 
	                                          		<div class="col-xs-6">
	                                          			<button type="button" id="quizresult" class="btn btn-info btn-xs" 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></span>
	                                          		</div>
	                                          	</div>
	                                          	@endif
	                                      </div>
                                       </li>
                                       @if($lectures[$j]->type==0) @php $lno++; @endphp @else @php $qno++; @endphp @endif
                                       <hr class="divider">
                                       @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>
</div>

</div>
</div>
<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>
<script type="text/javascript">
	
	$(document).on('click','#quizresult',function(e){
   			var lecture_id = $(this).attr('data-lecture-id');
   			var user_id = $(this).attr('data-user-id');
				$.ajaxSetup({
					headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
				});
				$.ajax({
					type: 'POST',
					url: '<?php echo e(\URL::to("course/get_user_quiz_result")); ?>',
					data:'lid='+lecture_id+'&uid='+user_id,
					beforeSend: function() {
						$('.sending_loadergs').html('<h2><i class="fa fa-refresh fa-spin"></i> {!! Lang::get("core.loading") !!}</h2>');
					},
					success : function(data) {
						$('#user_result_body').html(data);
					},complete: function() {
						$('.sending_loadergs').html("");
						me.data('requestRunning', false);
					}
				});
			});
</script>
@stop