@extends('BaseSistemaWeb')

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

<style>
	.dark-theme .navbar-nav li {
		font-size: 14px;
	}
	.page-content > div.alert:first-child{
		display: none;
	}
	.alert-danger {
		background-color: #f2dede;
		border-color: #ebccd1;
	}
	.alert > p {
		color: #a94442;
		font-size: 14px;
	}
	.alert a {
		color: #337ab7;
	}
</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">
			<div id="printable" class="main-sortable">
				{{ $PlantillaCorreoxCliente->codigo_html_edicion }}
			</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.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-email-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-email-v2.min.js?=v2.9.98') }}
@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(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"
					);
				}
			}]
		});
	}
	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").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 = "";
</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>');
}*/
$(".sidebar-toggle-box").trigger("click");
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