@extends('BaseSistemaWeb')

@section('CSS')
{{-- LIBRERÍAS EXTERNAS NECESARIAS PARA SU EJECUCIÓN --}}
{{ HTML::style('SysWeb/SumeClientes/Preloader.min.css?=v2.9.98') }}
@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.9.98') }}
@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|Noto+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">
<style type="text/css"></style>
@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.9.98') }}
{{ HTML::style('gentemplate/css/min/menu-editor-v2.min.css?=v2.9.98') }}
@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;
	}
	.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" style="padding: 0px;">
		<div class="block-web paginas-sitios">
			<div id="printable_header" class="main_header"></div>
				<div id="printable" class="main-sortable">
					{{ $PostxSitioWebxCliente->post_html_edicion }}
				</div>
				<div id="printable_sidebar" class="main-sortable"></div>
				<div id="printable_footer" class="main_footer"></div>
		</div>
		<input type="hidden" name="idPost" value="{{ $PostxSitioWebxCliente->id }}">
	</div>
</div><!--/row end-->
@stop

@section('JS')
<!-- LIBRERÍAS EXTERNAS NECESARIAS PARA SU EJECUCIÓN -->
{{ HTML::script('SysWeb/SumeClientes/Preloader.min.js?=v2.9.98') }}
<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyA_RJ3RLP-n_eyjN1jXzEkLNt3vcwBxEEY"></script>
@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.9.98') }}
	{{ HTML::script('gentemplate/js/min/menu-editor-v2.min.js?=v2.9.98') }}
@endif
<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;
	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(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)) }}",
						{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").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 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(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)) }}",
						$("#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"
					);
				}
			}]
		});
	}
</script>
@stop

@section('JSOr')
var sidebar =""
$.post(
	"{{ URL::route('SysWebSWebPostxPlantillaEditarV2', array($PostxSitioWebxCliente->id)) }}",
	{ idPost:{{ $PostxSitioWebxCliente->id }} },
	function(data){
		$("#printable_header").html(data.HtmlHeader);
		$("#printable_footer").html(data.HtmlFooter);
		//generarMenus($("#printable"), 0);
		var cont = 0;
		if(data.HtmlSidebar != "" && data.HtmlSidebar != undefined){
			cont++;
			if(cont){
				$("#printable").find('.column.content-post').after(data.HtmlSidebar);
				$("#printable").find('.column.content-post').removeClass('col-sm-12 col-md-12 col-sm-8 col-md-8').addClass('col-sm-8 col-md-8 content-post');
				//LIMPIEZA DE ELEMENTOS QUE SE DIBUJAN AUTOMPATICAMENTE
				//-----------------------------------------------------
				$("#printable").find('.sidebar').css({"pointer-events": "none", "opacity" : "0.5"});
				$("#printable").find('.column').css('float', 'left');
			}
		}else{
			console.log("else")
			$("#printable").find('.column.content-post').removeClass('col-sm-8 col-md-8 col-8').addClass('col-sm-12 col-md-12 content-post');
		}
		// scConfigurarMenus(false, false);
	},
	"json"
)
//$("#printable").find('.column').addClass('content-post');
$.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>');
}*/
$(".sidebar-toggle-box").trigger("click");
$("#printable_footer").css("pointer-events", "none");
$("#printable_header").css("pointer-events", "none");
setTimeout(function(){
	// scConfigurarMenus($("#printable_header"), false);
	// scConfigurarMenus($("#printable_footer"), false);
	scConfigurarMenus($(".paginas-sitios"), false);
}, 1000);
$(".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 || $(".alert-correo").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();
	 		if( $(".actualizar-pago").length > 0 ){
				ventana.find(".datos-pago").html($(".actualizar-pago").prop("outerHTML"));
			}
			if( $(".alert-correo").length > 0 ){
				ventana.find(".datos-pago").append($(".alert-correo").prop("outerHTML"));
			}
	 	},
	 	buttons: [{
	 		id: "btAceptar",
	 		label: '<i class="fa fa-check"></i> Aceptar',
	 		cssClass: "btn-primary",
	 		action: function(dialogItself){
	 			dialogItself.close();
	 		}
	 	}]
	 });
}
@stop