<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<?php echo HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css'); ?>

<?php echo HTML::style('Webui-Popover/jquery.webui-popover.min.css'); ?>

<?php echo HTML::style('bootstrap-treeview/bootstrap-treeview.min.css'); ?>

<?php echo HTML::style('jquery-ezdz/jquery.ezdz.min.css'); ?>

<?php echo HTML::style('image-picker/image-picker.css'); ?>

<?php echo HTML::style('bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css'); ?>

<style type="text/css">
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		display: table-cell;
	}
	.intl-tel-input.allow-dropdown input {
		padding-right: 6px !important;
		padding-left: 52px !important;
		margin-left: 0;
	}
	.intl-tel-input.allow-dropdown ul.country-list {
		z-index: 9999 !important;
	}
	.seleccionado {
		color: #282323;
		font-weight: normal;
	}
	.disable {
		pointer-events: none;
		opacity: 0.5;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.tel .input-group, .whats .input-group{
		width: 100%;
	}
	.modal .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	select.slReadonly {
		background: #eee !important;
		cursor: no-drop;
		pointer-events: none !important;
	}
	@media (max-width: 768px){
		.ext {
			width: 50px !important;
		}
	}
	@media  only screen and (orientation: landscape) and (max-width: 700px) {
		.ext {
			width: 70px !important;
		}
	}
	.ezdz-dropzone {
		width: 150px !important;
		height: 150px !important;
		display: inline-block;
		margin-right: 3%;
	}
	.ezdz-dropzone div {
		line-height: normal !important;
		padding-top: 30%;
	}
/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
.cambiarImangen .ezdz-dropzone {
	width: 100% !important;
	height: 300px !important;
	border-style: solid !important;
	border-width: 5px !important;
}
.cambiarImangen .ezdz-dropzone>div {
	padding-top: 8% !important;
}
.cambiarImangen .ezdz-dropzone i.fa-cloud-upload {
	font-size: 110px !important;
	display: block !important;
}
.cambiarImangen .ezdz-dropzone span.spFlITitulo {
	display: block !important;
	margin: 0 auto !important;
	font-size: 24px !important;
	background: transparent !important;
	color: #989898 !important;
	font-weight: bold !important;
}
.cambiarImangen .ezdz-dropzone span.spFlITexto {
	display: block !important;
	margin: 0 auto !important;
	font-size: 18px !important;
	background: transparent !important;
	color: #989898 !important;
	font-weight: bold !important;
}
.cambiarImangen .ezdz-dropzone.ezdz-reject span.spFlITexto,
.cambiarImangen .ezdz-dropzone.ezdz-reject span.spFlITitulo {
	color: #8b0000 !important;
}
.cambiarImangen .ezdz-dropzone img {
	max-width: 300px;
	max-height: 215px;
}
.color-head-modal .modal-header {
	background-color: #363b3f !important;	
}
.color-head-modal {
    overflow-y: auto!important;
}
.CambiarImagen .col-md-2 {
    width: 22%;
}
.CambiarImagen .col-md-6 {
	width: 46%;
}
.CambiarImagen .col-md-4 {
	width: 31%;
}
@media  only screen and (min-width: 768px) {
	.modalCambiarImagenBGI > .modal-dialog, .modalCambiarVideoBG > .modal-dialog  { 
		width: 1100px !important;
	}
	.modalCambiarImagenBGI > .modal-dialog  .nav-tabs { 
		width: 1026px;
		margin: 0 auto;
	}
}
.list-group-item {
    position: relative;
    display: block;
    border: 1px solid #ddd;
}

.treeview li {
    margin: 0;
    padding: 3px 0 3px 16px;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.treeview .list-group-item {
    cursor: pointer;
}
#slBiblioteca {
	display: none;
}
.chImgPerfil {
	cursor: pointer;
}
.desactivado {
	pointer-events: none;
	opacity: 0.5;
}
.isloading-overlay > .isloading-wrapper.mostrar{
	display: inline-block !important;
}
/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
</style>
<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<?php $Cliente = Cliente::find( $Empleado->clientes_id ); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users"></i> Gestión de prospectos </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar Cliente </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebGClientesClientesEditar', $ClienteCRM->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Imágen de cliente </label>
						<div class="col-sm-9">
							<?php
								if($ClienteCRM->avatar !='' && $ClienteCRM->avatar != null){
									$imgPagina = $ClienteCRM->avatar;
									$ogImage = $ClienteCRM->avatar;
								}
								else{
									$imgPagina = asset('SysWeb/SumeClientes/Perfil.png');
									$ogImage = asset('SysWeb/SumeClientes/Perfil.png');
								}
							?>
							<!-- <img class="img-responsive img-thumbnail" src="<?php echo $imgPagina; ?>" id="imgOgImage" style="cursor: pointer; height: 300px;">
							<input type="hidden" name="ogImage" value="<?php echo $ogImage; ?>" id="hdnogImage"> -->
							<img class="img-responsive img-thumbnail" src="<?php echo $imgPagina; ?>" id="imgFotografia" style="cursor: pointer; width: 150px; height: 140px; object-fit: contain;">
							<input type="hidden" name="ogImage" value="<?php echo $ogImage; ?>" id="hdnFotografia">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre del cliente [Empresa] </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre',  $ClienteCRM->nombre_del_cliente_o_empresa,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errnombre"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre del contacto (*) </label>
						<div class="col-sm-9">
							<?php echo Form::text('contacto', $ClienteCRM->nombre_del_contacto,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errcontacto"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de teléfono (*) </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-phone"></i></span>
								<?php echo Form::text('telefono-in',  $ClienteCRM->numero_de_telefono_fijo,  array('class' => 'form-control inTelIn', 'placeholder' => '', 'autocomplete' => 'off', 'data-name' => 'telefono')); ?>

								<span class="input-group-addon"> Extensión </span>
								<input type="text" class="form-control ext" style="width: 150px;" name="txtExtension-Tel">
							</div>
							<span class="text-danger" id="errtelefono"> </span>
							<input type="hidden" name="telefono">
							<input type="hidden" name="telefono-pais">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de teléfono secundario </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-phone"></i></span>
								<?php echo Form::text('telefono2-in',  $ClienteCRM->numero_de_telefono_fijo2,  array('class' => 'form-control inTelIn', 'placeholder' => '', 'autocomplete' => 'off', 'data-name' => 'telefono2')); ?>

								<span class="input-group-addon"> Extensión </span>
								<input type="text" class="form-control ext" style="width: 150px;" name="txtExtension-Tel2">
							</div>
							<span class="text-danger" id="errtelefono2"> </span>
							<input type="hidden" name="telefono2">
							<input type="hidden" name="telefono2-pais">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de celular </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon" style="padding: 0px 15px;"><i class="fa fa-mobile"></i></span>
								<?php echo Form::text('celular-in', $ClienteCRM->numero_de_celular,  array('class' => 'form-control inTelIn', 'placeholder' => '', 'autocomplete' => 'off', 'data-name' => 'celular')); ?>

							</div>
							<span class="text-danger" id="errcelular"> </span>
							<input type="hidden" name="celular">
							<input type="hidden" name="celular-pais">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de WhatsApp </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-whatsapp"></i></span>
								<?php echo Form::text('whatsapp-in',  $ClienteCRM->numero_de_whatsapp,  array('class' => 'form-control inTelIn', 'placeholder' => '', 'autocomplete' => 'off', 'data-name' => 'whatsapp')); ?>

							</div>
							<span class="text-danger" id="errwhatsapp"> </span>
							<input type="hidden" name="whatsapp">
							<input type="hidden" name="whatsapp-pais">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Número de teléfono del trabajo </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-building"></i></span>
								<?php echo Form::text('numero_de_telefono_del_trabajo-in', $ClienteCRM->numero_de_trabajo,  array('class' => 'form-control inTelIn', 'placeholder' => '', 'autocomplete' => 'off', 'data-name' => 'numero_de_telefono_del_trabajo')); ?>

								<span class="input-group-addon"> Extensión </span>
								<input type="text" class="form-control ext" style="width: 150px;" name="txtExtension-Trabajo">
							</div>
							<span class="text-danger" id="errnumero_de_telefono_del_trabajo"> </span>
							<input type="hidden" name="numero_de_telefono_del_trabajo">
							<input type="hidden" name="numero_de_telefono_del_trabajo-pais">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Correo electrónico </label>
						<div class="col-sm-9">
							<?php echo Form::text('correo_electronico', $ClienteCRM->correo_electronico,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errcorreo_electronico"> </span>
						</div>
					</div>
					<div class="form-group">
						<label  class="col-sm-3 control-label"> Pais </label>
						<div class="col-sm-9">
							<select class="form-control crs-country seleccionado selectpicker" data-live-search="true" id="pais" name="country" data-region-id="estado" data-default-option="Seleccione un país" data-whitelist="US,MX,CU,DM,DO,PR,BZ,GT,SV,HN,NI,CR,PA,VE,EC,CO,PE,BO,CL,PY,UY,AR,ES,GQ" data-value="shortcode" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="<?php echo $ClienteCRM->pais; ?>">
							</select>
							<span id="errcountry" class="text-danger"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Estado/Provincia/Depertamento </label>
						<div class="col-sm-9">
							<select class="form-control selectpicker" data-live-search="true" id="estado" name="estado" data-blank-option="Seleccione su estado" data-default-option="Seleccione su estado/provincia/departamento" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="<?php echo $ClienteCRM->estado; ?>">
							</select>
							<span id="errestado" class="text-danger"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Cuidad </label>
						<div class="col-sm-9">
							<?php echo Form::text('ciudad', $ClienteCRM->ciudad,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errciudad"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Codigo postal </label>
						<div class="col-sm-9">
							<?php echo Form::text('postal', $ClienteCRM->codigo_postal,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errpostal"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Dirección </label>
						<div class="col-sm-9">
							<?php echo Form::text('direccion', $ClienteCRM->direccion,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errdireccion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Referencia de dirección</label>
						<div class="col-sm-9">
							<?php echo Form::text('direccionDir', $ClienteCRM->referencia_dir,  array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errdireccionDir"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> ¿Cliente desde? (*) </label>
						<div class="col-sm-9">
							<div class="input-group" id="fechaCreacion">
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
								<?php echo Form::text('fecha_creacion', '', array('class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'readonly' )); ?>

							</div>
							<span class="text-danger" id="errfecha_creacion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Asignar a... (*) </label>
						<div class="col-sm-9">
							<?php echo Form::select('asignado_a', $slEmpleados, $ClienteCRM->asignado_a, array('class' => 'form-control selectpicker', 'id' => 'asignado_a', 'data-live-search' => 'true')); ?>

							<span class="text-danger" id="errasignado_a"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas (Opcional) </label>
						<div class="col-sm-9">
						<div class="input-group">
							<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas" name="etiquetas[]">
								<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
								<?php $seleccionada = EtiquetaxClienteCRM::where('etiquetas_id', '=', $Etiqueta->id)->where('clientes_crm_id', '=', $ClienteCRM->id)->count(); ?>
								<option value="<?php echo $Etiqueta->id; ?>" <?php if( $seleccionada == 1 ): ?> selected <?php endif; ?> id="op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
								<?php endforeach; ?>
							</select>
							<div class="input-group-btn">
								<button id="btnAddEtiqueta" class="btn btn-default" type="button"><i class="fa fa-plus"></i></button>
							</div>
						</div>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetas" style="padding-top: 10px;">
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
									<?php if( EtiquetaxClienteCRM::where('etiquetas_id', '=', $Etiqueta->id)->where('clientes_crm_id', '=', $ClienteCRM->id)->count() == 1 ): ?>
								<span class="label label-info" data-valor="<?php echo $Etiqueta->nombre; ?>">
									<?php echo $Etiqueta->nombre; ?>

								</span> &nbsp;
									<?php endif; ?>
								<?php endforeach; ?>
							</div>
						</div>
					</div>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Notas </label>
						<div class="col-sm-9">
							<?php echo Form::textarea('notas', $ClienteCRM->notas, array('class' => 'form-control', 'rows' => '6', 'placeholder' => '', 'autocomplete' => 'off')); ?>

							<span class="text-danger" id="errnotas"> </span>
						</div>
					</div>
					<fieldset style="border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;" class="redes">
						<legend > <label class="col-sm-3 control-label"></label><label class="col-sm-9"> Redes Sociales</label> </legend>
						<div class="form-group">
								<label class="col-sm-3 control-label"> Facebook </label>
								<?php $Redes = json_decode($ClienteCRM->redes_sociales, true)?>
								<div class="col-sm-9">
									<div class="input-group">
										<?php echo Form::text('facebook', $Redes['facebook'],  array('class' => 'form-control', 'placeholder' => 'https://www.facebook.com/', 'autocomplete' => 'off')); ?>

										<span class="input-group-addon chImgPerfil tooltips desactivado" title="Descargar imagen de perfil" id="chFacebook">
											<i class="fa fa-user-circle"></i>
										</span>	
									</div>
									<span class="text-danger" id="errfacebook"> </span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> Linkedin </label>
								<div class="col-sm-9">
									<?php echo Form::text('linkedin', $Redes['linkedin'],  array('class' => 'form-control', 'placeholder' => 'https://www.linkedin.com/', 'autocomplete' => 'off')); ?>

									<span class="text-danger" id="errlinkedin"> </span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> Instagram </label>
								<div class="col-sm-9">
									<?php echo Form::text('instagram', $Redes['instagram'],  array('class' => 'form-control', 'placeholder' => 'https://www.instagram.com/', 'autocomplete' => 'off')); ?>

									<span class="text-danger" id="errinstagram"> </span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> Twitter </label>
								<div class="col-sm-9">
									<div class="input-group">
										<?php echo Form::text('twitter', $Redes['twitter'],  array('class' => 'form-control', 'placeholder' => 'https://www.twitter.com/', 'autocomplete' => 'off')); ?>

										<span class="input-group-addon chImgPerfil tooltips desactivado" title="Descargar imagen de perfil" id="chTwitter">
											<i class="fa fa-user-circle"></i>
										</span>
									</div>
									<span class="text-danger" id="errtwitter"> </span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> Piterest </label>
								<div class="col-sm-9">
									<?php echo Form::text('pinterest', $Redes['pinterest'],  array('class' => 'form-control', 'placeholder' => 'https://www.pinterest.com/', 'autocomplete' => 'off')); ?>

									<span class="text-danger" id="errpinterest"> </span>
								</div>
							</div>
					</fieldset>
					<div class="bottom">
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit', 'data-procesando'=>0)); ?>

						<?php echo HTML::linkRoute('SysWebGClientesClientes', 'Cancelar', array(), array('class' => 'btn btn-default lR')); ?>

						<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>">
					</div>
				<?php echo Form::close(); ?>

		</div>
		
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

<?php echo HTML::script('Intl-Tel-Input/17.0.3/js/intlTelInput-jquery17-0-16.min.js'); ?>

<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

<?php echo HTML::script('Webui-Popover/jquery.webui-popover.min.js'); ?>

<?php echo HTML::script('bootstrap-treeview/bootstrap-treeview.min.js'); ?>

<?php echo HTML::script('Webui-Popover/jquery.webui-popover.min.js'); ?>

<?php echo HTML::script('jquery-ezdz/jquery.ezdz.min.js'); ?>

<?php echo HTML::script('image-picker/image-picker.min.js'); ?>

<?php echo HTML::script('twbsPagination/jquery.twbsPagination.min.js'); ?>

<?php echo HTML::script('jquery-browser-plugin/jquery.browser.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validate.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

<?php echo HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js'); ?>

<?php echo HTML::script('bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'); ?>

<?php
	$Productos = DB::table('productos_servicios AS ps')
	->select('ps.id AS idPS', 'ps.nombre', 'ps.precio AS precioPS', 'ps.cantidad_ilimitada AS ilimitado', 'vps.id AS idVPS', 'vps.precio AS precioVPS', 'vps.inventario')
	->join('variaciones_productos_servicios AS vps', 'vps.productos_servicios_id', '=', 'ps.id')
	->where('ps.clientes_id', '=', $Cliente->id)
	//->whereRaw("(ps.tipo = 'PD' OR ps.tipo = 'S') OR (ps.tipo = 'P' AND ps.sin_variaciones = 1)")
	->whereRaw("(ps.tipo IN('PD', 'S') OR (ps.tipo = 'P' AND ps.sin_variaciones = 1))")
	->orderBy('ps.id', 'ASC')
	->get();
	$ProductosJSON = json_encode($Productos);
?>
<script>
	function armarBiblioteca(arbol, ubicacion, insercion){
		var sidebar = "";
		var contenedor = "col-md-7";
		var upload = "col-md-5";
		if(arbol){
			sidebar = '<div class="col-xs-12 col-md-2"> \
				<div id="tree" class="treeview"></div> \
			</div>';
			contenedor = "col-md-6";
			upload = "col-md-4";
		}
		var cuerpoBiblioteca = '<div class="row"> \
			'+sidebar+' \
			<div class="col-xs-12 '+contenedor+'"> \
				<label>Selecciona una imágen de la biblioteca de imágenes</label> \
				<div class="form-group dvPixaBay" style="display: none;"> \
					<div class="input-group"> \
						<input type="text" id="txtBusquedaPixaBay" class="form-control" placeholder="Escriba su busqueda acá..." style="margin-bottom: 0px;"> \
						<span class="input-group-btn"> \
							<button id="btnBuscarPixaBay" class="btn btn-default" type="button" title="Buscar" data-procesando="0"> \
								<i class="fa fa-search"></i> \
							</button> \
						</span> \
					</div> \
					<span class="text-danger" id="errtxtBusquedaPixaBay"></span> \
				</div> \
				<div id="Biblioteca" style="height: 611px; overflow: auto;"> \
					<select id="slBiblioteca"> </select> \
				</div> \
				<div id="PaginacionPixaBay" class="dvPixaBay" style="display: none;"></div> \
				<input type="hidden" id="hdnTotalPagina" value="0"> \
			</div> \
			<div class="col-xs-12 '+upload+'"> \
				<form id="frmImagen"> \
					<div class="row"> \
						<div class="col-md-12"> \
							<label>Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras)</label> \
							<input type="file" name="flImagen" id="flImagen" accept="image/png, image/jpeg, image/gif"> \
							<span id="errflImagen" class="text-danger"></span> \
						</div> \
						<div class="col-md-12" style="padding-top: 10px;"> \
							<div class="alert alert-warning"> \
								<ul> \
									<li> Las imágenes no deben tener un tamaño mayor a 1MB </li> \
									<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li> \
								</ul> \
							</div> \
						</div> \
						<div class="col-md-12"> \
							<div class="form-group"> \
								<label> Ó escriba la ruta de la imagen </label> \
								<input type="text" class="form-control" id="txtImagen" name="txtImagen"> \
								<span id="errtxtImagen" class="text-danger"></span> \
							</div> \
							<div class="form-group"> \
								<input type="hidden" name="hdnImagen" value=""> \
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imagen </button> \
								<span id="errGenerico" class="text-danger"></span> \
							</div> \
						</div> \
					</div> \
				</form> \
			</div> \
		</div>';
		ubicacion.html(cuerpoBiblioteca);
		//CONFIGURACIÓN DEL MENÚ IZQUIERDO DE BIBLIOTECA -----------------------------------------------------------------------------
		var treeviewData = [
				{
					text: "Biblioteca Sume Clientes",
					filtro: "BiblioSume",
					nodes: [
						{
							text: "Flechas",
							filtro: "Flechas",
							nodes: [
								{ text: "Animadas", filtro: "Flechas Animadas" },
								{ text: "No animadas", filtro: "Flechas No Animadas" }
							]
						},
						{
							text: "Iconos",
							filtro: "Iconos",
							nodes: [
								{ text: "Set 1", filtro: "Iconos Set 1" },
								{ text: "Set 2", filtro: "Iconos Set 2" },
								{ text: "Set 3", filtro: "Iconos Set 3" },
								{ text: "Set 4", filtro: "Iconos Set 4" },
								{ text: "Set 5", filtro: "Iconos Set 5" },
								{ text: "Set 6", filtro: "Iconos Set 6" },
								{ text: "Set 7", filtro: "Iconos Set 7" },
								{ text: "Set 8", filtro: "Iconos Set 8" }
							]
						},
						{ text: "Imagenes de fondo", filtro: "Fondos" }
					]
				},
				{
					text: "Biblioteca Personal",
					filtro: "BiblioPersonal",
					state: { selected: true },
				},
				{
					text: "Biblioteca de PixaBay",
					filtro: "PixaBay"
				}
			];
		ubicacion.find("#tree").treeview({
			data: treeviewData,
			onNodeSelected: function(event, data){
				ubicacion.find("#dvWrBiblioteca").remove();
				ubicacion.find("#errBusquedaPixaBay").remove();
				ubicacion.find("#txtBusquedaPixaBay").val("");
				if( data.filtro == "BiblioPersonal" ){
					ubicacion.find(".dvPixaBay").hide("slow");
					cargarImagenesBibliotecaPersonal(ubicacion);
				}
				else if( data.filtro == "PixaBay" ){
					ubicacion.find(".dvPixaBay").show("slow");
					ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
					ubicacion.find("#slBiblioteca").imagepicker({
						hide_select:true,
						show_label:true
					});
					ubicacion.find("#PaginacionPixaBay").twbsPagination("destroy");
				}
				else{
					ubicacion.find(".dvPixaBay").hide("slow");
					$.post(
						"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesSC'); ?>",
						{filtro: data.filtro},
						function(data){
							if(data.success){
								ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
								$.each(data.biblioteca, function(index, val) {
									ubicacion.find("#slBiblioteca").append('<option data-img-src="'+val.ruta+'" value="'+val.id+'">');
								});
								$("#slBiblioteca").imagepicker({
									hide_select:true,
									show_label:true
								});
							}
							else{
								$("#slBiblioteca").hide();
							}
						},
						"json"
					);
				}
			}
		});
		if($.ezdz.isBrowserCompatible() === false){
			console.log('No ezdz for this browser. Standard input file only.');
		}
		else{
			if(arbol || ubicacion.hasClass("ImageneSlider")){
				ubicacion.find("#flImagen").ezdz({
					text: '<i class="fa fa-cloud-upload"></i> \
					<span class="spFlITitulo">Suelte el archivo a subir</span> \
					<span class="spFlITexto">o haga clic aquí</span>',
					validators: {
						maxSize: 1000000
					}
				});
			}
			else{
				ubicacion.find("#flImagen").ezdz({
					text: '<i class="fa fa-cloud-upload"></i> \
					<span class="spFlITitulo">Suelte el archivo a subir</span> \
					<span class="spFlITexto">o haga clic aquí</span>',
					validators: {
						maxWidth: 64,
						maxHeight: 64,
					},
					reject: function(file, errors) {
						if (errors.maxWidth || errors.maxHeight) {
							ubicacion.find("#errflImagen").text("El archivo " + file.name + " es demasiado grande. Te recomendamos las siguientes medidas (32 x 32)");
						}
					}
				});
			}	
		}
		//---------------------------------------------------------------------
		cargarImagenesBibliotecaPersonal(ubicacion);
		//PROGRAMO EL BOTÓN DE BUSQUEDA DE PIXABAY -------------------------------------------------------------------
		ubicacion.find("#btnBuscarPixaBay").unbind("click").click(function(e){
			$("#errBusquedaPixaBay").remove();
			var Buscador = ubicacion.find("#txtBusquedaPixaBay").val();
			if( Buscador != "" ){
				ubicacion.find("#errtxtBusquedaPixaBay").html("");
				cargarImagenesPixaBay(Buscador, 1, true, ubicacion);
				ubicacion.find("#PaginacionPixaBay").twbsPagination("destroy");
			}
			else{
				ubicacion.find("#errtxtBusquedaPixaBay").html("Debe ingresar el texto de la imágen que desea buscar");
			}
		});
		//------------------------------------------------------------------------------------------------------------
	}
	function cargarImagenesBibliotecaPersonal(ubicacion){
		$.get(
			"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array('')); ?>"+"/<?php echo $Cliente->id; ?>",
			function(data){
				if(data.success){
					ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
					$.each(data.biblioteca, function(index, val) {
						ubicacion.find("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
					});
					ubicacion.find("#slBiblioteca").imagepicker({
						hide_select:true, 
						show_label:true
					});
					var i = 0;
					ubicacion.find(".image_picker_selector").find("div.thumbnail").each(function(){
						$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imágen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
						i = i + 1;
					});
					ubicacion.find(".image_picker_selector").find("[title]").each(function(){
						$(this).tooltip();
					});
					$(".agregarIcono").find("#Biblioteca").find(".thumbnail").find("img").each(function(){
						$(this).removeClass("image_picker_image");
						if($(this).width() > 64){
							$(this).closest("li").addClass("hide");
						}
						else{
							$(this).closest("li").removeClass("hide");
						}
						$(this).addClass("image_picker_image");
					})
				}
				else{
					ubicacion.find("#slBiblioteca").hide();
					ubicacion.find(".thumbnails").remove();
					ubicacion.find("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
				}
			},
			"json"
		);
	}
	function cargarImagenesPixaBay(buscar, pagina, boton, ubicacion){
		var boton = boton;
		var buscarOnClick = buscar;
		var buscar = encodeURIComponent(buscar);
		var pagina = pagina;
		var API_KEY = "4362824-a80ef23b1bd23f252748ccf78";
		var URL = "https://pixabay.com/api/?key="+API_KEY+"&response_group=high_resolution&q="+buscar+"&lang=es&orientation=all&min_width=0&min_height=0&page="+pagina+"&per_page=20&image_type=photo";
		$.getJSON(URL, function(data){
			if(parseInt(data.totalHits) > 0){
				ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
				$.each(data.hits, function(i, hit){
					var dataImgLabel = hit.imageWidth+"x"+hit.imageHeight;
					//hit.imageURL //TAMAÑO ORIGINAL Y PESADAS
					ubicacion.find("#slBiblioteca").append("<option data-img-label='"+dataImgLabel+"'' data-img-src='"+hit.previewURL+"' value='"+hit.fullHDURL+"'>");
				});
				ubicacion.find("#slBiblioteca").imagepicker({hide_select:true, show_label:true}); 	
				var i = 0;
				ubicacion.find(".image_picker_selector").find("div.thumbnail").each(function(){
					$(this).prepend('<a class="text-muted" href="'+data.hits[i].imageURL+'" target="_blank" title="Ver en PixaBay"> <i class="fa fa-eye"> </i> </a>');
					i = i + 1;
				});
				if( ubicacion.find("#PaginacionPixaBay").html() == "" ){
					ubicacion.find("#PaginacionPixaBay").twbsPagination({
						totalPages: ( data.totalHits >= 500 )? 500/20:parseInt(data.totalHits)/20,
						startPage: 1,
						visiblePages: 7,
						first: "Inicio",
						prev: "Anterior",
						next: "Siguiente",
						last: "Último",
						onPageClick: function(event, page){
							cargarImagenesPixaBay(buscarOnClick, page, false, ubicacion);
						}
					});
				}
			}
			else{
				ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
				ubicacion.find("#slBiblioteca").imagepicker({hide_select:true, show_label:true});
				ubicacion.find("#Biblioteca").append('<div id="errBusquedaPixaBay" class="alert alert-danger" role="alert"> Lo sentimos no existe ningún resultado :( </div>');
			}
		});
	}
	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(
						"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientesEliminar', array($Cliente->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>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
<?php if(isset($_GET['idC'])): ?>
	/*SE COMPLETA LA INFORMACION SI EN CLIENTE YA EXISTE*/
	var idC = "<?php echo $_GET['idC']; ?>";
	var htmlAlert = '<div class="alert alert-info mensaje-info alert-dismissable "> \
		<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
		<h4 class="text-center" style="font-weight: 500 ; margin: 0px;"> \
			<strong><i class="fa fa-lightbulb-o" style="font-size: 20px;" aria-hidden="true"></i>  RECOMENDABLE:</strong> \
			aprovecha esta oportunidad para actualizar los datos de tu cliente existente ( teléfono, correo, dirección, etc...)<br> \
		</h4> \
	</div>';
	$(".porlets-content").prepend(htmlAlert);
	$("#frmAgregar").append('<input type="hidden" name="clienteCrm" value="'+idC+'">');
	$.post(
		"<?php echo URL::route('SysWebGClientesDatosClienteCRM'); ?>",
		{ idCliente: idC },
		function(data){
			if(data.success){
				var id = "";
				$("#referencias_id").find("option").each(function(){
					if( $(this).text() == "Cliente existente"){
						id = $(this).val();
						$("#referencias_id").addClass("disable"); 
					}
				});
				$("#referencias_id").selectpicker();
				$("#referencias_id").selectpicker("val", id);
				$("#referencias_id").selectpicker("refresh");
				$("#frmAgregar").find("input").each(function(){
					if($(this).attr("name") == "nombre"){
						$(this).val(data.Cliente.nombre_del_cliente_o_empresa);
					}
					else if($(this).attr("name") == "contacto"){
						$(this).val(data.Cliente.nombre_del_contacto);
					}
					else if($(this).attr("name") == "telefono-in"){
						$(this).val(data.Cliente.numero_de_telefono_fijo);
						if(data.Cliente.numero_de_telefono_fijo != '' && data.Cliente.numero_de_telefono_fijo != null){
							if(data.Cliente.numero_de_telefono_fijo.indexOf("ext") > -1){
								var telefono = data.Cliente.numero_de_telefono_fijo.split(" ");
								var ext_tel = telefono[2];
								telefono = telefono[0];
								$(this).val(telefono);
								$('[name="txtExtension-Tel"]').val(ext_tel);
							}
						}
					}
					else if($(this).attr("name") == "telefono2-in"){
						$(this).val(data.Cliente.numero_de_telefono_fijo2);
						if(data.Cliente.numero_de_telefono_fijo2 != '' && data.Cliente.numero_de_telefono_fijo2 != null){
							if(data.Cliente.numero_de_telefono_fijo2.indexOf("ext") > -1){
								var telefono2 = data.Cliente.numero_de_telefono_fijo2.split(" ");
								var ext_tel2 = telefono2[2];
								telefono2 = telefono2[0];
								$(this).val(telefono2);
								$('[name="txtExtension-Tel2"]').val(ext_tel2);
							}
						}
					}
					else if($(this).attr("name") == "celular-in"){
						$(this).val(data.Cliente.numero_de_celular);
					}
					else if($(this).attr("name") == "whatsapp-in"){
						$(this).val(data.Cliente.numero_de_whatsapp);
					}
					else if($(this).attr("name") == "numero_de_telefono_del_trabajo-in"){
						$(this).val(data.Cliente.numero_de_trabajo);
						if(data.Cliente.numero_de_trabajo != '' && data.Cliente.numero_de_trabajo != null){
							if(data.Cliente.numero_de_trabajo.indexOf("ext") > -1){
								var telefono_trabajo = data.Cliente.numero_de_trabajo.split(" ");
								var ext_tel2 = telefono_trabajo[2];
								telefono_trabajo = telefono_trabajo[0];
								$(this).val(telefono_trabajo);
								$('[name="txtExtension-Trabajo"]').val(ext_tel2);
							}
						}
					}
					else if($(this).attr("name") == "correo_electronico"){
						$(this).val(data.Cliente.correo_electronico);
					}
					else if($(this).attr("name") == "ciudad"){
						$(this).val(data.Cliente.ciudad);
					}
					else if($(this).attr("name") == "postal"){
						$(this).val(data.Cliente.codigo_postal);
					}
					else if($(this).attr("name") == "direccion"){
						$(this).val(data.Cliente.direccion);
					}
					else if($(this).attr("name") == "direccionDir"){
						$(this).val(data.Cliente.referencia_dir);
					}
				});
				$("#pais").val(data.Cliente.pais);
				$("#estado").val(data.Cliente.estado);
				$("#estado").addClass("seleccionado");
				$("#asignado_a").selectpicker();
				$("#asignado_a").selectpicker("val", data.Cliente.asignado_a);
			}
		},
		"json"
	);
<?php endif; ?>
$("#fechaCreacion").datetimepicker({
	locale: "es",
	format: "D-MM-YYYY",
	ignoreReadonly: true,
	defaultDate: "<?php echo date('m/d/Y', strtotime($ClienteCRM->fecha_creacion)); ?>"
});
$(".inTelIn").intlTelInput({
	utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>"
});
$(".inTelIn").intlTelInput("setCountry", "<?php echo $Cliente->pais; ?>");
$("[name='correo_electronico']").blur(function(e){
	$(this).val($(this).val().replace(/\s/g, ""));
});
$("#pais").change(function(){
	if( $(this).val() != "" || $(this).val() != null ){
		$(this).addClass("seleccionado");
		$(".inTelIn").intlTelInput("setCountry", $(this).val());
	}
	else{
		$(this).removeClass("seleccionado");
		$("#estado").removeClass("seleccionado");
	}
});
$('.selectpicker').on('changed.bs.select', function (e, clickedIndex, newValue, oldValue) {
    $("#estado").selectpicker("refresh");
});
$("#estado").change(function(){
	if( $(this).val() != "" ){
		$(this).addClass("seleccionado");
	}
	else{
		$(this).removeClass("seleccionado");
	}
});
$("#etiquetas").on("changed.bs.select", function(e){
	$("#dvEtiquetas").html("");
	if($(this).val() != null){
		$.each(
			$(this).val(),
			function(key, value){
				if($("#dvEtiquetas").find('[data-valor="'+$("#op"+value).html()+'"]').length == 0){
					$("#dvEtiquetas").append(' \
						<span class="label label-info" data-valor="'+$("#op"+value).html()+'"> \
							'+$("#op"+value).html()+' \
						</span> &nbsp; \
					');
				}
			}
		);
	}
});
var id = "";
$("#referencias_id").find("option").each(function(){
	if( $(this).text() == "Cliente existente"){
		id = $(this).val();
		$("#referencias_id").addClass("disable"); 
	}
});
$("#referencias_id").selectpicker();
$("#referencias_id").selectpicker("val", id);
$('[name="txtExtension-Trabajo"], [name="txtExtension-Tel"], [name="txtExtension-Tel2"]').alphanum({
	allow: "0123456789",
	disallow: "abcdefghijklmnñopqrstuvwxyz",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowCaseless: false,
	allowOtherCharSets: false,
	forceLower: true,
	maxLength: 5,
});
$(".inTelIn").alphanum({
	allow: "0123456789-+ ",
	disallow: "abcdefghijklmnñopqrstuvwxyz",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowCaseless: false,
	allowOtherCharSets: false,
	forceLower: true,
});
if( $.browser.mozilla ){
	$("#frmEditar").find("input").each(function(){
		$(this).prop("autocomplete", "off");
	});
}
else{
	$("#frmEditar").find("input").each(function(){
		$(this).prop("autocomplete", "disabled");
	});
}
$("#frmEditar").submit(function(e){
	e.preventDefault();
	console.log("enviar")
	if($("#frmEditar").valid()){
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
		$(".inTelIn").each(function(){
			var name = $(this).attr("data-name");
			var pais = $(this).intlTelInput('getSelectedCountryData').iso2;
			var numero = $(this).intlTelInput("getNumber");
			if($(this).closest(".input-group").find(".ext").length > 0){
				if($(this).closest(".input-group").find(".ext").val() != ''){
					numero = numero+" ext. "+$(this).closest(".input-group").find(".ext").val();
				}
			}
			$('input[name="'+name+'"]').val(numero);
			$('input[name="'+name+'-pais"]').val(pais);
		});
		if($(".nmPV").length > 0){
			$("#frmEditar").find("#productos").val(1);
		}
		var idsp = [];
		$("#tblProductosVenta").find("[data-idps]").each(function(){
			idsp.push($(this).attr("data-idps"));
		});
		$("#frmEditar").append('<input type="hidden" name="idPS" class="idsPS" value="'+idsp+'">');
		var frmEditar = new FormData(document.getElementById("frmEditar"));
		if( $("#btnEditar").attr("data-procesando") == 0 ){
			$("#btnEditar").attr("data-procesando", 1);
			$.ajax({
				type: "POST",
				url: "<?php echo URL::route('SysWebGClientesClientesEditar', array($ClienteCRM->id)); ?>",
				data: frmEditar,
				cache: false,
				contentType: false,
				processData: false,
				dataType: "json",
				success: function(data){
					$.isLoading("hide"); NProgress.done();
					$("#btnEditar").attr("data-procesando", 0);
					$("#btnEditar").html("Guardar").prop("disabled", false);
					$(".idsPS").remove();
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
						if( $.GET("sc-cer") != undefined ){
							setTimeout( function(){ window.close(); }, 3000 );
						}
						else{
							if( $.GET("sc-cer-ruta") != undefined ){
								<?php if(isset($_GET['Perfil'])): ?>
								setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesClientesFichaCliente', array($ClienteCRM->id)); ?>"; }, 3000 );
								<?php else: ?>
								setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesClientes'); ?>"; }, 3000 );
								<?php endif; ?>
							}
							else{
								setTimeout( function(){ window.location.href = $.GET("sc-cer-ruta"); }, 3000 );
							}
						}
					}
					else{
						if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
						$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
					}
				},
				error: function(jqXHR, textStatus, errorThrown){
					new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
				}
			});
		}
	}
});
$("#imgFotografia").on("click", function(){
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<div class="CambiarImagen"></div> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Agregar Imagen",
		type: BootstrapDialog.TYPE_PRIMARY,
		size: BootstrapDialog.SIZE_WIDE,
		message: mensaje,
		draggable: true,
		closable: false,
		closeByBackdrop: false,
		cssClass: "cambiarImangen modalCambiarImagenBGI color-head-modal",
		onshown: function(dialog){
			$("body").addClass("modal-open");
			var ventanaImg = dialog.getModalBody();
			armarBiblioteca(true, ventanaImg.find(".CambiarImagen"), 0);
			ventanaImg.find("#btnCrearImagen").on("click", function(){
				ventanaImg.find("#errGenerico").html("");
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				ventanaImg.find("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
				if( ventanaImg.find("#txtImagen").val() == "" && ventanaImg.find("#slBiblioteca").val() == "" && ventanaImg.find("#flImagen").val() == "" ){
					ventanaImg.find("#errGenerico").html("Debes seleccionar una imágen de la biblioteca, subir una imágen o ingresar la ruta de la imágen que deseas almacenar");
					$.isLoading("hide"); NProgress.done();
					ventanaImg.find("#btnCrearImagen").html("Usar imagen").prop("disabled", false);
				}
				else{
					if( ventanaImg.find("#txtImagen").val() != "" ){
						urlIcono = ventanaImg.find("#txtImagen").val();
						$("#imgFotografia").attr("src", urlIcono);
						$("#hdnFotografia").val(urlIcono);
						$.isLoading("hide"); NProgress.done();
						ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
						dialog.close();
					}
					else if( ventanaImg.find("#flImagen").val() != "" || (ventanaImg.find(".treeview li:last").hasClass("node-selected") && ventanaImg.find(".dvPixaBay").length > 0)){
						if(ventanaImg.find("#flImagen").val() != ""){
							var formData = new FormData();
							formData.append("file", ventanaImg.find("#flImagen")[0].files[0]);
							$.ajax({
								type: "POST",
								url: $("#hdnRutaImagenes").val(),
								data: formData,
								cache: false,
								contentType: false,
								processData: false,
								dataType: "json",
								success: function(data){
									urlIcono = data.imagen;
									$("#imgFotografia").attr("src", urlIcono);
									$("#hdnFotografia").val(urlIcono);
									$.isLoading("hide"); NProgress.done();
									ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
									dialog.close();
								},
								error: function(jqXHR, textStatus, errorThrown){
									ventanaImg.find("#errGenerico").html("Ha ocurrido algún error inesperado, por favor vuelve a intentarlo...");
									$.isLoading("hide"); NProgress.done();
									ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
								}
							});
						}
						else {
							$.post(
								$("#rutapixabayclientes").val(),
								{ imagen:$("#slBiblioteca option:selected").val() },
								function(data){
									var urlIcono = data.imagen;
									$("#imgFotografia").attr("src", urlIcono);
									$("#hdnFotografia").val(urlIcono);
									$.isLoading("hide"); NProgress.done();
									ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
									dialog.close();
								}
							);
						}
					}
					else{
						urlIcono = ventanaImg.find("#slBiblioteca option:selected").attr("data-img-src");
						$("#imgFotografia").attr("src", urlIcono);
						$("#hdnFotografia").val(urlIcono);
						$.isLoading("hide"); NProgress.done();
						ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
						dialog.close();
					}
				}
			});
		},
		onhidden: function(dialogItself){
			$("body").removeClass("modal-open");
		}
	});
});
<?php if(isset($_GET['image'])): ?>
$("#imgFotografia").trigger("click");
<?php endif; ?>
if( $.GET("sc-cer") != undefined ){
	$(".lR").click(function(e){
		e.preventDefault();
		window.close();
	});
	$(".lMP")
}
$('[name="facebook"]').on("paste blur keyup", function(){
	if($(this).val() != ""){
		$(this).next().removeClass("desactivado");
	}
	else{
		$(this).next().addClass("desactivado");
	}
});
$('[name="twitter"]').on("paste blur keyup", function(){
	if($(this).val() != ""){
		$(this).next().removeClass("desactivado");
	}
	else{
		$(this).next().addClass("desactivado");
	}
});
$(".chImgPerfil").on("click", function(){
	if($(this).attr("id") == "chFacebook"){
		var rutaPerfil = "<?php echo URL::route('SysWebGClientesClientesFacebookURL'); ?>";
		var url = $('[name="facebook"]').val();
	}
	else if($(this).attr("id") == "chTwitter"){
		var rutaPerfil = "<?php echo URL::route('SysWebGClientesClientesTwitterURL'); ?>";
		var url = $('[name="twitter"]').val();
	}
	if(url != ""){
		url = (url.substring(url.length -1) == "/")?url.substring(0, url.length - 1):url;
		$.isLoading({ text: "Descargando..." }); NProgress.start();
		$(".isloading-overlay > .isloading-wrapper").addClass("mostrar");
		$.post(
			rutaPerfil,
			{ ruta: url },
			function(data){
				$.isLoading("hide"); NProgress.done();
				if(data.success){
					var mensaje = '<div class="row"> \
						<div class="col-xs-12"> \
							<div class="CambiarImagen text-center">\
								<p style="font-size: 19px; margin-bottom: 30px;">¿Deseas utilzar esta imagen como foto de perfil para este cliente?</p>\
								<img class="img-responsive img-thumbnail" src="'+data.data+'" id="imgFb" style="">\
							</div> \
						</div> \
					</div>';
					BootstrapDialog.show({
						title: "Cargar imagen de perfil",
						type: BootstrapDialog.TYPE_PRIMARY,
						message: mensaje,
						draggable: true,
						closable: false,
						cssClass: "color-head-modal perfil-image",
						onshown: function(dialog){
							//	
						},
						buttons: [{
							id: "btnCargarImagen",
							label: "Cargar imagen",
							cssClass: "btn btn-success btn-block btn-lg" ,
							action: function(dialogItself){
								var ventanaIcono = $(".color-head-modal");
								$("#imgFotografia").attr("src", data.data);
									$("#hdnFotografia").val(data.data);
								dialogItself.close();
							}
						}],
					});
				}
				else{
					new PNotify({ title: "Realizado", text: data.mensaje, type: "error" });
				}
			},
			"json"
		);
	}
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>