@extends('BaseSistemaWeb')

@section('CSS')
{{-- LIBRERÍAS EXTERNAS NECESARIAS PARA SU EJECUCIÓN --}}
{{-- HTML::style('gentemplate/css/complementos-editor-v2.css?v='.date('H:i:s')) --}}
{{ HTML::style('SysWeb/SumeClientes/Preloader.min.css?=v2.8.92') }}
@if(isset($_GET["nomin"]))
{{ HTML::style('gentemplate/css/complementos-editor-v2.css?v='.date('H:i:s')) }}
@else
{{ HTML::style('gentemplate/css/min/complementos-editor-v2.min.css?=v2.8.92') }}
@endif
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Acme|Anton|Adamina|Archivo+Narrow|Arimo|Asap|Bangers|Bubblegum+Sans|Cabin|Dancing+Script|Droid+Sans|Dosis|Fira+Sans|Indie+Flower|Just+Another+Hand|Josefin+Sans|Lato|Lobster+Two|Londrina+Solid|Luckiest+Guy|Montserrat|Monoton|Nanum+Gothic|Nixie+One|Nunito|Orbitron|Oswald|Pacifico|PT+Sans|Permanent+Marker|Poiret+One|Poppins|Raleway|Roboto|Rock+Salt|Rubik|Shadows+Into+Light+Two|Source+Sans+Pro|The+Girl+Next+Door|Ubuntu" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
@if(isset($_GET["nomin"]))
{{ HTML::style('images_hover/css/efectos.css?='.date('H:i:s')) }}
{{ HTML::style('gentemplate/css/menu-editor-v2.css?v='.date('H:i:s')) }}
@else
{{ HTML::style('images_hover/css/efectos.min.css?=v2.8.92') }}
{{ HTML::style('gentemplate/css/min/menu-editor-v2.min.css?=v2.8.92') }}
@endif
<style type="text/css">
	#printable_header{opacity: 0.5;}
	#printable_footer{opacity: 0.5;}
	.sidebar{opacity: 0.5 !important;}
	#modalCrearElemento .check-post label::before, .check-post label::after {
	 margin-top: 7px;
	}
	/*.media-box-container{
		margin-left: 0px !important;
		margin-bottom: 0px !important;
	}*/
	.page-content > div.alert:first-child{
		display: none;
	}
</style>
@stop

@section('Contenido')
@include('Preloader')
@include('GenTemplate.variables-ocultas')
<div id="contenedor-menu"></div>
<div class="row fila-contenido-editable">
	<div class="col-md-12">
		<div class="block-web paginas-sitios">
			<div id="printable_header" class="main_header">
				{{ $Header }}
			</div>
			<div id="printable" class="main-sortable">
				{{ $Plantilla->codigo_html_contenido }}
			</div>
			<div id="printable_footer" class="main_footer">
				{{ $Footer }}
			</div>
		</div>
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{-- LIBRERÍAS EXTERNAS NECESARIAS PARA SU EJECUCIÓN --}}
{{ HTML::script('SysWeb/SumeClientes/Preloader.min.js?=v2.8.92') }}
<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyA_RJ3RLP-n_eyjN1jXzEkLNt3vcwBxEEY"></script>
{{-- HTML::script('RoyalSlider/jquery.royalslider.js?v='.date('H:i:s')) --}}
@if(isset($_GET["nomin"]))
	{{ HTML::script('gentemplate/js/complementos-editor-v2.js?v='.date('H:i:s')) }}
	{{ HTML::script('gentemplate/js/menu-editor-v2.js?v='.date('H:i:s')) }}
@else
	{{ HTML::script('gentemplate/js/min/complementos-editor-v2.min.js?=v2.8.92') }}
	{{ HTML::script('gentemplate/js/min/menu-editor-v2.min.js?=v2.8.92') }}
@endif
<script type="text/javascript">
	function EliminarArchivoBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminarArchivo'> \
					<h2> Asegurate que ninguna de tus otras plantillas esté utilizando este documento pues al eliminarlo de tu biblioteca dejará de descargarse en todos los lugares donde lo hayas vinculado. </h2> \
					<input type='hidden' name='id' value='"+id+"'> \
					<input type='hidden' name='accion' value='eliminar'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar archivo de biblioteca",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"{{ URL::route('SysWebPAterrizajeBibliotecaArchivosClientes', array()) }}",
						$("#frmEliminarArchivo").serialize(),
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								$.get(
									$("#rutabibliotecascliente").val()+$("#cid").val(),
									function(data){
										if(data.success){
											$(".dvArchivo"+id).remove();
										}
										else{
											$("#slBiblioteca").hide();
											$("#Biblioteca").css("height", "");
											$("#Biblioteca").append('<div class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
										}
									},
									"json"
								);
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
	function EliminarImagenBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> Asegurate que ninguna de tus otras plantillas esté utilizando esta imágen pues al eliminarla de tu biblioteca dejará de mostrarse en todos los lugares donde hayas utilizado esta imágen. </h2> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar imágen de biblioteca",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"{{ URL::route('SysWebPAterrizajeBibliotecaImagenesClientesEliminar', array(5)) }}",
						{id:id},
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								$.get(
									$("#rutabibliotecascliente").val()+$("#cid").val(),
									function(data){
										if(data.success){
											$("#slBiblioteca").html("");
											$("#slBiblioteca").append('<option value=""></option>');
											$.each(data.biblioteca, function(index, val) {
												$("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
											});
											$("#slBiblioteca").imagepicker({ hide_select : true, show_label  : true });
											var i = 0;
											$("#Biblioteca").find("div.thumbnail").each(function(){
												$(this).prepend('<a href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')"> <span class="text-danger" style="text-align: center;margin: 0 auto;"> <i class="fa fa-trash"> </i> </span> </a>');
												i = i + 1;
											});
											$("#Biblioteca").find("[title]").each(function(){ $(this).tooltip(); });
										}
										else{
											$("#slBiblioteca").html("");
											$("#Biblioteca > ul").remove();
											$("#slBiblioteca").hide();
											$("#Biblioteca").css("height", "");
											$("#Biblioteca").append('<div class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
										}
									},
									"json"
								);
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
</script>
<script type="text/javascript"></script>
<script type="text/javascript">
	/* VARIABLES NECESARIAS PARA */
	var paleta = new Array();
	var paletaBtn = new Array();
	var edicion = true;
	var clipboardElement = "";
	var tipoClipboard = "";
	var fontColor = "";
	var mensajePublicar = true;
</script>
@stop

@section('JSOr')
$.fn.matchHeight._update();
//$.jResize({ viewPortSizes: ['480px', '800px', '1280px'], backgroundColor: "444", fontColor: "FFF" });
/*if( $.browser.msie || $.browser.msedge || $.browser.safari || $.browser.opera ){
	$("#errCompatibilidad").html('<div class="alert alert-danger" role="alert"> Tu navegador no es 100% compatible con todas las funciones del editor, para que tengas la mejor experiencia de uso te recomendamos lo abras en Google Chrome o Mozila Firefox </div>');
}*/
$("#printable_footer").css("pointer-events", "none");
$("#printable_header").css("pointer-events", "none");

$(".sidebar-toggle-box").trigger("click");
//generarMenus($("#printable"), 0);
//generarMenus($("#printable_footer"), 0);
//generarMenus($("#printable_header"), 0);
//scConfigurarMenus($("#printable_header"), false);
//scConfigurarMenus($("#printable_footer"), false);
//scConfigurarMenus(false, false);
scConfigurarMenus($("#printable"), false);
$(".galeria").each(function(indice){
	var id = $(this).find(".grid-galeria").attr("id");
	$("#"+id).mediaBoxes("resize");
	var image = $(this).find(".done");
	if(image.parent().height() > image.height()){
		image.css({"height": image.parent().height(), "object-fit": "cover"});
	}
});
$(".viewlist").find("[title]").each(function(){
	$(this).uitooltip({
		position: {
			my: "center bottom-5",
			at: "center top",
		},
		tooltipClass: "entry-tooltip-positioner",
	});
});
if($(".actualizar-pago").length > 0){
	var mensaje = '<div class="row"> \
	 	<div class="col-xs-12"> \
	 		<div class="form-group datos-pago">\
	 		</div>\
	 	</div> \
	 </div>';
	 BootstrapDialog.show({
	 	title: "Actualizar método de pago",
	 	type: BootstrapDialog.TYPE_PRIMARY,
	 	size: BootstrapDialog.SIZE_NORMAL,
	 	message: mensaje,
	 	draggable: true,
	 	cssClass: "Pago color-head-modal",
	 	onshown: function(dialog){
	 		var ventana = dialog.getModalBody();
	 		ventana.find(".datos-pago").html($(".actualizar-pago").prop("outerHTML"));
	 	},
	 	buttons: [{
	 		id: "btAceptar",
	 		label: '<i class="fa fa-check"></i> Aceptar',
	 		cssClass: "btn-primary",
	 		action: function(dialogItself){
	 			dialogItself.close();
	 		}
	 	}]
	 });
}

@stop