@extends('BaseSistemaWeb')

@section('CSS')
{{-- LIBRERÍAS EXTERNAS NECESARIAS PARA SU EJECUCIÓN --}}
{{ HTML::style('SysWeb/SumeClientes/Preloader.min.css?=v2.9.98') }}
{{-- HTML::style('gentemplate/css/complementos-editor-v2.css?v='.date('H:i:s')) --}}
<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">

@if(isset($_GET["nomin"]))
	{{ HTML::style('images_hover/css/efectos.css?='.date('H:i:s')) }}
	{{ HTML::style('gentemplate/css/complementos-editor-v2.css?v='.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/complementos-editor-v2.min.css?=v2.9.98') }}
	{{ HTML::style('gentemplate/css/min/menu-editor-v2.min.css?=v2.9.98') }}
@endif



<style type="text/css">
	/*.main-vertical {
		width: 400px;
		margin: 0 auto;
	}
	.main-horizontal {
		width: 767px;
		margin: 0 auto;
	}*/
	.btnCreado {
		background-color: #f69028;
		border-radius: 6px;
		border: 0;
		color: #fff;
		display: block;
		font-size: 24px;
		margin-bottom: 10px;
		/*padding: 10px;*/
		padding: 15px 0 !important;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.btnCreado:hover {
		text-decoration: none;
		color: #fff;
	}
	.page-content > div.alert:first-child{
		display: none;
	}
	.modal-content > .modal-header > .close {
		font-size: 25px;
		font-weight: 300;
		line-height: 0;
		text-shadow: 0 1px 0 #fff;
		opacity: 1 !important;
		z-index: 2;
		position: absolute;
		right: -15px;
		top: 0px;
		padding: 0 !important;
		display: block;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		/*background: #000 url(https://sume.tips/img/close_icon_white.png) no-repeat center center;
		background-size: 100%;*/
		background-color: #000;
		display: flex;
		justify-content: space-evenly;
		border: 3px solid #c4c4c4;
		line-height: 0;
		align-items: center;
	}
	.close:hover, .close:focus {
		color: #fff;
		text-shadow: 0 1px 0 #fff;
		opacity: 1;
	}
	#printable .modal-content > .modal-header {
		border-bottom: unset !important;
		padding: 0px;
		margin-top: -17px;
		position: absolute;
		width: 100%;
	}
	.bootstrap-dialog-close-button{
	}
	/*.bootstrap-dialog-close-button .close{
		opacity: 1 !important;
		line-height: 0;
		font-weight: 300;
	}*/
	#printable .modal-content{
		-webkit-box-shadow:none;
		box-shadow:none;
		border-width: 0px;
		border-radius: 0px;
	}
	#printable .modal-body {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	.close:hover, .close:focus{
		color: #fff !important;
	}
</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" class="main-sortable">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body box-shadow-all">
						@if( $VentanaEmergentexCliente->codigo_html_edicion != '' )
							{{ $VentanaEmergentexCliente->codigo_html_edicion }}
						@else
							{{ $VentanaEmergentexCliente->codigo_html }}
						@endif
					</div>
				</div>
			</div>
		</div>
	</div>
</div><!--/row end-->
@stop

@section('GenTemplate')
@include('GenTemplate.cajas-de-herramientas')
@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 */
	/* VARIABLES NECESARIAS PARA */
	var paleta = new Array();
	var paletaBtn = new Array();
	var edicion = true;
	var clipboardElement = "";
	var tipoClipboard = "";
	var fontColor = "";
	 var mensajePublicar = true; </script>
<script type="text/javascript">
	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"
					);
				}
			}]
		});
	}
</script>
@stop

@section('JSOr')
//$.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");
$(".viewlist").find("[title]").each(function(){
	$(this).uitooltip({
		position: {
			my: "center bottom-5",
			at: "center top",
		},
		tooltipClass: "entry-tooltip-positioner",
	});
});

if( $("#main").hasClass("main-horizontal") ){
	//$("#printable").css("width", "767px");
	$("#printable").css("width", "874px");
	$("#printable").css("margin", "0 auto");
}
else if( $("#main").hasClass("main-vertical") ){
	$("#printable").css("width", "400px");
	$("#printable").css("margin", "0 auto");
}
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