@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('WebPro/plugins/bootstrap-fileupload/bootstrap-fileupload.min.css') }}
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
@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 nuevo módulo </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebVTutorialesModulosEditar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', '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', $Modulo->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', $Modulo->descripcion, array('class' => 'form-control ckeditor', 'rows' => '6')) }}
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Imágen de módulo </label>
						<div class="col-sm-9">
							 <img src="{{ asset('SysWeb/VideoTutoriales/Modulos/Miniaturas/'.$Modulo->imagen) }}" class="img-thumbnail" alt="{{ $Modulo->titulo }}" width="304" height="236">
							 <br><br>
							{{ Form::file('imagen', array('class' => '', 'id' => 'imagen')) }}
							<span class="text-warning" style="display: none;" id="imgimagen" class="loading">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se carga la imágen
							</span>
							<span class="text-danger" id="errimagen"> </span>
						</div>
					</div>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Segmento </label>
						<div class="col-sm-9">
							<select class="form-control" name="segmento">
								<option value="SC" @if( $Modulo->segmento == 'SC' ) selected @endif >Sume Clientes</option>
								<option value="SC2" @if( $Modulo->segmento == 'SC2' ) selected @endif >Guías paso a paso</option>
								<option value="P1" @if( $Modulo->segmento == 'P1' ) selected @endif >Curso de marketing digital</option>
								<option value="P2" @if( $Modulo->segmento == 'P2' ) selected @endif >Sistema de duplicación</option>
								<option value="CM" @if( $Modulo->segmento == 'CM' ) selected @endif >Conferencias con miembros</option>
							</select>
							<span class="text-danger" id="errimagen"> </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') }}
@stop

@section('JSOr')
$("#frmAgregar").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 frmAgregar = new FormData(document.getElementById("frmAgregar"));
	if( $("#imagen").val() != "" ){ $("#imgimagen").show(); }
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebVTutorialesModulosEditar', array($Modulo->id)) }}",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$("#btnEditar").prop("disabled", false).html("Editar");
			$("#imagen").hide();
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "{{ URL::route('SysWebVTutorialesModulos') }}"; }, 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