<?php $__env->startSection('CSS'); ?>
<?php /* HTML::style('VideoJS/video-js.css') */ ?>
<?php /* HTML::script('VideoJS/videojs-ie8.min.js') */ ?>
<?php /* HTML::style('http://vjs.zencdn.net/4.9.0/video-js.css') */ ?>
<?php /*<link href="http://vjs.zencdn.net/5.6.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>*/ ?>
<!-- WSYIHTML5 -->
<?php echo HTML::style('bootstrap-wysihtml5/src/bootstrap-wysihtml5.css'); ?>

<style type="text/css">
	/*.video-js { padding-top: 56.25%; }
	.vjs-fullscreen { padding-top: 0px; }*/
	.vjs-poster{ background-size: 100%!important; }
</style>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<? $cid = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-video-camera"></i> Video Tutoriales </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> <?php echo $Modulo->descripcion; ?> </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoTutoriales" style="background: #EFEFEF;">
					<?php
						$imgPoster = asset('SysWeb/SumeClientes/PreviewVideos.png');
						if( strpos(public_path(), 'prospector') !== false ){
							$imgPoster = asset('SysWeb/SumeClientes/PreviewVideosPVT.jpeg');
						}
					?>
					<?php foreach($Videos as $Video): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoTutoriales" href="#Video<?php echo $Video->id; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $Video->titulo; ?>

									<span class="pull-right">
										<i id="circulo<?php echo $Video->id; ?>" class="<?php if($Video->visto == 1): ?> fa fa-circle text-success <?php else: ?> fa fa-circle-o <?php endif; ?> tooltips" data-toggle="tooltip" title="Marcar como visto" onclick="MarcarVisto(<?php echo $Video->id; ?>)"> </i>
									</span>
								</a>
							</h4>
						</div>
						<div id="Video<?php echo $Video->id; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideo<?php echo $Video->id; ?>">
								<div class="row">
									<div class="col-md-6">
										<div class="videocontent">
											<video id="VideoJS<?php echo $Video->id; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo $imgPoster; ?>" data-setup="{}">
												<source src="<?php echo $Video->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-6" style="padding-top: 10px;">
										<?php
											$Existe = Nota::where('clientes_id', '=', $cid)->where('videos_id', '=', $Video->id)->count();
											if($Existe == 0){
										?>
										<?php echo Form::textarea('nota', null, array('id' => 'nota'.$Video->id, 'class' => 'form-control', 'rows' => '10')); ?>

										<?php
											}
											else{
												$Nota = Nota::find( Nota::select('id')->where('clientes_id', '=', $cid)->where('videos_id', '=', $Video->id)->first()->id );
										?>
										<?php echo Form::textarea('nota', $Nota->nota, array('id' => 'nota'.$Video->id, 'class' => 'form-control', 'rows' => '10')); ?>

										<?php
											}
										?>
										<br>
										<button id="btnGuardarNota<?php echo $Video->id; ?>" type="button" class="btn btn-success btn-block" onclick="GuardarNota(<?php echo $Video->id; ?>)"> Guardar notas </button>
									</div>
								</div>
								<div class="row" style="padding-top: 10px;">
									<div class="col-md-6">
										<div class="row">
										<? $RecursosDescargables = RecursoDescargable::select('titulo', 'ruta')->where('videos_id', '=', $Video->id)->get(); ?>
											<?php if( count($RecursosDescargables) == 0 ): ?>
											<div class="col-md-12"></div>
											<?php else: ?>
											<div class="col-md-12"> <h3> Recursos descargables </h3> </div>
										<?php foreach($RecursosDescargables as $RecursoDescargable): ?>
											<div class="col-md-3">
												<!--<a href="<?php echo asset('SysWeb/VideoTutoriales/RecursosDescargables/'.$RecursoDescargable->ruta); ?>" download="<?php echo asset('SysWeb/VideoTutoriales/RecursosDescargables/'.$RecursoDescargable->titulo); ?>">-->
												<a href="<?php echo asset('SysWeb/VideoTutoriales/RecursosDescargables/'.$RecursoDescargable->ruta); ?>" target="_blank">
													<img class="img-thumbnail" src="<?php echo asset('SysWeb/SumeClientes/img-archivo.png'); ?>">
													<p> <?php echo $RecursoDescargable->titulo; ?> </p>
												</a>
											</div>
										<?php endforeach; ?>
											<?php endif; ?>
										</div>
									</div>
									<div class="col-md-6">
										<div class="row">
											<div class="col-md-6">
											<? $VinculosApoyos = VinculoApoyo::select('titulo', 'ruta')->where('videos_id', '=', $Video->id)->get(); ?>
												<?php if( count($VinculosApoyos) == 0 ): ?>
												<div class="row"><div class="col-md-12"></div></div>
												<?php else: ?>
												<h3> Vínculos de apoyo </h3>
												<select class="form-control" onchange="AbrirVinculo(this)">
													<option value=""> Vinculos </option>
													<? $VinculosApoyos = VinculoApoyo::select('titulo', 'ruta')->where('videos_id', '=', $Video->id)->get(); ?>
													<?php foreach($VinculosApoyos as $VinculoApoyo): ?>
													<option value="<?php echo $VinculoApoyo->ruta; ?>"> <?php echo $VinculoApoyo->titulo; ?> </option>
													<?php endforeach; ?>
												</select>
												<?php endif; ?>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
			<div class="bottom">
				<?php if( isset($_GET['seg']) ): ?>
					<?php if( $_GET['seg'] == 'P1' ): ?>
				<a href="<?php echo URL::route('SysWebVTutorialesModulosClientesP1'); ?>" class="btn btn-default"> Regresar </a>
					<?php elseif( $_GET['seg'] == 'P2' ): ?>
				<a href="<?php echo URL::route('SysWebVTutorialesModulosClientesP2'); ?>" class="btn btn-default"> Regresar </a>
					<?php elseif( $_GET['seg'] == 'CM' ): ?>
				<a href="<?php echo URL::route('SysWebVTutorialesModulosClientesCM'); ?>" class="btn btn-default"> Regresar </a>
					<?php else: ?>
				<a href="<?php echo URL::route('SysWebVTutorialesModulosClientesSC2'); ?>" class="btn btn-default"> Regresar </a>
					<?php endif; ?>
				<?php else: ?>
				<a href="<?php echo URL::route('SysWebVTutorialesModulosClientesMD'); ?>" class="btn btn-default"> Regresar </a>
				<?php endif; ?>
			</div>
		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('WebPro/js/accordion.js'); ?>

<?php /* HTML::script('VideoJS/video.js') */ ?>
<?php /* HTML::script('http://vjs.zencdn.net/4.9.0/video.js') */ ?>
<?php /*<script src="http://vjs.zencdn.net/5.6.0/video.js"></script>*/ ?>
<?php /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<!-- WSYIHTML5 -->
<?php echo HTML::script('bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js'); ?>

<?php echo HTML::script('bootstrap-wysihtml5/src/locales/bootstrap-wysihtml5.es-ES.js'); ?>

<script type="text/javascript">
	function AbrirVinculo(elemento){
		var value = elemento.value;
		if(value != ""){
			window.open(value, "_blank");
		}
	}
	function MarcarVisto(id){
		var id = id;
		$.post(
			"<?php echo URL::route('SysWebVTutorialesModulosClientesVideosVideoMarcarVisto', array($Modulo->id)); ?>",
			{idV:id},
			function(data){
				if(data.success){
					$("#circulo"+id).removeClass("fa-circle-o").addClass("fa-circle text-success");
				}
				else{
					//
				}
			},
			"json"
		);
	}
	function GuardarNota(id){
		var id = id;
		var nota = $("#nota"+id).val();
		$("#btnGuardarNota"+id).prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Guardando');
		$.post(
			"<?php echo URL::route('SysWebVTutorialesModulosClientesVideosVideoGuardarNota', array($Modulo->id)); ?>",
			{idV:id, nota:nota},
			function(data){
				$("#btnGuardarNota"+id).prop("disabled", false).html("Guardar notas");
				if(data.success){
					console.log("Guardado");
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php foreach($Videos as $Video): ?>
$("#nota<?php echo $Video->id; ?>").wysihtml5({
	"stylesheets": ["<?php echo asset('bootstrap-wysihtml5/lib/css/wysiwyg-color.css'); ?>"],
	"font-styles": true, "emphasis": true, "lists": true, "html": false, "link": true,
	"image": true, "color": true, locale: "es-ES"
});
var video<?php echo $Video->id; ?> = videojs("VideoJS<?php echo $Video->id; ?>", { fluid: true, preload: 'metadata' }, function(){
	var player = this;
	player.on("ended", function() {
		MarcarVisto(<?php echo $Video->id; ?>);
		player.posterImage.show();
	});
	<?php /*player.on("play", function() {
		alert("Me van a reproducir");
	});
	player.on("pause", function() {
		alert("Me han pausado");
	});*/ ?>
});
<?php endforeach; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>