@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('WebPro/plugins/bootstrap-fileupload/bootstrap-fileupload.min.css') }}
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
{{-- HTML::style('VideoJS/video-js.css') --}}
{{-- HTML::script('VideoJS/videojs-ie8.min.js') --}}
@stop


@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-video-camera"></i> Video Tutoriales </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar video del módulo </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => array('SysWebVTutorialesModulosVideosEditar', $Modulo->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Título </label>
						<div class="col-sm-9">
							{{ Form::text('titulo', $Video->titulo,  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errtitulo"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Descripción </label>
						<div class="col-sm-9">
							{{ Form::textarea('descripcion', $Video->descripcion, array('class' => 'form-control', 'rows' => '6', 'id' => 'descripcion')) }}
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Ruta del video </label>
						<div class="col-sm-9">
							<video id="video" class="video-js" controls preload="auto" width="320" height="132" poster="" data-setup="{}">
								<source src="{{ $Video->ruta }}" type='video/mp4'>
							</video>
							{{ Form::text('ruta', $Video->ruta,  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errruta"> </span>
						</div>
					</div>
					{{--
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de módulo </label>
						<div class="col-sm-9">
							{{ Form::input('number', 'orden', '', array('class' => 'form-control', 'min' => '1', 'max' => '100')) }}
							<span class="text-danger" id="errorden"> </span>
						</div>
					</div>
					--}}
					<div class="bottom">
						{{ Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')) }}
					</div>
				{{ Form::close() }}
		</div>
		
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') }}
{{ HTML::script('WebPro/plugins/bootstrap-fileupload/bootstrap-fileupload.min.js') }}
{{ HTML::script('WebPro/plugins/dropzone/dropzone.min.js') }}
{{-- HTML::script('VideoJS/video.js') --}}
<script type="text/javascript">
</script>
@stop

@section('JSOr')
CKEDITOR.replace("descripcion", {
	language: "es",
});
$("#frmEditar").submit(function(e){
	e.preventDefault();
	for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); }
	$("#btnEditar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	var frmEditar = new FormData(document.getElementById("frmEditar"));
	if( $("#imagen").val() != "" ){ $("#imgimagen").show(); }
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebVTutorialesModulosVideosEditar', array($Modulo->id, $Video->id)) }}",
		data: frmEditar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$("#btnEditar").prop("disabled", false).html("Editar");
			$("#imgimagen").hide();
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "{{ URL::route('SysWebVTutorialesModulosVideos', array($Modulo->id)) }}"; }, 3000 );
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
@stop