@extends('layouts.app')
 
@section('content')
@php usort($tableGrid, "SiteHelpers::_sort") @endphp
@if (defined('CNF_CURRENCY'))
        @php $currency = SiteHelpers::getCurrentcurrency(CNF_CURRENCY) @endphp
@endif
<style>
.view_block {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.view_block li.dropdown i, .view_block li.dropdown b.caret {
  color: #676a6c;
  font-size: 12px;
}
.view_block li.dropdown > a {
  border: 1px solid #eee;
  display: inline-block;
  margin: 2px 0;
  padding: 2px 6px;
}
.view_block li a {
  margin-bottom: 3px;
  width: 37px;
}
.table-responsive.course-listing-admin .view_block li.dropdown ul {
  top: -40px;
}

.view_block li.dropdown ul {
  left: auto;
  right: 0;
}
</style>
  <div class="page-content row">
    <!-- Page header -->
    <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 class="active">{{ Lang::get('core.stud_list') }}</li>
      </ul>	  
	  
    </div>
	
	
	<div class="page-content-wrapper m-t">	 	

<div class="sbox animated fadeInRight">
	<div class="sbox-title"> <h5> <i class="fa fa-table"></i>  {{ Lang::get('core.stud_list') }} </h5>
<!-- <div class="sbox-tools" >
		@if(Session::get('gid') ==1)
			<a href="{{ URL::to('bsetec/module/config/'.$pageModule) }}" class="btn btn-xs btn-white tips" title=" {{ Lang::get('core.btn_config') }}" ><i class="fa fa-cog"></i></a>
		@endif 
		</div> -->
	</div>
	<div class="sbox-content"> 	
	    <div class="toolbar-line ">
			<!-- @if($access['is_add'] ==1)
	   		<a href="{{ URL::to('courselisting/update') }}" class="tips btn btn-sm btn-white"  title="{{ Lang::get('core.btn_create') }}">
			<i class="fa fa-plus-circle "></i>&nbsp;{{ Lang::get('core.btn_create') }}</a>
			@endif  --> 
			<!-- <a href="javascript://ajax" class="tips btn btn-sm btn-white updatestatus" title="Approve" data-type="1">
			<i class="fa fa-check"></i>&nbsp;{{ Lang::get('core.approve') }}</a>

			<a href="javascript://ajax" class="tips btn btn-sm btn-white updatestatus" title="Unapprove" data-type="2">
			<i class="fa fa-times"></i>&nbsp;{{ Lang::get('core.unapprove') }}</a>

			@if($access['is_remove'] ==1)
			<a href="javascript://ajax" class="tips btn btn-sm btn-white updatestatus" title="{{ Lang::get('core.btn_remove') }}" data-type="0">
			<i class="fa fa-minus-circle "></i>&nbsp;{{ Lang::get('core.btn_remove') }}</a>
			@endif 		
	 -->
		 
		</div> 		

	
	 {!! Form::open(array('url'=>'courselisting/getcourseuserlist/'.$course_id, 'class'=>'form-horizontal' ,'id' =>'' )) !!}

	 <div class="table-responsive course-listing-admin" style="min-height:300px;">
    <table class="table table-striped ">
        <thead>
			<tr>
				<th class="number"> {{ Lang::get('core.no') }} </th>
				<th>{{ Lang::get('core.stud_name') }}</th>
				<th>{{ Lang::get('core.phone') }}</th>
				<th>{{ Lang::get('core.email') }}</th>
				<th width="70" >{{ Lang::get('core.btn_action') }}</th>
			  </tr>
        </thead>
        <tbody>
			<tr id="bsetec-quick-search" >
				<td class="number"> # </td>
				<!-- <td> <input type="checkbox" class="checkall" /> </td> -->
				<td>{!! Form::text('student_name',$student_name,array('class'=>'form-control')); !!}</td>
				<td>{!! Form::text('phone',$phone,array('class'=>'form-control')); !!}</td>
				<td>{!! Form::email('email',$email,array('class'=>'form-control')); !!}{!! Form::hidden('course_id',$course_id); !!}</td>
				<td >
				<input type="hidden"  value="Search">
				<button type="submit"  class=" btn btn-xs btn-info"> {{ Lang::get('core.GO') }} </button>&nbsp;<a href="{!! URL::to('courselisting/getcourseuserlist/'.$course_id) !!}"><button type="button" class=" do-quick-search btn btn-xs btn-info"> Reset </button></a></td>
			 </tr>
		@if(count($custom_pagination)>0)				
            @foreach ($custom_pagination as $row)

                <tr>
					<td width="30"> {{ ++$i }} </td>								
	               <td width="100">{!! $row->username !!}</td>
	               <td width="100">{!! $row->phone !!}</td>
	               <td width="100">{!! $row->email !!}</td>
	               <td>
	               		<a href="{{ URL::to('courselisting/studentdetailsview/'.$row->user_id.'/'.$row->course_id)}}" class="tips btn btn-xs btn-white" title="{{ Lang::get('core.btn_view') }}"><i class="fa  fa-search "></i></a>
	               </td>	 
                </tr>
				
            @endforeach
           @else
           <tr><td colspan="20" align="center"><h3>{!! Lang::get('pagination.no_data') !!}</h3></td></tr> 
            @endif 
        </tbody>
      
    </table>

	<input type="hidden" name="md" value="" />
	</div>
	{!! Form::close() !!}
	{!! $custom_pagination->links() !!}
	</div>
</div>	
	</div>	  
</div>	
<script>

//$('select[name="sort"]').find(":selected").val();

// $('select[name="sort"]').append('<option value="purchase_count" @if(\Input::has('sort') && \Input::get('sort')=='purchase_count') selected="selected" @endif> No of students </option>');

$(document).ready(function(){
	$('.test-video').click(function(){
		var video_id =$(this).attr('data-video');
		$('.video_preview').html("");
		$('.video_id').val(video_id);
		$.ajax({
            url:"{!! url('courselisting/testvideo') !!}",
            type:'GET',
            data: {id:video_id},
            success: function(data)
            {   
            	if(data.length > 0){
            	var title = data[0].video_title;
            	var  titlee = "uploads/videos/"+data[0].video_title+".ogv";
                var video = '<video width="400" controls controlsList="nodownload" oncontextmenu="return false;"><source src="{{asset("uploads/videos")}}/'+data[0].video_title+'.mp4" type="video/mp4">\
  				<source src="{{asset("uploads/videos")}}/'+data[0].video_title+'.ogv" type="video/ogg"><source src="{{asset("uploads/videos")}}/'+data[0].video_title+'.webm" type="video/webm"></video>';
				}else if(video_id != '') {
					var video = '  <div id="div_video"> </div>';
                                $.post( "{!! url('api_youtube/getvideo.php') !!}", { videoid: video_id, type: "Download" })
                                .done(function( data ) {
                                   var json = $.parseJSON(data);
                                   var urls = "{!! url('api_youtube') !!}/"+json.url;
                                   document.getElementById('div_video').innerHTML = '<video autoplay controls id="video_ctrl" width="400px" controlsList="nodownload" oncontextmenu="return false;"><source src="'+urls+'" type="video/mp4"></video>';
                                   document.getElementById('video_ctrl').play();
                                });
                }else{                

					video ='<center>File Not Found</center>';
				}
				$('.video_preview').html(video);
            }
        });
	});

	$('.do-quick-search').click(function(){
		$('#bsetecTable').attr('action','{!! URL::to("courselisting/getcourseuserlist/multisearch?return=".$return)!!}');
		$('#bsetecTable').submit();
	});

	$(document).on('click','.updatestatus',function(){
		var status = $(this).data('type');
		$('#actiontype').val(status);

		if(status=='0' && $("input[name='id[]']:checked").length==0){
			alert('Please select atleast one checkbox!');
		}else if(status=='0' && $("input[name='id[]']:checked").length>0){
			if(confirm('{{ Lang::get('core.to_remove') }}'))
			{
					$('#bsetecTable').submit();// do the rest here	
			}
		}else if($("input[name='id[]']:checked").length>0){
			$('#bsetecTable').submit();
		}else{
			alert('{{ Lang::get('core.select_checkbox') }}');
		}
		
	});

});	
</script>	
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content test_vid">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">{{ Lang::get('core.test_video_preview') }}</h4>
     	<input type="hidden" name="vid" class="video_id" value="" />
      	</div>
        <div class="modal-body">
      <div class="video_preview">
      	</div>
        </div>
    </div>
  </div>
</div>	
@stop