<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('SysWeb/SumeClientes/BootstrapMod.css'); ?>

<?php echo HTML::style('WebPro/bootstrap/bower_components/bootstrapcolorpicker/dist/css/bootstrap-colorpicker.min.css'); ?>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://fontastic.s3.amazonaws.com/mBcpKha37mryLvEf949bD9/icons.css">
<?php echo HTML::style('WebPro/plugins/kalendar/kalendar.css'); ?>

<?php echo HTML::style('WebPro/css/jquerysctipttop.css'); ?>


<?php /* HTML::style('jQueryUI/NT/jquery-ui.min.css') */ ?>
<?php /* HTML::style('jQueryUI/NT/jquery-ui.structure.min.css') */ ?>
<?php echo HTML::style('jQueryUI/Vader/jquery-ui.min.css'); ?>

<?php echo HTML::style('jQueryUI/Vader/jquery-ui.structure.min.css'); ?>

<?php echo HTML::style('jQueryUI/Vader/jquery-ui.theme.min.css'); ?>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.min.css">
<?php echo HTML::style('bootstrap-slider/bootstrap-slider.min.css'); ?>


<?php echo HTML::style('VideoJS/video-js.css'); ?>

<?php echo HTML::script('VideoJS/videojs-ie8.min.js'); ?>


<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.1/css/bootstrap-dialog.min.css">
<?php echo HTML::style('FlipClock/flipclock2.css'); ?>


<?php echo HTML::style('gentemplate/css/app.css'); ?>

<?php echo HTML::style('gentemplate/css/edit.css'); ?>

<link id="Adamia" href="https://fonts.googleapis.com/css?family=Adamina" rel="stylesheet" type="text/css">
<link id="DancingScript" href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<link id="DroidSans" href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
<link id="JustAnotherHand" href="https://fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet" type="text/css">
<link id="LobsterTwo" href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">
<link id="Montserrat" href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link id="NixieOne" href="https://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet" type="text/css">
<link id="OpenSans" href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link id="Oswald" href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link id="Pacifico" href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<link id="ShadowsIntoLightTwo" href="https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two" rel="stylesheet" type="text/css">
<link id="TheGirlNextDoor" href="https://fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet" type="text/css">
<link id="BubblegumSans" href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" type="text/css">
<link id="LondrinaSolid" href="https://fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet" type="text/css">
<style type="text/css">
	.vacio{ height: 60px; }
	.newelement{ padding: 20px; }
	.newelement:hover{ box-shadow: 0px 0px 0px 1px #03ddff;  }
	.fijo{ position:fixed !important; top:50px; z-index:1000000 !important; opacity: 0.5; }
	.fijo:hover{ opacity: 1; cursor: grab; }
	.rdImgActiva{ border: 1px solid #03ddff; }
	.video-js-hdn{ display: none;  }
	.seleccion{ background-color: rgb(14, 102, 209);  }
	@media  only screen and (max-width: 960px){ .resize{ width:100% !important;margin:0px auto;margin-bottom:10px;font-size:25px } }
	/*.timer{ zoom: 0.5; -moz-transform: scale(0.5) }*/
</style>
<?php echo HTML::style('SysWeb/SumeClientes/Testimonios/testimonios.css'); ?>

<?php echo HTML::style('SysWeb/SumeClientes/TextoImagen/textoimagen.css'); ?>

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


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-dot-circle-o"></i> Páginas de captura
		<div class="pull-right">
			<button type="button" class="btn btn-primary btnGuardaryContinuar"> Guardar y continuar </button>
			<button type="button" class="btn btn-success btnGuardar"> Guardar </button>
			<a href="<?php echo URL::route('SysWebPAterrizajePlantillaxCliente'); ?>" class="btn btn-warning"> Cerrar </a> 
		</div>
	</div><!--/col-md-12-->
</div><!--/row-->

<?php /*<div class="alert alert-info fijo" id="Almacenar">
	<?php echo Form::open(array('route'=> 'SysWebPAterrizajePlantillaxClienteVistaPrevia', 'onsubmit' => 'return generateData();', 'method'=>'post', 'role'=>'form')); ?>

		<?php echo Form::hidden('id', $PlantillaxCliente->id, array('id' => 'id')); ?>

		<?php echo Form::hidden('print_data', null, array('id' => 'print_data')); ?>

		<?php echo Form::submit('Guardar cambios', array('class' => 'btn btn-primary', 'id' => 'btnAgregar')); ?> <br><br>
		<?php echo HTML::linkRoute('SysWebPAterrizajePlantillaxCliente', 'Cancelar edición', array(), array('class' => 'btn btn-warning')); ?>

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

</div>*/ ?>

<div class="row">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>


<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<input type="hidden" id="id"></input>
			<input type="hidden" id="cid" value="<?php echo Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>">
			<input type="hidden" id="rutalistas" value="<?php echo URL::route('SysWebPAterrizajeListasSuscriptores', array('')); ?>/">
			<input type="hidden" id="rutacampos" value="<?php echo URL::route('SysWebPAterrizajeCamposPersonalizados', array('')); ?>/">
			<input type="hidden" id="rutasuscribir" value="<?php echo URL::route('SysWebPAterrizajeSuscribir', array('')); ?>/">
			<input type="hidden" id="ppcid" value="<?php echo $PlantillaxCliente->id; ?>/">
			<input type="hidden" id="codigo_html" value="">
			<div class="porlets-content">
				<div id="printable" class="main-sortable">
					<?php echo $PlantillaxCliente->contenido_html; ?>

				</div>
			</div>
		</div>
		
	</div>
</div><!--/row end-->

<div class="row">
	<div class="col-md-12">
		<button type="button" class="btn btn-primary btnGuardaryContinuar"> Guardar y continuar </button>
		<button type="button" class="btn btn-success btnGuardar"> Guardar </button>
		<a href="<?php echo URL::route('SysWebPAterrizajePlantillaxCliente'); ?>" class="btn btn-warning"> Cerrar </a> 
	</div><!--/col-md-12-->
</div><!--/row-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('GenTemplate'); ?>
<?php echo $__env->make('GenTemplate.scripts2', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js'); ?>

<?php /* HTML::script('jQueryUI/NT/jquery-ui.min.js') */ ?>
<?php echo HTML::script('jQueryUI/Vader/jquery-ui.min.js'); ?>

<?php echo HTML::script('VideoJS/video.js'); ?>

<?php echo HTML::script('VideoJS/Youtube.js'); ?>

<?php echo HTML::script('VideoJS/Vimeo.js'); ?>

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

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.1/js/bootstrap-dialog.min.js"></script>
<script type="text/javascript">
	var paleta = new Array();
	$("#Almacenar").draggable({ containment: "parent" });
	$.datepicker.regional["es"] = {
		closeText: "Cerrar",
		prevText: "<Ant",
		nextText: "Sig>",
		currentText: "Hoy",
		monthNames: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
		monthNamesShort: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
		dayNames: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
		dayNamesShort: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"],
		dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"],
		weekHeader: "Sm",
		dateFormat: "dd/mm/yy",
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ""
	};
	$.datepicker.setDefaults($.datepicker.regional["es"]);
</script>
<script type="text/javascript">
	//$(document).ready(function(){ $(".bg-page").each(function(){ $(this).removeClass("bg-page"); }); $("body").addClass("bg-page"); });
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/i18n/jquery-ui-timepicker-es.js"></script>
<!-- GenTemplate -->
<?php /* HTML::script('gentemplate/js/min/plugins-min.js') */ ?>
<?php echo HTML::script('gentemplate/js/min/plugins-min2.js'); ?>

<?php echo HTML::script('gentemplate/js/fonts.js'); ?>

<?php echo HTML::script('gentemplate/js/text-editor.js'); ?>

<?php echo HTML::script('gentemplate/js/main-template.js'); ?>

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

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


<script type="text/javascript">
	$(document).ready(function() {
		setTimeout(function() {
			$(".alert-success").fadeOut(1500);
		},3000);
	});
	window.onbeforeunload = confirmExit;
	function confirmExit(){ return "Está intentando salir de la página si ha realizado cambios presione sobre el botón guardar, de lo contrario se perderán los cambios. ¿Está seguro que desea salir de la edición?"; }
	function GenerarHTML(){
		$('.edit-box').remove();
		$('.edit-tool').remove();
		$(".video-js").each(function(i){
			var autoplay = ( $(this)[0].hasAttribute("autoplay") && $(this).attr("autoplay") == "true" )?"autoplay":"";
			var controls = ( $(this).hasClass("vjs-controls-enabled") )?"controls":"";
			var datasetup = $(this).attr("data-setup");
			var vid = $(this).attr("id");
			var video = '<video class="video-js vjs-16-9 vjs-default-skin" '+controls+' '+autoplay+' data-setup=\''+datasetup+'\'></video>';
			$(this).after(video);
			video = $(this).next();
			videojs(vid).dispose();
			video.attr("id", vid);
		});
		$(".resize").resizable("destroy");
		$('#printable').find('*[contenteditable="true"]').removeAttr('contenteditable');
		$("#codigo_html").val( $("#printable").html() );
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".sidebar-toggle-box").trigger("click");
$(".resize").each(function(i){
	$(this).resizable({
		containment: "parent",
		stop: function(e, ui) {
			var parent = ui.element.parent();
			ui.element.css({
				width: ui.element.width()/parent.width()*100+"%",
				height: ui.element.height()/parent.height()*100+"%"
			});
		}
	});
});
$(".btnGuardar").each(function(){
	$(this).on("click", function(){
		GenerarHTML();
		$.post(
			"<?php echo URL::route('SysWebPAterrizajePlantillaxClienteVistaPrevia'); ?>",
			{ print_data:$("#codigo_html").val(), id:<?php echo $PlantillaxCliente->id; ?> },
			function(data){
				if(data.success){
					window.onbeforeunload = null;
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebPAterrizajePlantillaxCliente'); ?>"; }, 3000 );
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	});
});
$(".btnGuardaryContinuar").each(function(){
	$(this).on("click", function(){
		GenerarHTML();
		$.post(
			"<?php echo URL::route('SysWebPAterrizajePlantillaxClienteVistaPrevia'); ?>",
			{ print_data:$("#codigo_html").val(), id:<?php echo $PlantillaxCliente->id; ?> },
			function(data){
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					//setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebPAterrizajePlantillaxCliente'); ?>"; }, 3000 );
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
		$(".resize").each(function(i){
			$(this).resizable({
				containment: "parent",
				stop: function(e, ui) {
					var parent = ui.element.parent();
					ui.element.css({
						width: ui.element.width()/parent.width()*100+"%",
						height: ui.element.height()/parent.height()*100+"%"
					});
				}
			});
		});
		$(".video-js").each(function(i){ videojs($(this).attr("id"), { fluid: true, preload: "metadata" }, function(){ var player = this; }); });
	});
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>