<?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%;
	}
	#imgFb{
		display: block;
		cursor: pointer;
		width: 150px;
		height: 140px;
		object-fit: contain;
		margin: 0 auto;
	}
	/* 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 .modal-header {
		text-align: center;
		font-weight: bold;
	}
	.perfil-image .modal-header .bootstrap-dialog-title{
		font-size: 20px;
	}
	.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;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.pPSR {
		padding-top: 10px;
		padding-left: 30px;
		margin-bottom: 0px;
	}
	.dvPSR ul {
		padding-left: 30px;
	}
	.dvPSR ul li {
		padding-bottom: 3px;
	}
	.spLPSRO {
		display: none;
	}
	.chImgPerfil {
		cursor: pointer;
	}
	.desactivado {
		pointer-events: none;
		opacity: 0.5;
	}
	.isloading-overlay > .isloading-wrapper.mostrar{
		display: inline-block !important;
	}
	.atrib-product{
		padding-top: 15px;
	}
	.mdAvatar .modal-body{
		padding-bottom: 0px;
	}
	ul.list-unstyled li{
		margin-bottom: 5px;
	}
	ul.list-unstyled li span{
		cursor: pointer;
	}
</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"> Agregar Cliente </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebGClientesClientesAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', '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">
							<img class="img-responsive img-thumbnail" src="<?php echo asset('SysWeb/SumeClientes/Perfil.png'); ?>" id="imgFotografia" style="cursor: pointer; width: 150px; height: 140px; object-fit: contain;">
							<input type="hidden" name="ogImage" value="<?php echo asset('SysWeb/SumeClientes/Perfil.png'); ?>" 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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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', '',  array('class' => 'form-control inTelIn', 'placeholder' => '', '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', '',  array('class' => 'form-control inTelIn', 'placeholder' => '', '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', '',  array('class' => 'form-control inTelIn', 'placeholder' => '', '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', '',  array('class' => 'form-control inTelIn', 'placeholder' => '', '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', '',  array('class' => 'form-control inTelIn', 'placeholder' => '', '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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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 $Cliente->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;">
							</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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<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' => '', 'readonly')); ?>

							</div>
							<span class="text-danger" id="errfecha_creacion"> </span>
						</div>
					</div>
					<div class="form-group" style="margin-bottom: 0px;">
						<label class="col-sm-3 control-label"></label>
						<div class="col-sm-9" id='categoria-productos'></div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Referencia (*) </label>
						<div class="col-sm-9">
							<?php echo Form::select('referencias_id', $slReferencias, null, array('class' => 'form-control selectpicker', 'id' => 'referencias_id', 'data-live-search' => 'true')); ?>

							<span class="text-danger" id="errreferencias_id"> </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, null, 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 (Opcional) </label>
						<div class="col-sm-9">
							<?php echo Form::select('etiquetas', $slEtiquetas, null, array('class' => 'form-control selectpicker', 'id' => 'etiqueta_id', 'data-live-search' => 'true', 'multiple' => '')); ?>

							<span class="text-danger" id="erretiquetas"> </span>
						</div>
					</div>
					<div class="form-group" style="margin-bottom: 0px;">
						<label class="col-sm-3 control-label"></label>
						<div class="col-sm-9" id='etiqueta-productos'></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', null, array('class' => 'form-control', 'rows' => '6', 'placeholder' => '')); ?>

							<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>
								<div class="col-sm-9">
									<div class="input-group">
										<?php echo Form::text('facebook', '',  array('class' => 'form-control', 'placeholder' => 'https://www.facebook.com/')); ?>

										<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', '',  array('class' => 'form-control', 'placeholder' => 'https://www.linkedin.com/')); ?>

									<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', '',  array('class' => 'form-control', 'placeholder' => 'https://www.instagram.com/')); ?>

									<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', '',  array('class' => 'form-control', 'placeholder' => 'https://www.twitter.com/')); ?>

										<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', '',  array('class' => 'form-control', 'placeholder' => 'https://www.pinterest.com/')); ?>

									<span class="text-danger" id="errpinterest"> </span>
								</div>
							</div>
					</fieldset>
					<?php if(isset($_GET['idP'])): ?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> ¿Deseas agregar un producto? </label>
						<label class="radio-inline">
							<input type="radio" value="1" id="chProductoSSi" name="chProductoS">
							<span class="custom-radio"></span>
							Si
						</label>
							<label class="radio-inline">
							<input type="radio" value="0" id="chProductoSNo" name="chProductoS" checked>
							<span class="custom-radio"></span>
							No 
						</label>
					</div>
					<?php endif; ?>
					<fieldset <?php if(isset($_GET['idP'])): ?> style="border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; display: none;"<?php else: ?> style="border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;"  <?php endif; ?>  class="servicios-productos">
						<legend > <label class="col-sm-3 control-label"></label><label class="col-sm-9"> Productos o Servicios</label> </legend>
						<div id="dvPrecio">
							<div class="form-group">
								<label class="col-sm-3 control-label"> Detalle de compra </label>
								<div class="col-sm-9">
									<table class="table table-bordered" id="tblProductosVenta">
										<thead>
											<tr>
												<th>Producto <span class="label label-success" style="cursor: pointer;" onclick="agregarProducto()"><i class="fa fa-plus"></i></span></th>
												<th>Precio de lista (<?php echo $Cliente->codigo_moneda; ?> <?php echo $Cliente->simbolo_moneda; ?>)</th>
												<th>Cantidad</th>
												<th>Precio de unitario (<?php echo $Cliente->codigo_moneda; ?> <?php echo $Cliente->simbolo_moneda; ?>)</th>
												<th>Total (<?php echo $Cliente->codigo_moneda; ?> <?php echo $Cliente->simbolo_moneda; ?>)</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<th colspan="4" style="text-align: right;">
													Total (<?php echo $Cliente->codigo_moneda; ?> <?php echo $Cliente->simbolo_moneda; ?>)
												</th>
												<td>
													<input class="form-control nmTT" type="text" readonly value="0">
												</td>
											</tr>
										</tbody>
									</table>
									<input type="hidden" name="productos" id="productos">
									<input type="hidden" name="idsPSRS" value="">
									<?php
										if( isset($_GET['idsOV']) ){
											$idsOV = explode(',', $_GET['idsOV']);
											foreach($idsOV as $indice => $idOV){
									?>
									<input type="hidden" name="idsOV[]" value="<?php echo $idOV; ?>">
									<?php
											}
										}
									?>
									<span class="text-danger" id="errproductos"></span>
								</div>
							</div>
						</div>
					</fieldset>
					<div class="bottom">
						<?php echo Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit', 'data-procesando'=>0)); ?>

						<?php /* HTML::linkRoute('SysWebGClientesClientes', 'Cancelar', array(), array('class' => 'btn btn-default LR')) */ ?>
						<?php echo Form::button('Cancelar', array('class' => 'btn btn-default cancelar')); ?>

					</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'); ?>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsurl/2.2.0/url.min.js"></script>
<?php
	$Productos = DB::table('productos_servicios AS ps')
	->select('ps.id AS idPS','ps.tipo', 'ps.nombre', 'ps.sin_variaciones', 'ps.precio AS precioPS', 'ps.cantidad_ilimitada AS ilimitado', 'vps.id AS idVPS', 'vps.precio AS precioVPS', 'vps.inventario', 'vps.margen_ganancia AS margenGanancia', 'vps.tipo_margen_ganancia AS tipoMargenGanancia')
	->join('variaciones_productos_servicios AS vps', 'vps.productos_servicios_id', '=', 'ps.id')
	->where('ps.clientes_id', '=', $Empleado->clientes_id)
	->where('ps.activo', '=', 1)
	//->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')
	->groupBy('ps.id')
	->get();
	$ProductosJSON = json_encode($Productos);
	DB::statement('SET SESSION group_concat_max_len = 10000000000000000000;');
	$query = 'SELECT ps.id AS idPS, ps.nombre, ps.precio AS precioPS, ps.cantidad_ilimitada AS ilimitado, vps.id AS idVPS, ps.tipo, ps.sin_variaciones,
		(
			IF(	
				(SELECT COUNT(vps.id) FROM variaciones_productos_servicios AS vps WHERE vps.productos_servicios_id = ps.id) > 0,
				(SELECT
					CONCAT(\'[\',
						GROUP_CONCAT(
							\'{\',
								\'"idPS":"\',ps.id,\'",\'
								\'"idVPS":"\',vps.id,\'",\'
								\'"nombre":"\',ps.nombre,\'",\',
								\'"precio":"\',vps.precio,\'",\',
								\'"inventario":"\',vps.inventario,\'",\'
								\'"ilimitado":"\',vps.cantidad_ilimitada,\'",\'
								\'"margenGanancia": "\',IF(vps.margen_ganancia > 0, vps.margen_ganancia, 0.00),\'",\'
								\'"tipoMargenGanancia": "\',IF(vps.tipo_margen_ganancia <> \'\', vps.tipo_margen_ganancia, \'\'),\'",\'
								\'"atributos": \',
									IF(  ps.sin_variaciones = 0, 
										(
											SELECT
												CONCAT(\'[\',
													GROUP_CONCAT(\'"\',aps.nombre,\' : \',avps.valor,\'"\')
												,\']\')
											FROM
												atributos_x_variaciones_productos AS avps
											INNER JOIN
												atributos_productos_servicios AS aps
												ON aps.id = avps.atributos_productos_servicios_id
											WHERE
												avps.variaciones_productos_servicios_id = vps.id
										), 
										\'[]\' 
									),
								\'\'
							,\'}
						\')
					,\']\')
				FROM
					variaciones_productos_servicios AS vps
				WHERE
					vps.productos_servicios_id = ps.id
				),
				\'{"0":""}\'
			)
		) AS variaciones
	FROM
		productos_servicios  as ps 
	INNER JOIN 
		variaciones_productos_servicios as vps 
		ON(vps.productos_servicios_id = ps.id) 
	WHERE 
		ps.activo = 1
	AND 
		(ps.tipo IN(\'PD\', \'S\') OR (ps.tipo = \'P\'))
	AND 
		ps.clientes_id = '.$Empleado->clientes_id.'
	GROUP BY (ps.id)';
	$ProductosV = DB::select(DB::raw($query));
	$ProductosJSON2 = json_encode($ProductosV);
	$sql = "SELECT
		IF(
			((SELECT COUNT(id) FROM productos_servicios WHERE clientes_id = @idC) > 0),
			(SELECT
				CONCAT('[',
					GROUP_CONCAT('
						{
							\"idPS\": \"',ps.id,'\",
							\"nombrePS\": \"',REPLACE(ps.nombre, '\"', \"'\"),'\",
							\"relacionados\": ',(
								IF(
									((SELECT COUNT(id) FROM ps_relacionados WHERE principal = ps.id) > 0),
									(SELECT
										CONCAT('[',
											GROUP_CONCAT('{
												\"idPS\": \"',r.id,'\",
												\"nombrePS\": \"',REPLACE(r.nombre, '\"', \"'\"),'\"
											}')
										,']')
									FROM
										ps_relacionados AS psr
									INNER JOIN
										productos_servicios AS r
										ON r.id = psr.relacionado
									WHERE
										psr.principal = ps.id
									),
									'[]'
								)
							)
						,'}')
				,']') AS productos
			FROM
				productos_servicios AS ps
			WHERE
				ps.clientes_id = @idC
			),
			'[]'
		) AS productos
	;";
	$sql = str_replace('@idC', $Cliente->id, $sql);
	$jSonProductosR = DB::select(DB::raw($sql));
?>
<script>
	var productos = <?php echo $ProductosJSON; ?>;
	var productos2 = <?php echo $ProductosJSON2; ?>;
	var jSonProductosR = <?php echo $jSonProductosR[0]->productos; ?>;
	function VerificarNumero(numero, tipo, ext){
		$(".mdAvatar").remove();
		$.post(
			"<?php echo URL::route('SysWebGClientesClienteCRMVerificarProspecto'); ?>",
			{numero: numero , tipo: tipo, ext: ext},
			function(data){
				if( data.success ){
					$("#frmAgregar").after('<input type="hidden" id="ClientExiste" value="'+tipo+'"/>');
					var coincidencias = '';
					$.each(data.Cliente, function(i, datos){
						if( data.tipo == 'prospecto' ){
							var empresa = (datos.nombre_del_cliente_o_empresa != null && datos.nombre_del_cliente_o_empresa != "")?datos.nombre_del_cliente_o_empresa:"";
							var contacto = (datos.nombre_del_contacto != null && datos.nombre_del_contacto != "")?datos.nombre_del_contacto:"";
							var telefono = (datos.numero_de_telefono_fijo != "" && datos.numero_de_telefono_fijo != "")?datos.numero_de_telefono_fijo:"";
							var telefono2 = (datos.numero_de_telefono_fijo2 != null && datos.numero_de_telefono_fijo2 != "")?datos.numero_de_telefono_fijo2:"";
							var celular = (datos.numero_de_celular != null && datos.numero_de_celular != "")?datos.numero_de_celular:"";
							var whatsapp = (datos.numero_de_whatsapp != null && datos.numero_de_whatsapp != "")?datos.numero_de_whatsapp:"";
							var telefonoT =  (datos.numero_de_trabajo != null && datos.numero_de_trabajo != "")?datos.numero_de_trabajo:"";
							var pais = (datos.pais != null && datos.pais != "")?datos.pais:"";
							var estado = (datos.estado != null && datos.estado != "")?datos.estado:"";
							var ciudad = (datos.ciudad != null && datos.ciudad != "")?datos.ciudad:"";
							var codigo_postal = (datos.codigo_postal != null && datos.codigo_postal != "")?datos.codigo_postal:"";
							var correo = (datos.correo_electronico != null && datos.correo_electronico != "")?datos.correo_electronico:"";
							var direccion = (datos.direccion != null && datos.direccion != "")?datos.direccion:"";
							var direccionRef = (datos.referencia_dir != null && datos.referencia_dir != "")?datos.referencia_dir:"";

							var info = empresa + telefono + telefono2+celular + whatsapp + telefonoT + pais + estado + ciudad + codigo_postal + correo + direccion;
							var htmlPopover = '<a style="cursor:pointer;" class="info-perfil" id="info-perfil_'+datos.id+'" data-empresa="'+empresa+'" data-contacto="'+contacto+'" data-pais="'+pais+'" data-telefonoT="'+telefonoT+'" data-telefono="'+telefono+'" data-telefono2="'+telefono2+'" data-celular="'+celular+'" data-whatsapp="'+whatsapp+'" data-estado="'+estado+'" data-ciudad="'+ciudad+'" data-postal="'+codigo_postal+'" data-correo="'+correo+'" data-direccion="'+direccion+'" data-direccion-ref="'+direccionRef+'">Ver más</a>';
							coincidencias += '<tr>'+'<td>'+contacto+'<br>'+htmlPopover+'</td>'+'<td>'+empresa+'</td>'+'<td>'+datos.numero_de_telefono_fijo+'</td>'+'<td>'+datos.correo_electronico+'</td>'+'<td class="text-center"><label><input type="radio" id="chCExistente" value="'+datos.id+'" name="chCExistente"><span class="custom-radio"></span></label></td>'+'</tr>';
						}
						else{
							var empresa = (datos.nombre != null && datos.nombre != "")?datos.nombre:"";
							var contacto = (datos.contacto != null && datos.contacto != "")?datos.contacto:"";
							var telefono = (datos.telefono != "" && datos.telefono != "")?datos.telefono:"";
							var telefono2 = (datos.telefono2 != null && datos.telefono2 != "")?datos.telefono2:"";
							var celular = (datos.celular != null && datos.celular != "")?datos.celular:"";
							var whatsapp = (datos.numero_de_whatsapp != null && datos.numero_de_whatsapp != "")?datos.numero_de_whatsapp:"";
							var telefonoT =  (datos.numero_de_telefono_del_trabajo != null && datos.numero_de_telefono_del_trabajo != "")?datos.numero_de_telefono_del_trabajo:"";
							var pais = (datos.pais != null && datos.pais != "")?datos.pais:"";
							var estado = (datos.estado != null && datos.estado != "")?datos.estado:"";
							var ciudad = (datos.ciudad != null && datos.ciudad != "")?datos.ciudad:"";
							var codigo_postal = (datos.codigo_postal != null && datos.codigo_postal != "")?datos.codigo_postal:"";
							var correo = (datos.correo_electronico != null && datos.correo_electronico != "")?datos.correo_electronico:"";
							var direccion = (datos.direccion != null && datos.direccion != "")?datos.direccion:"";
							var direccionRef = (datos.referencia_dir != null && datos.referencia_dir != "")?datos.referencia_dir:"";

							var info = empresa + telefono + telefono2+celular + whatsapp + telefonoT + pais + estado + ciudad + codigo_postal + correo + direccion;
							var htmlPopover = '<a style="cursor:pointer;" class="info-perfil" id="info-perfil_'+datos.id+'" data-empresa="'+empresa+'" data-contacto="'+contacto+'" data-pais="'+pais+'" data-telefonoT="'+telefonoT+'" data-telefono="'+telefono+'" data-telefono2="'+telefono2+'" data-celular="'+celular+'" data-whatsapp="'+whatsapp+'" data-estado="'+estado+'" data-ciudad="'+ciudad+'" data-postal="'+codigo_postal+'" data-correo="'+correo+'" data-direccion="'+direccion+'" data-direccion-ref="'+direccionRef+'">Ver más</a>';
							coincidencias += '<tr>'+'<td>'+datos.contacto+'<br>'+htmlPopover+'</td>'+'<td>'+datos.nombre+'</td>'+'<td>'+datos.telefono+'</td>'+'<td>'+datos.correo_electronico+'</td>'+'<td class="text-center"><label><input type="radio" id="chCExistente" value="'+datos.id+'" name="chCExistente"><span class="custom-radio"></span></label></td>'+'</tr>'
					
						}
						
					});
					var mensaje = '<div class="row"> \
						<div class="col-xs-12"> \
							<h4 style="margin-top: 0px; margin-bottom: 15px"> Hemos encontrado estas conicidencias con este cliente </h4> \
							<div class="table-responsive">\
								<table class="table table-striped table-bordered table-hover" > \
									<thead> \
										<th class="text-center">Nombre</th>\
										<th class="text-center">Empresa</th>\
										<th class="text-center">Teléfono</th>\
										<th class="text-center">Correo electrónico</th>\
										<th class="text-center">Seleccionar</th>\
									</thead> \
									<tbody> \
									'+coincidencias+'\
									</tbody> \
								</table>\
							</div> \
						</div> \
					</div>'
					BootstrapDialog.show({
						title: "<p class='text-center' style='margin: 0px; color:#ccc; font-size: 20px; '>Coincidencia de Datos</p>",
						type: BootstrapDialog.TYPE_WARNING,
						size: BootstrapDialog.SIZE_WIDE,
						message: mensaje,
						closable: false,
						draggable: true,
						cssClass: "mdAvatar",
						buttons: [{
							id: "btnEliminar",
							label: "Eliminar Mensaje",
							cssClass: "btn-danger",
							action: function(dialogItself){
								$("#frmAgregar").after('<input type="hidden" id="ventanaEliminada">')
								dialogItself.close();
							}
						},{
							id: "btnCargar",
							label: "Cargar cliente",
							cssClass: "btn-success",
							action: function(dialogItself){
								if( data.tipo == 'prospecto' ){
									var ruta = "<?php echo URL::route('SysWebGClientesProspectosAgregar'); ?>";
									var num = $('[name="chCExistente"]:checked').val();
									window.location.href = ruta+"?idC="+num+"&sc-cer=1";
								}
								else{
									var ruta = "<?php echo URL::route('SysWebGClientesClientesAgregar'); ?>";
									var num = $('[name="chCExistente"]:checked').val();
									window.location.href = ruta+"?idP="+num+"&sc-cer=1";
								}
							}
						}],
						onshown: function(dialogItself){
							var modalBody = dialogItself.getModalBody();
							$(".info-perfil").each(function(){
								var id = $(this).attr("id")
								var empresa = $(this).attr("data-empresa");
								var contacto = $(this).attr("data-contacto");
								var telefono = $(this).attr("data-telefono");
								var telefono2 = $(this).attr("data-telefono2");
								var celular = $(this).attr("data-celular");
								var whatsapp = $(this).attr("data-whatsapp");
								var telefonoT = $(this).attr("data-telefonoT");
								var pais = $(this).attr("data-pais");
								var estado = $(this).attr("data-estado");
								var ciudad = $(this).attr("data-ciudad");
								var codigo_postal = $(this).attr("data-postal");
								var correo = $(this).attr("data-correo");
								var direccion = $(this).attr("data-direccion");
								var direccionRef = $(this).attr("data-direccion-ref");
								/*$("#"+id).webuiPopover({
									width: 400,
									height: 300,
									animation: "pop",
									trigger: "click",
									title: "Información de perfil",
									content: $(this).attr("data-info"),
									closeable: true,
									cache: true,
								});*/
								$("#"+id).click(function(){
										var mensaje = '<form action="#" id="frmInfoClienteCrm"> \
											<div class="form-group"> \
												<label for="nombre"> Nombre del cliente [Empresa] </label> \
												<input type="text" class="form-control" value="'+empresa+'" name="nombre"> \
												<span class="text-danger" id="errnombre"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="contacto"> Nombre del contacto </label> \
												<input type="text" class="form-control" value="'+contacto+'" name="contacto"> \
												<span class="text-danger" id="errcontacto"> </span> \
											</div> \
											<div class="form-group tel"> \
												<label for="telefono"> Número de teléfono </label> \
												<div class="input-group"> \
													<input type="text" class="form-control inTelIn" value="'+telefono+'" name="telefono"> \
												</div> \
												<span class="text-danger" id="errtelefono"> </span> \
											</div> \
											<div class="form-group tel"> \
												<label for="telefono2"> Número de teléfono secundario </label> \
												<div class="input-group"> \
													<input type="text" class="form-control inTelIn" value="'+telefono2+'" name="telefono2"> \
													<span class="text-danger" id="errtelefono2"> </span> \
												</div> \
											</div> \
											<div class="form-group tel"> \
												<label for="celular"> Número de celular </label> \
												<div class="input-group"> \
													<input type="text" class="form-control inTelIn" value="'+celular+'" name="celular"> \
													<span class="text-danger" id="errcelular"> </span> \
												</div> \
											</div> \
											<div class="form-group whats"> \
												<label for="numero_de_whatsapp"> Número de WhatsApp </label> \
												<div class="input-group"> \
													<input type="text" class="form-control inTelIn" value="'+whatsapp+'" name="numero_de_whatsapp"> \
												</div> \
												<span class="text-danger" id="errnumero_de_whatsapp"> </span> \
											</div> \
											<div class="form-group tel"> \
												<label for="numero_de_telefono_del_trabajo"> Número de teléfono del trabajo </label> \
												<div class="input-group"> \
													<input type="text" class="form-control inTelIn" value="'+telefonoT+'" name="numero_de_telefono_del_trabajo"> \
													<span class="text-danger" id="errnumero_de_telefono_del_trabajo"> </span> \
												</div> \
											</div> \
											<div class="form-group tel"> \
												<label for="correo_electronico"> Correo electrónico </label> \
												<div class="input-group"> \
													<input type="text" class="form-control corrE" value="'+correo+'" name="correo_electronico"> \
													<span class="text-danger" id="errcorreo_electronico"> </span> \
												</div> \
											</div> \
											<div class="form-group"> \
												<label for="pais"> País </label> \
												<select class="form-control crs-country" id="pais" name="pais" 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="'+pais+'"> \
												</select> \
												<span class="text-danger" id="errpais"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="estado"> Estado/Provincia/Departamento </label> \
												<select class="form-control" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" style="font-size: 13px; padding: 7.5px 11px !important;" data-default-value="'+estado+'"> \
												</select> \
												<span class="text-danger" id="errestado"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="ciudad"> Ciudad </label> \
												<input type="text" class="form-control" value="'+ciudad+'" name="ciudad"> \
												<span class="text-danger" id="errciudad"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="codigo_postal"> Código postal </label> \
												<input type="text" class="form-control" value="'+codigo_postal+'" name="codigo_postal"> \
												<span class="text-danger" id="errcodigo_postal"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="direccion"> Dirección </label> \
												<input type="text" class="form-control" value="'+direccion+'" name="direccion"> \
												<span class="text-danger" id="errdireccion"> </span> \
											</div> \
											<div class="form-group"> \
												<label for="referencia_dir"> Referencia de dirección </label> \
												<input type="text" class="form-control" value="'+direccionRef+'" name="referencia_dir"> \
												<span class="text-danger" id="errreferencia_dir"> </span> \
											</div> \
										</form>';
										BootstrapDialog.show({
											cssClass: "mdAvatar",
											title: "Información del Cliente",
											message: mensaje,
											draggable: true,
											onshown: function(dialogItself){
												var modalBody = dialogItself.getModalBody();
												if( pais != "" ){
													modalBody.find(".inTelIn").intlTelInput("setCountry", pais);
												}
												modalBody.find(".inTelIn").intlTelInput({
													utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>"
												});
												crs.init();
												modalBody.find("#pais").change(function(){
													if( $(this).val() != "" ){
														$(this).addClass("seleccionado");
														modalBody.find(".inTelIn").intlTelInput("setCountry", $(this).val());
													}
													else{
														$(this).removeClass("seleccionado");
														modalBody.find("#estado").removeClass("seleccionado");
													}
												});
												dialogItself.getModalBody().find("#estado").change(function(){
													if( $(this).val() != "" ){
														$(this).addClass("seleccionado");
													}
													else{
														$(this).removeClass("seleccionado");
													}
												});
												modalBody.find(".form-control").prop("readonly", true);
												modalBody.find("select.form-control").addClass("slReadonly");
												modalBody.find(".inTelIn, .corrE").each(function(){
													if($(this).val() != ""){
														if($(this).attr("name") == "celular"){
															var link = '<a class="input-group-addon" href="tel:'+$(this).intlTelInput("getNumber")+'" target="_blank"><i class="fa fa-mobile"></i></a>';
														}
														else if($(this).attr("name") == "numero_de_whatsapp"){
															if( $.browser.mozilla ){
																var url = "//web.whatsapp.com/send?phone=";
															}
															else{
																var url = "https://wa.me/";
															}
															if(whatsapp.indexOf("+") > -1){
																url = url+$(this).intlTelInput("getNumber").replace("+", "");
															}
															var link = '<a class="input-group-addon" href="'+url+'" target="_blank"><i class="fa fa-whatsapp"></i></a>';
															console.log("si")
														}
														else if($(this).attr("name") == "correo_electronico"){
															var link = '<a class="input-group-addon" href="mailto:'+$(this).val()+'" target="_blank"><i class="fa fa-envelope"></i></a>';
														}
														else{
															var link = '<a class="input-group-addon" href="tel:'+$(this).intlTelInput("getNumber")+'" target="_blank"><i class="fa fa-phone"></i></a>';
														}
														
														$(this).closest(".input-group").append(link);
													}
												})
												modalBody.find(".inTelIn").each(function(){
													if(pais != "" && pais != null){
														$(this).intlTelInput("setCountry", pais);
													}
												});
											},
										});
									})
							});
						}
					});
					//window.location.href = "<?php echo URL::route('SysWebGClientesProspectosAgregar'); ?>"+"?idC="+data.Cliente;
				}
				else{
					//formulario.find(".dvMensajeError > .alert").html("").html(data.mensaje);
					//formulario.find(".dvMensajeError").show("slow");
				}
			},
			"json"
		);
	}
	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 agregarProducto(){
		var selectProductos = '<select class="form-control selectpicker" name="slProductos" data-live-search="true" data-selected-text-format="count" multiple>';
		$.each(productos, function(i, producto){
			if( ($("#tblProductosVenta").find('tr[data-idPS="'+producto.idPS+'"]').length == 0 && producto.sin_variaciones == 1) || producto.sin_variaciones == 0 ){
				var option = '<option id="op'+producto.idPS+'" data-variacion="'+producto.sin_variaciones+'" data-tipo="'+producto.tipo+'" value="'+producto.idPS+'" data-idPS="'+producto.idPS+'" data-precio="'+producto.precioVPS+'" data-ilimitado="'+producto.ilimitado+'" data-idVPS="'+producto.idVPS+'" data-inventario="'+producto.inventario+'"> \
					'+producto.nombre+'\
				</option>'
				selectProductos = selectProductos+option;
			}
		});
		selectProductos = selectProductos+"</select>";
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmAgregarProductos"> \
					<div class="form-group"> \
						<label for="slProductos">Productos a agregar</label> \
						'+selectProductos+' \
						<span class="text-danger" id="errslProductos"></span> \
						<div id="dvProductos" style="padding-top: 10px;"></div> \
					</div> \
					<div class="form-group variaciones" style="display: none;"> \
						<label for="slProductos">Variaciones de productos</label> \
						<select class="form-control productosvps" name="slProductosVPS" data-live-search="true" title="Seleccione una opción" data-selected-text-format="count" multiple> \
						<select> \
						<span class="text-danger" id="errslProductos"></span> \
						<div id="dvProductos" style="padding-top: 10px;"></div> \
					</div> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Agregar productos a la compra del prospecto",
			type: BootstrapDialog.TYPE_SUCCESS,
			message: mensaje,
			draggable: true,
			cssClass: "mdAvatar",
			closable: false,
			closeByBackdrop: false,
			buttons: [{
				id: "btnEliminar",
				label: "Agregar",
				cssClass: "btn-success btn-lg btn-block",
				action: function(dialogItself){
					var modalBody = dialogItself.getModalBody();
					var servicios = Array();
					modalBody.find('[name="slProductos"]>option[data-tipo="S"]:selected').each(function(){
						servicios.push($(this).attr("value"));
					});
					modalBody.find('[name="slProductos"]>option[data-variacion="1"]:selected').each(function(){
						if(servicios.indexOf($(this).attr("value")) == -1){
							servicios.push($(this).attr("value"));
						}
					});
					crearTabla(servicios);
					if(modalBody.find(".productosvps").val() != "" && modalBody.find(".productosvps").val() != null){
						crearTabla(modalBody.find(".productosvps").val());
					}
					/*$.each(
						modalBody.find(".selectpicker").val(),
						function(key, value){
							var nPA = $('tr[data-PA]').length;
							nPA = "00"+nPA;
							var option = $("#op"+value);
							var max = "";
							var errInventario = "";
							if( parseInt(option.attr("data-ilimitado")) == 0 ){
								var valor = (option.attr("data-inventario") == 0)?1:option.attr("data-inventario");
								max = 'max="'+valor+'"';
								if(valor == 1){
									errInventario = '<span class="text-danger" id="errIn">Este producto actualmente no cuenta con inventario</span>';
								}
							}
							var total = 1*parseFloat(option.attr("data-precio"));
							total = Math.round(total*100)/100;
							var tr = '<tr data-idPS="'+option.attr("data-idps")+'" data-idVPS="'+option.attr("data-idvps")+'" data-idVXP="0" data-PA="'+nPA+'"> \
								<td> \
									<span class="label label-warning" style="cursor: pointer;" onclick="eliminarProducto(\''+nPA+'\')"><i class="fa fa-trash"></i></span> \
									'+option.html()+' \
									<input type="hidden" name="PAproducto'+nPA+'" value="'+option.attr("data-idps")+'"> \
									<input type="hidden" name="PAvariacion'+nPA+'" value="'+option.attr("data-idvps")+'"> \
									<input type="hidden" name="PAilimitado'+nPA+'" value="'+option.attr("data-ilimitado")+'"> \
								</td> \
								<td class="precio"> \
									'+option.attr("data-precio")+' \
								</td> \
								<td> \
									<input class="form-control nmPV nmPVC" data-id="'+nPA+'" type="number" name="PAcantidad'+nPA+'" value="1" min="1" '+max+'> \
									<span class="text-danger" id="errcantidad'+nPA+'"></span> \
									'+errInventario+' \
								</td> \
								<td> \
									<input class="form-control nmPV nmPVPV" data-id="'+nPA+'" type="number" name="PAprecio_venta'+option.attr("data-idvps")+'" value="'+parseFloat(option.attr("data-precio")).toFixed(2)+'" min="0.01" step="0.01"> \
									<span class="text-danger" id="errprecio_ventaPA'+option.attr("data-idvps")+'"></span> \
								</td> \
								<td> \
									<input class="form-control nmTU" data-id="'+nPA+'" data-totalu="'+total+'" type="text" readonly value="'+total.toFixed(2)+'"> \
								</td> \
							</tr>';
							$("#tblProductosVenta").find("tbody > tr:last").before(tr);
						}
					);*/
					programarTablaPrecios();
					var total = 0;
					$(".nmTU").each(function(e){
						total = total+parseFloat( $(this).val() );
					});
					total = Math.round(total*100)/100;
					$(".nmTT").val( total.toFixed(2) );
					dialogItself.close();
				}
			}],
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
				var modalBody = dialogItself.getModalBody();
				modalBody.find(".selectpicker").selectpicker();
				modalBody.find(".selectpicker").on("changed.bs.select", function(e){
					var idP = $(this).val();
					$("#dvProductos").html("");
					$.each(
						$(this).val(),
						function(key, value){
							$("#dvProductos").append(' \
								<span class="label label-info" data-valor="'+$("#op"+value).html()+'"> \
									'+$("#op"+value).html()+' \
								</span> &nbsp; \
							');
						}
					);
					var option = "";
					var tipo = 0;
					$.each(productos2, function(i, producto){
						var id = String(producto.idPS);
						if(idP.indexOf(id) > -1){
							if(producto.tipo != "S" && producto.sin_variaciones == 0 ){
								option += '<optgroup label="Variaciones de '+producto.nombre+'">';
								$.each(JSON.parse(producto.variaciones), function(i, variaciones){
									var atrib = variaciones.atributos.join(" , ");
									if( $("#tblProductosVenta").find('tr[data-idvps="'+variaciones.idVPS+'"]').length == 0 ){
										option += ' <option id="op'+variaciones.idVPS+'" data-subtext="[ '+atrib+' ]" value="'+variaciones.idVPS+'" data-idPS="'+variaciones.idPS+'" data-precio="'+variaciones.precio+'" data-ilimitado="'+variaciones.ilimitado+'" data-idVPS="'+variaciones.idVPS+'" data-inventario="'+variaciones.inventario+'">'+variaciones.nombre+'</option>';
									}
									else{
										option += ' <option id="op'+variaciones.idVPS+'" data-subtext="[ '+atrib+' ]" value="'+variaciones.idVPS+'" data-idPS="'+variaciones.idPS+'" data-precio="'+variaciones.precio+'" data-ilimitado="'+variaciones.ilimitado+'" data-idVPS="'+variaciones.idVPS+'" data-inventario="'+variaciones.inventario+'" disabled>'+variaciones.nombre+'</option>';
									}
								});
								option += '</optgroup>';
								tipo++;
							}
						}
					});
					if(tipo){
						modalBody.find(".variaciones").show("slow");
					}
					modalBody.find('[name="slProductosVPS"]').html(option);
					modalBody.find(".productosvps").selectpicker("refresh");
					modalBody.trigger("click");
				});
			},
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function crearTabla(valor){
		var valor = valor;
		$.each(
			valor,
			function(key, value){
				var nPA = $('tr[data-PA]').length;
				nPA = "00"+nPA;
				var option = $("#op"+value);
				var max = "";
				var errInventario = "";
				if( parseInt(option.attr("data-ilimitado")) == 0 ){
					var valor = (option.attr("data-inventario") == 0)?1:option.attr("data-inventario");
					max = 'max="'+valor+'"';
					if( parseInt(option.attr("data-inventario")) == 0 ){
						errInventario = '<span class="text-danger" id="errIn">Este producto actualmente no cuenta con inventario</span>';
					}
				}
				var total = 1*parseFloat(option.attr("data-precio"));
				total = Math.round(total*100)/100;
				var margenPorPrecio = "";
				if( option.attr("data-tipo-margen-ganancia") == "D" ){
					var precioSinGanancia = parseFloat(option.attr("data-precio"))-parseFloat(option.attr("data-margen-ganancia"));
					margenPorPrecio = 'data-precio-sin-ganancia="'+precioSinGanancia+'"';
				}
				var variacion = (option.parent().attr("name") != "slProductos")?'<div class="atrib-product"><p class="pA"><strong>Variación</strong></p><p class="pA-text">'+option.attr("data-subtext")+'</p></div>':"";
				var tr = '<tr data-idPS="'+option.attr("data-idps")+'" data-idVPS="'+option.attr("data-idvps")+'" data-idVXP="0" data-PA="'+nPA+'"> \
					<td> \
						<span class="label label-warning" style="cursor: pointer;" onclick="eliminarProducto(\''+nPA+'\')"><i class="fa fa-trash"></i></span> \
						'+option.html()+' \
						<input type="hidden" name="PAproducto'+nPA+'" value="'+option.attr("data-idps")+'"> \
						<input type="hidden" name="PAvariacion'+nPA+'" value="'+option.attr("data-idvps")+'"> \
						<input type="hidden" name="PAilimitado'+nPA+'" value="'+option.attr("data-ilimitado")+'"> \
						'+variacion+'\
					</td> \
					<td class="precio"> \
						'+option.attr("data-precio")+' \
					</td> \
					<td> \
						<input class="form-control nmPV nmPVC" data-id="'+nPA+'" type="number" name="PAcantidad'+nPA+'" value="1" min="1" '+max+'> \
						<span class="text-danger" id="errcantidad'+nPA+'"></span> \
						'+errInventario+' \
					</td> \
					<td> \
						<input class="form-control nmPV nmPVPV" data-id="'+nPA+'" type="number" name="PAprecio_venta'+nPA+'" value="'+parseFloat(option.attr("data-precio")).toFixed(2)+'" min="0.01" step="0.01" '+margenPorPrecio+'> \
						<input class="form-control" data-id="'+nPA+'" type="hidden" name="PAprecio_venta'+option.attr("data-idvps")+'" value="'+parseFloat(option.attr("data-precio")).toFixed(2)+'" min="0.01" step="0.01" '+margenPorPrecio+'> \
						<span class="text-danger" id="errprecio_ventaPA'+nPA+'"></span> \
					</td> \
					<td> \
						<input class="form-control nmTU" data-id="'+nPA+'" data-totalu="'+total+'" type="text" readonly value="'+total.toFixed(2)+'"> \
					</td> \
				</tr>';
				$("#tblProductosVenta").find("tbody > tr:last").before(tr);
			}
		);
	}
	function eliminarProducto(idP){
		var mensajeEl = "<h2> ¿Seguro que desea eliminar? </h2>";
		var classEl = "";
		if( $("#tblProductosVenta").find("tbody tr").length == 2 ){
			mensajeEl = '<div class="alert alert-warning" role="alert"> \
				<p style="font-size: 16px;"> Debes agregar un producto extra para poder eliminar este ya que no puede quedar vacía la venta... </p> \
			</div>';
			classEl = "disabled";
		}
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmEliminar"> \
					'+mensajeEl+' \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Eliminar producto de la venta",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			cssClass: "mdAvatar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-warning btn-lg btn-block "+classEl,
				action: function(dialogItself){
					if( $("#tblProductosVenta").find("tbody tr").length > 2 ){
						if( idP.startsWith("00") ){
							$('tr[data-pa="'+idP+'"]').remove();
						}
						else{
							$("#tblProductosVenta").append('<input type="hidden" name="PEidVXP'+idP+'" value="'+idP+'">')
							$('tr[data-idvxp="'+idP+'"]').remove();
						}
						var total = 0;
						$(".nmTU").each(function(e){
							total = total+parseFloat( $(this).val() );
						});
						total = Math.round(total*100)/100;
						$(".nmTT").val( total.toFixed(2) );
						programarTablaPrecios();
						dialogItself.close();
					}
				}
			}]
		});
	}
	function programarTablaPrecios(){
		$(".nmPVC").numeric({
			allowMinus: false,
			allowThouSep: false,
			allowDecSep: false
		});
		$(".nmPVPV").alphanum({
			allow: ".0123456789",
			disallow: "abcdefghijklmnñopqrstuvwxyz",
			allowSpace: false,
			allowNumeric: true,
			allowUpper: false,
			allowCaseless: false,
			allowOtherCharSets: false,
			forceLower: true
		});
		$(".table").find(".precio").each(function(){
			var precio = accounting.formatMoney($(this).text().trim(), {
				symbol: " ",
				precision: 2,
				decimal : ".",
				thousand: ",",
				format: "%s%v"
			});
			$(this).text(precio);
		});
		$(".nmPV").blur(function(){
			var input = $(this);
			var nInput = $(this).attr("data-id");
			var precioVenta = $('.nmPVPV[data-id="'+nInput+'"]').val();
			var totalUnitario = parseFloat(precioVenta);
			$('.nmPVPV[data-id="'+nInput+'"]').val(totalUnitario.toFixed(2));
		});
		$(".nmPV").off("input").on("input", function(e){
			var input = $(this);
			var nInput = $(this).attr("data-id");
			var cantidad = $('.nmPVC[data-id="'+nInput+'"]').val();
			var precioVenta = $('.nmPVPV[data-id="'+nInput+'"]').val();
			var totalUnitario = parseInt(cantidad)*parseFloat(precioVenta);
			totalUnitario = Math.round(totalUnitario*100)/100;
			$('.nmTU[data-id="'+nInput+'"]').attr("data-totalu", totalUnitario);
			totalUnitario = accounting.formatMoney(totalUnitario, {
				symbol: " ",
				precision: 2,
				decimal : ".",
				thousand: ",",
				format: "%s%v"
			});
			$('.nmTU[data-id="'+nInput+'"]').val(totalUnitario);
			var total = 0;
			$(".nmTU").each(function(e){
				//total = total+parseFloat($(this).val() );
				total = total+parseFloat( $(this).attr("data-totalu") );
			});
			//total = Math.round(total*100)/100;
			total = accounting.formatMoney(total, {
				symbol: " ",
				precision: 2,
				decimal : ".",
				thousand: ",",
				format: "%s%v"
			});
			$(".nmTT").val( total );
		});
		verificarProductosR();
	}
	function verificarProductosR(){
		var dvPSR = '<div class="dvPSR"> \
			<p class="pPSR"> \
				<strong>Productos relacionados</strong> \
			</p> \
			<ul class="list-unstyled"> \
				{%lisPSR%} \
			</ul> \
		</div>';
		var liPSR = '<li> \
			<span class="label label-info spLPSR{%idPSR%} {%spLPSRO%}" data-valor="{%idPSR%}"> \
				{%nombrePSR%} \
				<i class="fa fa-plus agregarPS{%idPSR%}" data-id="{%idPSR%}" style="cursor: pointer; padding-left: 5px" ></i> \
			</span> \
		</li>';
		var pidsPSRS = ( $('[name="idsPSRS"]').val() == "" )?true:false;
		$("#tblProductosVenta").find("tbody tr").each(function(e){
			var tr = $(this);
			tr.find(".dvPSR").remove();
			if( tr[0].hasAttribute("data-idps") ){
				var idPS = tr.attr("data-idps");
				$.each(jSonProductosR, function(indice, productoR){
					if( parseInt(idPS) == parseInt(productoR.idPS) ){
						if( pidsPSRS ){
							var idsPSRS = new Array();
						}
						var lisPSR = "";
						if( productoR.relacionados.length > 0 ){
							$.each(productoR.relacionados, function(indice, productoNR){
								var idPSR = productoNR.idPS
								var nombrePSR = productoNR.nombrePS;
								if( $(".spLPSR"+idPSR).length == 0 ){
									if($("#tblProductosVenta").find("tbody tr[data-idps='"+idPSR+"']").length == 0){
										liPSRN = liPSR;
										liPSRN = liPSRN.replace(/{%idPSR%}/g, idPSR);
										liPSRN = liPSRN.replace(/{%nombrePSR%}/g, nombrePSR);
										var spLPSRO = ( $('#tblProductosVenta tr[data-idps="'+idPSR+'"]').length > 0 )?'spLPSRO':'';
										liPSRN = liPSRN.replace(/{%spLPSRO%}/g, spLPSRO);
										lisPSR = lisPSR+liPSRN;
										if( pidsPSRS ){
											idsPSRS.push(idPSR);
										}
									}
								}
							});
							if( lisPSR != "" ){
								var dvPSRN = dvPSR;
								dvPSRN = dvPSRN.replace(/{%lisPSR%}/g, lisPSR);
								tr.find("td:first").append(dvPSRN);
								tr.find(".fa-plus").each(function(e){
									var agregarPS = $(this);
									var idPSA = agregarPS.attr("data-id");
									agregarPS.closest(".label").click(function(e){
										$.each(productos, function(indice, producto){
											if( parseInt(producto.idPS) == parseInt(idPSA) ){
												var nPA = $('tr[data-PA]').length;
												nPA = "00"+nPA;
												var max = "";
												var errInventario = "";
												if( parseInt(producto.ilimitado) == 0 ){
													var valor = (producto.inventario == 0)?1:producto.inventario;
													max = 'max="'+valor+'"';
													if( parseInt(producto.inventario) == 0 ){
														errInventario = '<span class="text-danger" id="errIn">Este producto actualmente no cuenta con inventario</span>';
													}
												}
												var total = 1*parseFloat(producto.precioVPS);
												total = Math.round(total*100)/100;
												var margenPorPrecio = "";
												if( producto.tipoMargenGanancia == "D" ){
													var precioSinGanancia = parseFloat(producto.precioVPS)-parseFloat(producto.margenGanancia);
													margenPorPrecio = 'data-precio-sin-ganancia="'+precioSinGanancia+'"';
												}
												var tr = '<tr data-idPS="'+producto.idPS+'" data-idVPS="'+producto.idVPS+'" data-idVXP="0" data-PA="'+nPA+'"> \
													<td> \
														<span class="label label-warning" style="cursor: pointer;" onclick="eliminarProducto(\''+nPA+'\')"><i class="fa fa-trash"></i></span> \
														'+producto.nombre+' \
														<input type="hidden" name="PAproducto'+nPA+'" value="'+producto.idPS+'"> \
														<input type="hidden" name="PAvariacion'+nPA+'" value="'+producto.idVPS+'"> \
														<input type="hidden" name="PAilimitado'+nPA+'" value="'+producto.ilimitado+'"> \
													</td> \
													<td class="precio"> \
														'+producto.precioVPS+' \
													</td> \
													<td> \
														<input class="form-control nmPV nmPVC" data-id="'+nPA+'" type="number" name="PAcantidad'+nPA+'" value="1" min="1" '+max+'> \
														<span class="text-danger" id="errcantidad'+nPA+'"></span> \
														'+errInventario+' \
													</td> \
													<td> \
														<input class="form-control nmPV nmPVPV" data-id="'+nPA+'" type="number" name="PAprecio_venta'+nPA+'" value="'+parseFloat(producto.precioVPS).toFixed(2)+'" min="0.01" step="0.01" '+margenPorPrecio+'> \
														<input class="form-control" data-id="'+nPA+'" type="hidden" name="PAprecio_venta'+producto.idVPS+'" value="'+parseFloat(producto.precioVPS).toFixed(2)+'" min="0.01" step="0.01" '+margenPorPrecio+'> \
														<span class="text-danger" id="errprecio_ventaPA'+nPA+'"></span> \
													</td> \
													<td> \
														<input class="form-control nmTU" data-id="'+nPA+'" data-totalu="'+total+'" type="text" readonly value="'+total.toFixed(2)+'"> \
													</td> \
												</tr>';
												$("#tblProductosVenta").find("tbody > tr:last").before(tr);
												agregarPS.closest("li").hide();
												programarTablaPrecios();
												var total = 0;
												$(".nmTU").each(function(e){
													total = total+parseFloat( $(this).val() );
												});
												total = Math.round(total*100)/100;
												$(".nmTT").val( total.toFixed(2) );
											}
										});
										actualizarRelacionados($(".spLPSR"+idPSA));
									});
								});
								if( pidsPSRS ){
									var idsPSRSString = idsPSRS.join();
									$('[name="idsPSRS"]').val( idsPSRSString );
								}
							}
						}
					}
				});
			}
		});
	}
	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"
					);
				}
			}]
		});
	}
	function actualizarRelacionados(nodo){
		setTimeout(function(){
			nodo.hide("slow");
		},200);
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
<?php if(isset($_GET['idP'])): ?>
	/*SE COMPLETA LA INFORMACION SI EN CLIENTE YA EXISTE*/
	var idC = "<?php echo $_GET['idP']; ?>";
	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, tipo: "crm" },
		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);
					}
					else if($(this).attr("name") == "contacto"){
						$(this).val(data.Cliente.contacto);
					}
					else if($(this).attr("name") == "telefono-in"){
						$(this).val(data.Cliente.telefono);
						if(data.Cliente.telefono != '' && data.Cliente.telefono != null){
							if(data.Cliente.telefono.indexOf("ext") > -1){
								var telefono = data.Cliente.telefono.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.telefono2);
						if(data.Cliente.telefono2 != '' && data.Cliente.telefono2 != null){
							if(data.Cliente.telefono2.indexOf("ext") > -1){
								var telefono2 = data.Cliente.telefono2.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.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_telefono_del_trabajo);
						if(data.Cliente.numero_de_telefono_del_trabajo != '' && data.Cliente.numero_de_telefono_del_trabajo != null){
							if(data.Cliente.numero_de_telefono_del_trabajo.indexOf("ext") > -1){
								var telefono_trabajo = data.Cliente.numero_de_telefono_del_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);
				if(data.Cliente.otros != "" && data.Cliente.otros != null ){
					var redes_sociales = JSON.parse(data.Cliente.otros);
					$('[name="facebook"]').val(redes_sociales.facebook);
					$('[name="linkedin"]').val(redes_sociales.linkedin);
					$('[name="instagram"]').val(redes_sociales.instagram);
					$('[name="twitter"]').val(redes_sociales.twitter);
				}
				else if(data.Cliente.redes_sociales != "" && data.Cliente.redes_sociales != null){
					var redes_sociales = JSON.parse(data.Cliente.redes_sociales);
					$('[name="facebook"]').val(redes_sociales.facebook);
					$('[name="linkedin"]').val(redes_sociales.linkedin);
					$('[name="instagram"]').val(redes_sociales.instagram);
					$('[name="twitter"]').val(redes_sociales.twitter);
				}
			}
		},
		"json"
	);
	$("#productos").val(1);
	$('[name="chProductoS"]').click(function(){
		if($(this).val() == 1){
			$('.servicios-productos').show("slow");
		}
		else{
			$('.servicios-productos').hide("slow");
		}
	});
<?php endif; ?>
if( $.GET("sc-cer") != undefined ){
	$(".cancelar").click(function(e){
		e.preventDefault();
		window.close();
	});
	$(".lMP")
}
$("#fechaCreacion").datetimepicker({
	locale: "es",
	format: "D-MM-YYYY",
	ignoreReadonly: true
});
$(".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");
	}
});
$("#etiqueta_id").on("changed.bs.select", function(e, clickedIndex){
	if( clickedIndex != 0 ){
		$("#etiqueta-productos").html("");
		if($(this).val() != null){
			$.each( $(this).val(), function(key, value){
				if( value != '' ){
					$("#etiqueta-productos").closest('.form-group').removeAttr("style");
					$("#etiqueta-productos").append(' \
						<span class="label label-info" style="margin-bottom: 15px;"> \
							'+$("#etiqueta_id > [value='"+value+"']").html()+' \
							<i class="fa fa-times etiq eliminar-etiqueta'+value+'" data-id="'+value+'" style="cursor: pointer; padding-left: 5px" ></i> \
						</span> &nbsp; \
					');
					$(".eliminar-etiqueta"+value).click(function(){
						$(this).parent().remove();
						var ids = [];
						$(".etiq").each(function(){
							ids.push($(this).attr("data-id"));
						});
						$("#etiqueta_id").selectpicker("val", ids);
						$("#frmAgregar").find('[name="IdsEtiquetas"]').val(ids);
					});
				}
			});
			var productos = $(this).val().filter(Boolean);
			if($("#frmAgregar").find('[name="IdsEtiquetas"]').length == 0){
				$("#frmAgregar").append('<input type="hidden" name="IdsEtiquetas" value="'+productos+'">');
			}
			else{
				$("#frmAgregar").find('[name="IdsEtiquetas"]').val(productos);
			}
		}
	}
});
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,
});
$(".inTelIn").each(function(){
	$(this).blur(function(){
		if($(this).closest(".input-group").find(".ext").length > 0){
			if($(this).closest(".input-group").find(".ext").val() != ""){
				var numero = $(this).intlTelInput("getNumber") + " ext. "+$(this).closest(".input-group").find(".ext").val();
				var tipo = $(this).attr("name");
				var ext = $(this).closest(".input-group").find(".ext").val();
			}
			else{
				var numero = $(this).intlTelInput("getNumber");
				var tipo = $(this).attr("name");
				var ext = "";
			}
		}
		else{
			var numero = $(this).intlTelInput("getNumber");
			var tipo = $(this).attr("name");
			var ext = "";
		}
		if(($('[name="clienteCrm"]').length == 0 && numero != '') ){
			if($("#ventanaEliminada").length == 0){
				VerificarNumero(numero, tipo, ext);
			}
		}
		/*else{
			if($('[name="clienteCrm"]').length == 0){
				VerificarNumero(numero, tipo, ext);
			}
		}*/
	});
});
$(".ext").each(function(){
	$(this).blur(function(){
		var numero = $(this).closest(".input-group").find('[data-name]').intlTelInput("getNumber") + " ext. "+$(this).val();
		var tipo = $(this).closest(".input-group").find('[data-name]').attr("name");
		var ext = $(this).val();
		if($('[name="clienteCrm"]').length == 0 && $(this).val() != ''){
			if($("#ventanaEliminada").length == 0){
				VerificarNumero(numero, tipo, ext);
			}
		}
	});
});
if( $.browser.mozilla ){
	$("#frmAgregar").find("input").each(function(){
		$(this).prop("autocomplete", "off");
	});
}
else{
	$("#frmAgregar").find("input").each(function(){
		$(this).prop("autocomplete", "disabled");
	});
}
$("#frmAgregar").submit(function(e){
	e.preventDefault();
	//if($("#frmAgregar").valid()){
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		$("#btnAgregar").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){
			$("#frmAgregar").find("#productos").val(1);
		}
		var idsp = [];
		$("#tblProductosVenta").find("[data-idps]").each(function(){
			idsp.push($(this).attr("data-idps"));
		});
		var variaciones = [];
		$("#tblProductosVenta").find("[data-idvps]").each(function(){
			var idV = $(this).attr("data-idvps");
			var cantidad = $(this).find(".nmPVC").val();
			variaciones.push(idV);
			$("#frmAgregar").append('<input type="hidden" name="cantidad'+idV+'" class="data-eliminar" value="'+cantidad+'">');
		});
		var idEtiquetas = $("#etiqueta_id").val().filter(Boolean);
		$("#frmAgregar").append('<input type="hidden" name="IdsEtiquetas" value="'+idEtiquetas+'">');
		$("#frmAgregar").append('<input type="hidden" name="idPS" class="idsPS" value="'+idsp+'">');
		$("#frmAgregar").append('<input type="hidden" name="idsVPS" class="idsVPS" value="'+variaciones+'">');
		var frmAgregar = new FormData(document.getElementById("frmAgregar"));
		if( $("#btnAgregar").attr("data-procesando") == 0 ){
			$("#btnAgregar").attr("data-procesando", 1);
			$.ajax({
				type: "POST",
				url: "<?php echo URL::route('SysWebGClientesClientesAgregar', array()); ?>",
				data: frmAgregar,
				cache: false,
				contentType: false,
				processData: false,
				dataType: "json",
				success: function(data){
					$.isLoading("hide"); NProgress.done();
					$("#btnAgregar").attr("data-procesando", 0);
					$("#btnAgregar").html("Guardar").prop("disabled", false);
					$(".idsPS").remove();
					$("#frmAgregar").find(".data-eliminar").remove();
					$("#frmAgregar").find(".idsVPS").remove();
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
						if( $.GET("sc-cer") != undefined ){
							setTimeout( function(){ window.close(); }, 2000 );
						}
						else{
							if( $.GET("sc-cer-ruta") != undefined ){
								setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesClientes'); ?>"; }, 3000 );
							}
							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: "<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>",
								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");
		}
	});
});
$('[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(); ?>