<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	.mdAvatar .bootstrap-dialog-title {
		font-weight: bold;
	}
	.mdAvatar .modal-body {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<?php
	$idCliente = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id;
	$zonaHoraria = Cliente::select('zona_horaria')->where('users_id', '=', Auth::user()->id)->first()->zona_horaria;
	$sqlContenidosGenerados = "SELECT
		COUNT(id) AS usadas
	FROM
		contenidos_generados
	WHERE
		clientes_id = $idCliente AND
		fechaGenerado
			BETWEEN
				CONCAT((LAST_DAY( (CONVERT_TZ(NOW(), @@session.time_zone, '$zonaHoraria')) - INTERVAL 1 MONTH) + INTERVAL 1 DAY),' 00:00:00')
				AND
				CONCAT((LAST_DAY( (CONVERT_TZ(NOW(), @@session.time_zone, '$zonaHoraria')) )), ' 23:49:00')
	;";
	//echo $sqlContenidosGenerados; exit();
	$contGenerados = DB::select(DB::raw($sqlContenidosGenerados));
	//echo '<pre>'; print_r($contGenerados); echo '</pre><br>';// exit();
	//echo $contGenerados[0]->usadas; exit();
	$contGeneradosUsadas = $contGenerados[0]->usadas;
?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="icon-sc-landingpageicon"></i> Páginas de captura </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Generador de contenido y asistente de redacción vía inteligencia artificial </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebPAterrizajeGenDeContenidoGenerar', '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"> Nombre del contenido </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre', '',  array('class' => 'form-control', 'placeholder' => 'Este nombre te servirá para identificarlo y buscarlo más adelante', 'required' => 'required', 'id' => 'nombre')); ?>

							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group" style="display: none;">
						<label class="col-sm-3 control-label"> Lenguaje </label>
						<div class="col-sm-9">
							<select class="selectpicker form-control" name="lenguaje" id="lenguaje" title="Seleccione una opción..." data-live-search="true" required>
								<?php if( $Lenguajes['success'] ){ ?>
									<?php foreach($Lenguajes['data'] as $llave => $Lenguaje): ?>
										<?php if( $Lenguaje['slug'] == 'spanish' ): ?>
											<option value="<?php echo $Lenguaje['_id']; ?>" selected> <?php echo $Lenguaje['slug']; ?> </option>
										<?php else: ?>
											<option value="<?php echo $Lenguaje['_id']; ?>"> <?php echo $Lenguaje['slug']; ?> </option>
										<?php endif; ?>
									<?php endforeach; ?>
								<?php } else { ?>
								<option value="0" selected> No hay lenguajes disponibles... </option>
								<?php } ?>
							</select>
							<input type="hidden" name="hdnLenguaje" value="spanish">
							<span class="text-danger" id="errlenguaje"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Tono </label>
						<div class="col-sm-9">
							<select class="selectpicker form-control" name="tono" id="tono" title="Seleccione una opción..." data-live-search="true" required>
								<?php if( $Tonos['success'] ){ ?>
									<?php foreach($Tonos['data'] as $llave => $Tono): ?>
										<?php if( in_array($Tono['slug'], $TonosAUsar) ): ?>
								<option value="<?php echo $Tono['_id']; ?>"> <?php echo (array_key_exists($Tono['name'], $RytrMeTraducciones))?$RytrMeTraducciones[$Tono['name']]:$Tono['name'];; ?> </option>
										<?php endif; ?>
									<?php endforeach; ?>
								<?php } else { ?>
								<option value="0" selected> No hay tonos disponibles... </option>
								<?php } ?>
							</select>
							<input type="hidden" name="hdnTono" value="">
							<span class="text-danger" id="errtono"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Caso de uso </label>
						<div class="col-sm-9">
							<select class="selectpicker form-control" name="casoDeUso" id="casoDeUso" title="Seleccione una opción..." data-live-search="true" required>
								<?php if( $CasosDeUso['success'] ){ ?>
									<?php foreach($CasosDeUso['data'] as $llave => $CasoDeUso): ?>
										<?php if( in_array($CasoDeUso['slug'], $CasosDeUsoAUsar) ): ?>
								<option value="<?php echo $CasoDeUso['_id']; ?>"> <?php echo (array_key_exists($CasoDeUso['name'], $RytrMeTraducciones))?$RytrMeTraducciones[$CasoDeUso['name']]:$CasoDeUso['name'];; ?> </option>
										<?php endif; ?>
									<?php endforeach; ?>
								<?php } else { ?>
								<option value="0" selected> No hay casos de uso disponibles... </option>
								<?php } ?>
							</select>
							<input type="hidden" name="hdnCasoDeUso" value="">
							<span class="text-danger" id="errcasoDeUso"> </span>
						</div>
					</div>
					<div id="dvCamposDeCasoDeUso" style="display: none;"></div>
					<?php if( $CasosDeUso['success'] ){ ?>
						<?php foreach($CasosDeUso['data'] as $llave => $CasoDeUso): ?>
							<?php if( in_array($CasoDeUso['slug'], $CasosDeUsoAUsar) ): ?>
					<div id="dvCamposDeCasoDeUso<?php echo $CasoDeUso['_id']; ?>" class="dvCamposDeCasoDeUso" style="display: none;">
								<?php foreach($CasoDeUso['contextInputs'] as $llave => $Input): ?>
									<?php $placeHolderInput = ''; ?>
									<?php if( array_key_exists($Input['keyLabel'], $RytrMePlaceHolders) ): ?>
										<?php $placeHolderInput = $RytrMePlaceHolders[$Input['keyLabel']]; ?>
									<?php endif; ?>
						<div class="form-group">
							<label class="col-sm-3 control-label"> <?php echo (array_key_exists($Input['label'], $RytrMeTraducciones))?$RytrMeTraducciones[$Input['label']]:$Input['label'];; ?> </label>
							<div class="col-sm-9">
									<?php if( $Input['inputType'] == 'text' ): ?>
								<input type="text" data-name="<?php echo $Input['keyLabel']; ?>" class="form-control campoDeCasoDeUso" placeholder="<?php echo $placeHolderInput; ?>" data-id="<?php echo $Input['_id']; ?>" data-maxChars="<?php echo $Input['inputMaximumCharacters']; ?>" <?php if( in_array('isRequired', $Input) ): ?> data-requerido="1" <?php endif; ?>>
									<?php elseif( $Input['inputType'] == 'textarea' ): ?>
								<textarea class="form-control campoDeCasoDeUso" rows="6" data-name="<?php echo $Input['keyLabel']; ?>" placeholder="<?php echo $placeHolderInput; ?>" data-id="<?php echo $Input['_id']; ?>" data-maxChars="<?php echo $Input['inputMaximumCharacters']; ?>" <?php if( in_array('isRequired', $Input)): ?> data-requerido="1" <?php endif; ?> style="resize: vertical;"></textarea>
									<?php endif; ?>
								<span class="text-danger" id="err<?php echo $Input['keyLabel']; ?>"> </span>
								<input type="hidden" name="" class="nombresCamposDeUso">
							</div>
						</div>
								<?php endforeach; ?>
					</div>
							<?php endif; ?>
						<?php endforeach; ?>
					<?php } ?>
					<div class="bottom">
						<?php echo Form::button('Generar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebPAterrizajeGenDeContenido', 'Cancelar', array(), array('class' => 'btn btn-default')); ?>

					</div>
				<?php echo Form::close(); ?>

		</div>
		
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validate.min.js'); ?>

<?php echo HTML::script('jQueryValidate/additional-methods.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

<?php echo HTML::script('jQueryValidate/messages_es.min.js'); ?>

<?php echo HTML::script('jQuery-Text-Counter/textcounter.min.js'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$('[name="lenguaje"]').on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
	var idLenguaje = $(this).selectpicker("val");
	var hdnLenguaje = $('[name="lenguaje"] option[value="'+idLenguaje+'"]').html();
	$('[name="hdnLenguaje"]').val(hdnLenguaje);
});
$('[name="tono"]').on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
	var idTono = $(this).selectpicker("val");
	console.log( $('[name="tono"] option[value="'+idTono+'"]') );
	var hdnTono = $('[name="tono"] option[value="'+idTono+'"]').html();
	$('[name="hdnTono"]').val(hdnTono);
});
$('[name="casoDeUso"]').on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
	var idCasoDeUso = $(this).selectpicker("val");
	var hdnCasoDeUso = $('[name="casoDeUso"] option[value="'+idCasoDeUso+'"]').html();
	$('[name="hdnCasoDeUso"]').val(hdnCasoDeUso);
	$(".dvCamposDeCasoDeUso").hide("slow");
	$(".dvCamposDeCasoDeUso span.text-danger").html("");
	$("#dvCamposDeCasoDeUso"+idCasoDeUso).show("slow");
	$("#dvCamposDeCasoDeUso .nombresCamposDeUso").remove("");
	$(".dvCamposDeCasoDeUso .campoDeCasoDeUso").each(function(e){
		var input = $(this);
		input.removeAttr("name");
	});
	$("#dvCamposDeCasoDeUso"+idCasoDeUso+" .campoDeCasoDeUso").each(function(e){
		var input = $(this);
		input.attr("name", input.attr("data-name"));
		$("#dvCamposDeCasoDeUso").append('<input type="hidden" name="campos[]" class="nombresCamposDeUso" value="'+input.attr("data-name")+'">');
		var labelInput = input.closest(".form-group").find(".control-label").html();
		$("#dvCamposDeCasoDeUso").append('<input type="hidden" name="camposN[]" class="nombresCamposDeUso" value="'+labelInput+'">');
	});
	$('.dvCamposDeCasoDeUso [data-requerido="1"]').each(function(e){
		var inputRequerido = $(this);
		inputRequerido.rules("remove");
	});
	$("#dvCamposDeCasoDeUso"+idCasoDeUso+' [data-requerido="1"]').each(function(e){
		var inputRequerido = $(this);
		inputRequerido.rules("add", {
			required: true
		});
	});
});
$(".dvCamposDeCasoDeUso").each(function(e){
	var dvCamposDeCasoDeUso = $(this);
	dvCamposDeCasoDeUso.find(".form-control").each(function(e){
		var input = $(this);
		input.textcounter({
			type: "character",
			min: 1,
			max: input.attr("data-maxChars"),
			countContainerClass: "text-count-wrapper-t",
			counterText: "Caracteres contados: %d",
			minimumErrorText: "",
			maximumErrorText: "",
			countSpaces: true,
			countDown: true,
			countDownText: "Le restan %d caracteres",
			countOverflowText: "La cantidad de caracteres excede los %d",
			init: function(el){
				//barraProgreso("Asunto");
			}
		});
	});
});
$("#frmAgregar").validate({
	lang: "es",
	ignore: [],
	submitHandler: function(form){
		var limiteContG = 10;
		var contGUsadas = <?php echo $contGeneradosUsadas; ?>;
		var contGDisponibles = limiteContG - contGUsadas;
		var mensaje = "<p style='font-size: 16px;'> \
			Usarías 1 generación de las 10 generaciones mensuales que incluye tu membresía. <br><br> \
			Saldo de generaciones actual: <strong>"+contGDisponibles+" disponibles</strong> \
			<!-- Recuerda que tu membresía incluye "+limiteContG+" de las cuales ya has usado "+contGUsadas+" --> \
		</p>"
		BootstrapDialog.show({
			title: "¿Confirmas la Generación de Contenido?",
			type: BootstrapDialog.TYPE_PRIMARY,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "mdAvatar",
			buttons: [{
				id: "btnConfirmar",
				label: "Si, confirmo su creación",
				cssClass: "btn-success btn-lg btn-block ",
				action: function(dialogItself){
					var vetanaA = dialogItself.getModalBody();
					NProgress.start();
					$("#btnConfirmar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Generando...');
					var rutaVerCG = "<?php echo URL::route('SysWebPAterrizajeGenDeContenidoVer', array('idCG')); ?>";
					$.post(
						"<?php echo URL::route('SysWebPAterrizajeGenDeContenidoGenerar', array()); ?>",
						$("#frmAgregar").serialize(),
						function(data){
							NProgress.done();
							$("#btnRealizarPago").html("Realizar pago").prop("disabled", false);
							if(data.success){
								rutaVerCG = rutaVerCG.replace("idCG", data.idCG);
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								setTimeout( function(){ window.location.href = rutaVerCG; }, 3000 );
							}
							else{
								$("#errPagoTarjeta").html("No hemos podido procesar el pago por favor verifica que los datos de la tarjeta esten correctos o que esta tengs los fondos necesarios, Si este error persiste no dudes en contatctarnos").show();
							}
						},
						"json"
					);

				}
			}],
			onshow: function(dialog){
				var ventana = dialog.getModal();
			},
			onshown: function(dialog){
				var ventana = dialog.getModal();
				ventana.addClass("fade");
			},
			onhide: function(dialog){
				var ventana = dialog.getModal();
				$(".modal-backdrop").css("opacity", "0");
			}
		});
	},
	errorPlacement: function(error, element){
		var mensaje = error.html();
		var id = "err"+error.attr("id").substr(0, error.attr("id").indexOf("-error"));
		element.closest(".form-group").find("#"+id).html(mensaje);
	},
	success: function(label, element){
		var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
		$(element).closest(".form-group").find("#"+id).html("");
	}
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>