@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">
@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>
	.import-sitio .column {
		pointer-events: none;
	}
	.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">
			<div id="printable" class="main-sortable">
				{{ $PlantillaxCliente->contenido_html }}
			</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('CKEditor/ckeditor-full/ckeditor.js') }}
	{{ HTML::script('CKEditor/ckeditor-full/adapters/jquery.js') }}
	{{ 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('CKEditor/ckeditor-full/ckeditor.js') }}
	{{ HTML::script('CKEditor/ckeditor-full/adapters/jquery.js') }}
	{{ HTML::script('gentemplate/js/min/menu-editor-v2.min.js?=v2.9.98') }}
@endif
<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"
					);
				}
			}]
		});
	}
	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>
<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 = "";