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

<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

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

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

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

<?php echo HTML::style('Perfect-Scrollbar/css/perfect-scrollbar.css'); ?>


<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header,
	.color-head-modal .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	#modal {
		z-index:100;
		background: white;
		text-align: center;
	}
	.intl-tel-input {
		height: 34px !important;
		width: 100%;
	}
	.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"] {
		padding-right: 6px !important;
		padding-left: 52px !important;
		margin-left: 0;
	}
	.nav-tabs > li > a:hover {
		color: #505458;
	}
	.nav-tabs > li > a:hover > .fa {
		color: #505458;
	}
	a {
		text-decoration: none;
		color: #424a4d;
	}
	a:hover{
		text-decoration: none;
		color: #424a4d;
	}
	.control-label{
		text-align: right;
	}
	.padding-left {
		padding-left: 0px;
	}
	.padding-rigth {
		padding-right: 0px;
	}
	.footer{
		text-align: center;
		margin-top: 25px; 	
	}
	.footer a{
		width: 85%;
	}
	.fa-facebook-square{
		color: #1a5b8e;
		font-size: 20px;
	} 
	.fa-linkedin-square{
		color: #1876c2;
		font-size: 20px;
	}
 	.fa-instagram{
		color: #ffffff;
	}
	.fa-twitter-square{
		color: #1ab2e8;
		font-size: 20px;
	}
 	.fa-pinterest-square{
		color: #cb2027;
		font-size: 20px;
	}
	.instagram {
		display: inline-block;
		width: 20px;
		height: 20px;
		text-align: center;
		border-radius: 5px;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		background: #d6249f;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
		box-shadow: 0px 1px 5px rgba(0,0,0,.25);
	}
	.icono-historia.fa-user{
		font-size: 60px;
	}
	.icono-historia.fa-shopping-cart{
		font-size: 55px;
	}
	.informacion-compra{
		padding: 5px;
		border: 1px solid #56be22;
		margin-bottom: 15px;
		border-radius: 10px;
	}
	.monto {
		font-size: 18px
	}
	.total{
		font-size: 25px;
		color: #56be22;
	}
	.tab-content, #actividades{
		min-height: 600px;
	}
	.tab-content{
		padding: 5px
	}
	.align-middle {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	.timeline{
		background-color: #f3f3f3;
	}
	.timeline-item.alt  .panel-body{
		text-align:right;
	}
	.opacidad.activa{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.timeline .timeline-icon.green {
		background: none repeat scroll 0 0 #56be22;
	}
	.timeline .timeline-icon.blue {
		background: none repeat scroll 0 0 #00a0ef;
	}
	.timeline .timeline-icon.sky-blue {
		background: none repeat scroll 0 0 #67D4FE;
	}
	.timeline .timeline-icon.yellow {
		background: none repeat scroll 0 0 #f7cf53;
	}
	.timeline .timeline-icon.blue-s {
		background: none repeat scroll 0 0 #39b3d7;
	}
	.timeline-desk .panel {
		margin: 15px !important;
	}
	.isloading-overlay > .isloading-wrapper {
		display: inline-block;
		position: relative !important;
		height: auto !important;
		top: 45% !important;
	}
	/*.act.active .tab-content  .isloading-overlay {
		display: none !important;
	}*/
	.isloading-overlay {
		left: 0px !important;	
	}
	.tab-content .tab-pane {
		padding: 5px;
	}
	#actividades {
		padding: 7px;
	}
	#historias {
		padding: 30px;
	}
	.historias-compras .isloading-overlay{
		position: inherit;
	}
	.footer > div {
		padding: 0px;
	}
	.table {
		table-layout:fixed;
		width:100%;
	}
	.btn {
		white-space: normal;
	}
	.padding-left h3{
		font-size: 1.4vw;
	}
	.padding-right h3{
		font-size: 1.4vw;
	}
	.table>thead>tr>th, .table>tbody>tr>td {
		font-size: 0.7vw;
	}
	.table>tbody>tr>td {
		font-size: 0.7vw;
	}
	@media  only screen and (min-width: 770px) and (max-width: 1050px ){
		.avatar{
			height: unset !important;
			width: 100% !important;
		}
		.monto {
			font-size: 15px;
		}
		.total {
			font-size: 15px;
		}
		.table>thead>tr>th, .table>tbody>tr>td {
			font-size: 0.7vw;
			padding: 8px 0px;
		}
		.table>tbody>tr>td {
			font-size: 0.7vw;
			padding: 8px 0px;
		}
		.padding-left h3{
			font-size: 3vh;
		}
		.padding-right h3{
			font-size: 3vh;
		}
		.user-profile-sidebar .control-label + div, .user-profile-sidebar .control-label{
			font-size: 12px;
		}
		.contenedor-icono {
			font-size: 11px;
		}
		.timeline p{
			font-size: 12px !important;
		}
		.timeline .panel-body{
			font-size: 12px !important;
		}
		.footer .btn{
			font-size: 10px !important;
		}
	}
	.timeline li {
		list-style:none
	}
	.Asignar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.Asignar .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	.bootstrap-select .btn {
		white-space: nowrap;
	}
	.bootstrap-select .status{
		padding-left: 10px;
	}
	.tab-content {
		margin-bottom: 15px;
	}
	.informacion-compra {
		border: 1px solid #56be22;
	}
	.informacion-compra.pendiente {
		border: 1px solid #ffd12c;
	}
	.informacion-compra.cotizado {
		border: 1px solid #88d2f5;
	}
	.informacion-compra.rechazado {
		border: 1px solid #e49191;
	}
</style>
<?php $__env->stopSection(); ?>


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

<div class="row col-iguales">
	<div class="col-md-4 column">
		<div class="block-web alto">
			<div class="user-profile-sidebar">
				<div class="row">
					<div class="form-group col-md-12 col-md-12">
						<div class="col-md-5 text-center">
							<?php if($ClienteCRM->avatar != '' && $ClienteCRM->avatar != null): ?>
								<a href="<?php echo URL::route('SysWebGClientesClientesEditar', array($ClienteCRM->id)); ?>?image=true" class="lNP"><img alt="Avatar" class="avatar" src="<?php echo $ClienteCRM->avatar; ?>" style="height: 140px; width: 150px; object-fit: contain;" id=""></a>
							<?php else: ?>
								<a href="<?php echo URL::route('SysWebGClientesClientesEditar', array($ClienteCRM->id)); ?>?image=true" class="lNP"><img alt="Avatar" class="avatar" src="<?php echo asset('SysWeb/SumeClientes/Perfil.png'); ?>" style="height: 140px; width: 150px; object-fit: contain;" id=""></a>
							<?php endif; ?>
						</div>
						<div class="col-md-7">
							<div class="user-identity">
								<h4><strong> <?php echo $ClienteCRM->nombre_del_contacto; ?> </strong></h4>
								<p><i class="fa fa-building"></i> <?php echo $ClienteCRM->nombre_del_cliente_o_empresa; ?></p>
							</div>
						</div>
						<div class="col-md-12">
							<div class="col-md-6 padding-left">
								<?php
									$sql = 'SELECT
										SUM(montoDetalleVenta) AS VVC
									FROM
										(
											(
												SELECT
													( vxp.cantidad * vxp.precio_venta ) AS montoDetalleVenta,
													(SELECT COUNT(sxp.id) FROM seguimientos_x_prospectos AS sxp WHERE sxp.prospectos_id = p.id AND sxp.estado = "V") AS vendido
												FROM
													variaciones_x_prospectos AS vxp
												INNER JOIN
													variaciones_productos_servicios AS vps
													ON vps.id = vxp.variaciones_productos_servicios_id
												INNER JOIN
													productos_servicios AS ps
													ON ps.id = vps.productos_servicios_id
												INNER JOIN
													prospectos AS p
													ON p.id = vxp.prospectos_id
												WHERE
													p.id IN(
														SELECT
															hdc.gestor_prospectos
														FROM
															historias_de_compras AS hdc
														WHERE
															hdc.clientes_crm_id = @idCCRM AND
															hdc.gestor_prospectos <> \'\'
													)
												HAVING
													vendido > 0
											)
											UNION ALL
											(
												SELECT
													( dpps.cantidad * dpps.precio_venta ) AS montoDetalleVenta,
													1 as vendido
												FROM
													detalles_pedidos_productos_servicios AS dpps
												INNER JOIN
													variaciones_productos_servicios AS vps
													ON vps.id = dpps.variaciones_productos_servicios_id
												INNER JOIN
													productos_servicios AS ps
													ON ps.id = vps.productos_servicios_id
												INNER JOIN
													pedidos_productos_servicios AS pps
													ON pps.id = dpps.pedidos_productos_servicios_id
												WHERE
													pps.id IN (
														SELECT
															hdc.tienda_en_linea
														FROM
															historias_de_compras AS hdc
														WHERE
															hdc.clientes_crm_id = @idCCRM AND
															hdc.tienda_en_linea <> \'\'
													) AND
													( pps.estado NOT IN(\'PP\', \'CPE\')  )
											)
										) AS tmpRegistroCompras
									;';
									$sql = str_replace('@idCCRM', $ClienteCRM->id, $sql);
									$VVCBruto = DB::select(DB::raw($sql));
								?>
								<h3><strong> VVC BRUTO: <br> <span class="spPrecio" data-valor="<?php echo $VVCBruto[0]->VVC; ?>"></span></strong></h4>
							</div>
							<div class="col-md-6 padding-right">
								<?php
									$sql = 'SELECT
										montoDetalleVenta
									FROM
										(
											(
												SELECT
													(IF(
														( vxp.tipo_margen_ganancia = \'P\' ),
														( vxp.precio_venta*( vps.margen_ganancia/100 ) ),
														( IF(
															( vxp.precio_venta < vxp.precio_lista ),
															vxp.margen_ganancia - ( vxp.precio_lista - vxp.precio_venta ),
															IF(
																( vxp.precio_venta = vxp.precio_lista ),
																vxp.margen_ganancia,
																( vxp.margen_ganancia + ( vxp.precio_venta - vxp.precio_lista ))
															)
														)
														)
													)) AS montoDetalleVenta,
													(SELECT COUNT(sxp.id) FROM seguimientos_x_prospectos AS sxp WHERE sxp.prospectos_id = p.id AND sxp.estado = "V") AS vendido
												FROM
													variaciones_x_prospectos AS vxp
												INNER JOIN
													variaciones_productos_servicios AS vps
													ON vps.id = vxp.variaciones_productos_servicios_id
												INNER JOIN
													productos_servicios AS ps
													ON ps.id = vps.productos_servicios_id
												INNER JOIN
													prospectos AS p
													ON p.id = vxp.prospectos_id
												WHERE
													p.id IN(
														SELECT
															hdc.gestor_prospectos
														FROM
															historias_de_compras AS hdc
														WHERE
															hdc.clientes_crm_id = @idCCRM AND
															hdc.gestor_prospectos <> \'\'
													)
												HAVING
													vendido > 0
											)
											UNION ALL
											(
												SELECT
													(IF(
														( dpps.tipo_margen_ganancia = \'P\' ),
														( dpps.precio_venta*( dpps.margen_ganancia/100 ) ),
														( IF(
															( dpps.precio_venta < dpps.precio_lista ),
															dpps.margen_ganancia - ( dpps.precio_lista - dpps.precio_venta ),
															IF(
																( dpps.precio_venta = dpps.precio_lista ),
																dpps.margen_ganancia,
																( dpps.margen_ganancia + ( dpps.precio_venta - dpps.precio_lista ) )
															))
														))) AS montoDetalleVenta,
													1 AS vendido
												FROM
													detalles_pedidos_productos_servicios AS dpps
												INNER JOIN
													variaciones_productos_servicios AS vps
													ON vps.id = dpps.variaciones_productos_servicios_id
												INNER JOIN
													productos_servicios AS ps
													ON ps.id = vps.productos_servicios_id
												INNER JOIN
													pedidos_productos_servicios AS pps
													ON pps.id = dpps.pedidos_productos_servicios_id
												WHERE
													pps.id IN (
														SELECT
															hdc.tienda_en_linea
														FROM
															historias_de_compras AS hdc
														WHERE
															hdc.clientes_crm_id = @idCCRM AND
															hdc.tienda_en_linea <> \'\'
													) AND
													( pps.estado NOT IN(\'PP\', \'CPE\') )
											)
										) AS tmpRegistroCompras
									;';
									$sql = str_replace('@idCCRM', $ClienteCRM->id, $sql);
									$VVCsNeto = DB::select(DB::raw($sql));
									$positivos = 0;
									$negativos = 0;
									foreach($VVCsNeto as $indice => $VVCNeto){
										if( $VVCNeto->montoDetalleVenta < 0 ){
											$negativos = $negativos+abs($VVCNeto->montoDetalleVenta);
										}
										else{
											$positivos = $positivos+$VVCNeto->montoDetalleVenta;
										}
									}
									if( $positivos > $negativos ){
										$VVCN = $positivos-$negativos;
									}
									else{
										$VVCN = $negativos-$positivos;
									}
								?>
								<h3><strong> VVC NETO: <br> <span class="spPrecio" data-valor="<?php echo $VVCN; ?>"></span></strong></h4>
							</div>
						</div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label">Teléfono:  </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->numero_de_telefono_fijo; ?> </div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Teléfono secudario: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->numero_de_telefono_fijo2; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Celular: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->numero_de_celular; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> WhatsApp: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->numero_de_whatsapp; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Teléfono de trabajo: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->numero_de_trabajo; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Correo electrónico: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->correo_electronico; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> País: </label>
						<div class="col-md-8">&nbsp;<?php echo ($ClienteCRM->pais != '' && $ClienteCRM->pais != null)?Locale::getDisplayRegion('-'.$ClienteCRM->pais, 'es'):'';; ?> </div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Estado: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->estado; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Ciudad: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->ciudad; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Codigo postal: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->codigo_postal; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Dirección: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->direccion; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Dirección de referencia: </label>
						<div class="col-md-8">&nbsp;<?php echo $ClienteCRM->referencia_dir; ?></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Redes: </label>
						<?php $Redes = json_decode($ClienteCRM->redes_sociales, true)?>
					<div class="col-md-8" style="font-size: 18px;"> 
						<a href="<?php echo $Redes['facebook']; ?>" target="_blank"> <i class="fa fa-facebook-square tooltips"  data-toggle="tooltip" data-placement="top" <?php if($Redes['facebook'] != '' && $Redes['facebook'] != null): ?> title="Facebook" <?php else: ?> title="Red no cofigurada" <?php endif; ?>></i></a>
						<a href="<?php echo $Redes['linkedin']; ?>" target="_blank"> <i class="fa fa-linkedin-square tooltips" data-toggle="tooltip" data-placement="top" <?php if($Redes['linkedin'] != '' && $Redes['linkedin'] != null): ?> title="Linkedin" <?php else: ?> title="Red no cofigurada" <?php endif; ?>></i></a>
						<a href="<?php echo $Redes['instagram']; ?>" target="_blank" class="instagram"> <i class="fa fa-instagram tooltips"  data-toggle="tooltip" data-placement="top" <?php if($Redes['instagram'] != '' && $Redes['instagram'] != null): ?> title="Instagram" <?php else: ?> title="Red no cofigurada" <?php endif; ?> title="Instagram"></i></a>
						<a href="<?php echo $Redes['twitter']; ?>" target="_blank"> <i class="fa fa-twitter-square tooltips"  data-toggle="tooltip" data-placement="top" <?php if($Redes['twitter'] != '' && $Redes['twitter'] != null): ?> title="Twitter" <?php else: ?> title="Red no cofigurada" <?php endif; ?> title="Twitter"></i></a>
						<a href="<?php echo $Redes['pinterest']; ?>" target="_blank"> <i class="fa fa-pinterest-square tooltips" data-toggle="tooltip" data-placement="top" <?php if($Redes['pinterest'] != '' && $Redes['pinterest'] != null): ?> title="Pinterest" <?php else: ?> title="Red no cofigurada" <?php endif; ?> title="Pinterest"></i></a></div>
					</div>
					<div class="form-group col-md-12">
						<label class="col-sm-4 control-label"> Etiquetas: </label>
						<div class="col-md-8" style="overflow: hidden;"> 
							<?php 
								$count = 0;
								$EtiquetasHTML = '';
								foreach ($Etiquetas as $key => $etiqueta) {
									$count++;
									if($count < 5){
										$EtiquetasHTML .= '<div style="margin-bottom: 10px; display: inline-block;">
											<span class="label label-info" >
											'.$etiqueta->nombre.'
											</span>
										</div>' ;
									}
								}
								if(count($Etiquetas) > 4){
									$EtiquetasHTML .= '<p><a href="javascript:void(0);" class="ventana-etiquetas" style="color: #2a6496;">Ver más</a></p>';
								}
							?>
							<?php echo $EtiquetasHTML; ?>

						</div>
					</div>
					<div class="footer">
						<div class="col-md-6">
							<div class="form-group">
								<a href="<?php echo URL::route('SysWebGClientesClientesEditar', array($ClienteCRM->id)); ?>?Perfil=true" class="btn btn-warning lNP"> Ver o Editar Información </a>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<a href="<?php echo URL::route('SysWebGClientesProspectosAgregar', array()); ?>?idC=<?php echo $ClienteCRM->id; ?>" class="btn btn-primary lNP"> Nueva Gestión de Venta </a>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<a href="<?php echo URL::route('SysWebGClientesClientesAgregarVenta', array()); ?>?idC=<?php echo $ClienteCRM->id; ?>" class="btn btn-success lNP"> Agregar Venta </a>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<a  href="#" class="btn btn-default lR"> Cancelar </a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!--/block-web--> 
	</div><!--/col-md-4-->
	
	<div class="col-md-8 column">
		<div class="block-web">
			<div class="header"> 
				<h3 class="content-header"> 
					Historial
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh tooltips actualizar" data-toggle="tooltip" data-original-title="Actualizar registros" href="#" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
				</h3>
			</div>
			<ul class="nav nav-tabs nav-justified">
				<li class="active"><a data-toggle="tab" href="#contendor-scroll-H"><i class="fa "></i> Historial de compras </a></li>
				<li class="act hidden-xs"><a data-toggle="tab" href="#contendor-scroll-A"><i class="fa "></i> Registro de actividades </a></li>
			</ul>
			<div class="tab-content" >
				<div id="contendor-scroll-H" class="info-historias tab-pane active" style="height: inherit; position: relative;">
					<div id="historias">
						<div class="historias-compras">
							
						</div>
					</div>
					
				</div>
				<div id="contendor-scroll-A" class="tab-pane" style="height: inherit; position: relative;">
					<div id="actividades"  style="height: inherit;">
						<div class="timeline" style="height: inherit;">
							
						</div>
					</div>
					
				</div>
			</div><!--/tab-content-->
		</div><!--/block-web--> 
	</div><!--/col-md-8--> 
	<?php
		$Cliente = (Auth::user()->tipo == 'EC')?Cliente::find(Empleado::select('clientes_id AS id')->where('users_id', '=', Auth::id())->first()->id):Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::id())->first()->id);
	?>
</div><!--/row--> 
<?php $__env->stopSection(); ?>

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

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

<?php echo HTML::script('ajax-bootstrap-select/js/locale/ajax-bootstrap-select.es-ES.min.js'); ?>

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

<?php echo HTML::script('country-region-selector/crs.min.js'); ?>

<?php echo HTML::script('WebPro/plugins/dropzone/dropzone.min.js'); ?>

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

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

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

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

<?php echo HTML::script('Perfect-Scrollbar/dist/perfect-scrollbar.js'); ?>

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

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

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

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsurl/2.2.0/url.min.js"></script>
<script>
	var definir = "";
	function convertirPrecios(){
		var codigoMoneda = "<?php echo $Cliente->codigo_moneda; ?>";
		var simboloMoneda = "<?php echo $Cliente->simbolo_moneda; ?>";
		$(".spPrecio").not(".hecho").each(function(e){
			var el = $(this);
			var precio = el.attr("data-valor");
			var precioF = accounting.formatMoney(precio, {
				symbol: codigoMoneda+" "+simboloMoneda,
				precision: 2,
				decimal : ".",
				thousand: ".",
				format: "%s%v"
			});
			el.html(precioF).addClass("hecho");
		});
	}
	function obtenerHistorialCompras(inicio, pagina){
		if($("#historias").find(".isloading-overlay").length == 0){
			$( ".historias-compras").isLoading({text: "Actualizando", position: "overlay"});
		}
		$("#historias").find(".isloading-overlay").css("height", (document.querySelector(".info-historias").scrollHeight + 20)+"px");
		<?php if(isset($_GET["MHC"])): ?>
		var infoCompleta = true;
		<?php else: ?>
		var infoCompleta = false;
		<?php endif; ?>
		var json;
		$.post(
			"<?php echo URL::route('SysWebGClientesClientesFichaCliente', array($ClienteCRM->id)); ?>",
			{tipo: 'historial', cliente_id: <?php echo $ClienteCRM->id; ?>, inicio:inicio, page:pagina, infoCompleta: infoCompleta},
			function(data){
				$(".historias-compras").isLoading("hide");
				$.each(data.HistorialCompras, function(index, historia){
					var informacion = "";
					var Total = 0;
					var hora = moment(historia.fecha_registrado).format("h:mm a");
					var ruta = "<?php echo URL::route('SysWebGClientesProspectosEditar', array("7")); ?>";
					ruta = ruta.replace('7', historia.id);
					if(historia.tipo){
						var icono = '<div class="contenedor-icono col-md-2 text-center align-middle"><a <?php if(isset($_GET["MHC"])): ?> href="'+ruta+'" target="_blank" <?php endif; ?>><span class="fa fa-user icono-historia"></span></a><p><b> Fecha de compra: </b>'+moment(historia.fecha_registrado).format("DD/MM/YYYY")+' '+hora+'</p> <?php if(isset($_GET["MHC"])): ?><button  id="reasignar_'+historia.id+'" class="Ventana-reasignar btn btn-info" prospecto_id="'+historia.id+'">Cambiar cliente</button><?php endif; ?></div>';
					}
					else{
						var icono = '<div class="contenedor-icono col-md-2 text-center align-middle"><span class="fa fa-shopping-cart icono-historia"></span><p><b> Fecha de compra: </b>'+moment(historia.fecha_registrado).format("DD/MM/YYYY")+' '+hora+'</p> <?php if(isset($_GET["MHC"])): ?><button id="reasignar_'+historia.id+'"class="Ventana-reasignar btn btn-info" prospecto_id="'+historia.id+'">Cambiar cliente</button><?php endif; ?></div>';
					}
					$.each(JSON.parse(historia.productos), function(index, info){
						informacion += '<tr>\
							<td class="text-center">'+info.psNombre+'</td>\
							<td class="text-center">'+info.psCantidad+'</td>\
							<td class="text-center"> <span class="spPrecio" data-valor="'+parseFloat(info.psPrecioVenta)+'">'+parseFloat(info.psPrecioVenta).toFixed(2)+'</span></td>\
						</tr>';
						Total = Total + (parseFloat(info.psPrecioVenta) * parseInt(info.psCantidad));
					});
					var table = '<table class="table" > \
						<thead> \
							<th class="text-center">Productos/Servicios</th>\
							<th class="text-center" style="width: 22%;">Cantidad</th>\
							<th class="text-center" style="width: 21%;">Precio</th>\
						</thead> \
						<tbody> \
							'+informacion+'\
						</tbody>\
					</table>';
					var clase = "";
					<?php if(isset($_GET["MHC"])): ?>
						if(historia.vendido == 'V'){
							var clase = "vendido";
						}
						else if(historia.vendido == 'C'){
							var clase = "cotizado";
						}
						else if(historia.vendido == 'R'){
							var clase = "rechazado";
						}
						else{
							var clase = "pendiente";
						}
					<?php endif; ?>
					var htmlHistoria = '<div class="informacion-compra row '+clase+'">'+icono+'<div class="informacion-productos col-md-7 align-middle">'+table+'</div><div class="col-md-3 align-middle"><p class="text-center monto"><b>Monto total:</b></p><p class="text-center total"><b> <span class="spPrecio" data-valor="'+parseFloat(Total).toFixed(2)+'">'+parseFloat(Total).toFixed(2)+'</span></b></p></div></div>';
					$('.historias-compras').append(htmlHistoria);
					var tipo = (historia.tipo)?"prospectos":"tienda";
					reasignarCliente(historia.id, tipo);
				});
				$("#contendor-scroll-H").attr("data-t", data.total);
				convertirPrecios();	
			},
			"json"
		);
	}
	function obtenerRegistroActividades(inicio, pagina){
		if($("#actividades").find(".isloading-overlay").length == 0){
			$("#actividades").find(".timeline").isLoading({text: "Actualizando", position: "overlay"});
		}
		<?php if(isset($_GET["MHC"])): ?>
		var infoCompleta = true;
		<?php else: ?>
		var infoCompleta = false;
		<?php endif; ?>
		$.post(
			"<?php echo URL::route('SysWebGClientesClientesFichaCliente', array($ClienteCRM->id)); ?>",
			{tipo: 'actividades', cliente_id: <?php echo $ClienteCRM->id; ?>, inicio:inicio, page: pagina, infoCompleta: infoCompleta},
			function(data){
				var cont = 0;
				$.each(data.Actividades, function(index, actividad){
					var htmlSeg = "";
					var html = "";
					var hora = moment(actividad.fecha).format("h:mm a");
					if(actividad.tipo == "SP"){
						if(actividad.contenido !='' && actividad.contenido != null){
							var PS = JSON.parse(actividad.contenido);
							var conV = 0;
							var productos = "";
							var total = 0
							var comentario = "";
							$.each(PS.Productos, function(index, producto){
								productos += '<tr class="text-center"><td> '+producto.psNombre+'</td>'
								productos += '<td>'+producto.psCantidad+'</td>'
								productos += '<td><span class="spPrecio" data-valor="'+parseFloat(producto.psPrecioVenta)+'">'+producto.psPrecioVenta+'</span></td></tr>'
								total = total + (parseFloat(producto.psPrecioVenta) * parseInt(producto.psCantidad));
							});
							$.each(PS.Seguimiento, function(i, seguimiento){
								//cont++
								definir = (definir == "par")?'impar':'par';
								var clase_line = (definir == "par")?"alt": "";
								var row_line = (definir == "par")?"arrow-alt": "arrow";
								var Titulo = "";
								if(seguimiento.estado == "P"){
									var claseEstado = "yellow";
								}
								else if(seguimiento.estado == "C"){
									var claseEstado = "sky-blue";
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Información de Cotización</b></p>';
								}
								else if(seguimiento.estado == "V"){
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Venta Realizada</b></p>';
									var claseEstado = "green";
								}
								else{
									var claseEstado = "red";
								}
								if(seguimiento.tipo == "N"){
									var icono_actividad = '<span class="timeline-icon '+claseEstado+'"><i class="fa fa-file-text"></i></span>';
								}
								else if(seguimiento.tipo == "LL"){
									var icono_actividad = '<span class="timeline-icon '+claseEstado+'"><i class="fa fa-phone"></i></span>';
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Llamada Realizada</b></p>';
								}
								else if(seguimiento.tipo == "CE"){
									var icono_actividad = '<span class="timeline-icon '+claseEstado+'"><i class="fa fa-envelope-o"></i></span>';
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Correo Electrónico</b></p>';
								}
								else if(seguimiento.tipo == "MSJ"){
									var icono_actividad = '<span class="timeline-icon '+claseEstado+'"><i class="fa fa-comments"></i></span>';
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Mensaje</b></p>';
								}
								else{
									var icono_actividad = '<span class="timeline-icon '+claseEstado+'"><i class="fa fa-users"></i></span>';
									Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Reunión Programada</b></p>';
								}
								var table = "";
								if(seguimiento.estado == 'V' || seguimiento.estado == 'C'){
									table = '<table class="table" > \
										<thead> \
											<th class="text-center">Productos/Servicios</th>\
											<th class="text-center" style="width: 15%;">Cantidad</th>\
											<th class="text-center" style="width: 25%;">Precio</th>\
										</thead> \
										<tbody> \
											'+productos+'\
										</tbody>\
									</table>\
									<p><b>Total: <span class="spPrecio" data-valor="'+parseFloat(total)+'">'+total+'</span></b></p>';
									if(seguimiento.estado == 'V'){
										var icono_actividad = '<span class="timeline-icon green"><i class="fa fa-usd"></i></span>';
									}
								}
								if(seguimiento.Modificado == "A" && seguimiento.estado == "P"){
									if(seguimiento.empleado != 0){
										Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Modificación de Información</b><br><br><b>'+seguimiento.empleado+'</b>: realizó las siguientes modificaciones</p>';
									}
									else{
										Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Modificación de Información</b><br><br></p>';
									}
								}
								/*if(seguimiento.Modificado == "I"){
									$.each(seguimiento.comentario, function(index, coment){
										comentario += '<p style="margin-top: 15px;"><b>Productos/Servicios:</b></p>';
										$.each(coment, function(index, producto){
											comentario += '<p>'+producto.nombre+'</p>';
										})
									});
								}*/
								if(seguimiento.Modificado != "I"){
									if(seguimiento.programada == "1"){
										var fechaP = moment(seguimiento.fechaProgramda).format("DD/MM/YYYY h:mm a");
										Titulo ='<p style="font-size: 16px; margin-bottom: 15px;"><b>Llamada Programada Para el: </b> <br>'+fechaP+'</p>';
									}
									htmlSeg += '<div class="timeline-item '+clase_line+'">\
										<div class="timeline-desk">\
											<div class="panel">\
												<div class="panel-body">\
													<span class="'+row_line+'"></span>\
													'+icono_actividad+'\
													<span class="timeline-date">'+moment(seguimiento.fecha).format("DD/MM/YYYY h:mm a")+'</span>\
													<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(seguimiento.fecha).format("DD/MM/YYYY h:mm a")+'</h1>\
													'+Titulo+'\
													'+table+'\
													<p>'+seguimiento.comentario+'</p>\
												</div>\
											</div>\
										</div>\
									</div>';
								}
							});
						}
						//cont = cont+1;
						/*cont = cont+1;
						var clase_timeline = (cont % 2)?"alt": "";
						var row_timeline = (cont % 2)?"arrow-alt": "arrow";
						html = '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										<span class="timeline-icon blue"><i class="fa fa-user"></i></span>\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<p style="font-size: 16px; margin-bottom: 15px;"><b>Registro de Contacto</b></p>\
										<p>Referencia: '+PS.Prospectos[0].Referencia+'</p>\
										<p>Atendido por: '+PS.Prospectos[0].Contestado+'</p>\
										<p>Asignado: '+PS.Prospectos[0].Asignado+'</p>\
										'+comentario+'\
									</div>\
								</div>\
							</div>\
						</div>';*/
					}
					else if(actividad.tipo == "P"){
						var PS = JSON.parse(actividad.contenido);
						var comentario = "";
						definir = (definir == "par")?'impar':'par';
						var clase_timeline = (definir == "par")?"alt": "";
						var row_timeline = (definir == "par")?"arrow-alt": "arrow";
						if(PS.Seguimiento != '' && PS.Seguimiento != null){
							$.each(PS.Seguimiento, function(i, seguimiento){
								$.each(seguimiento.comentario, function(index, coment){
									comentario += '<p style="margin-top: 15px;"><b>Productos/Servicios:</b></p>';
									$.each(coment, function(index, producto){
										comentario += '<p>'+producto.nombre+'</p>';
									})
								});
							});
						}
						else{
							comentario += '<p style="margin-top: 15px;"><b>Productos/Servicios:</b></p>';
						}
						htmlSeg = '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										<span class="timeline-icon blue"><i class="fa fa-user"></i></span>\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<p style="font-size: 16px; margin-bottom: 15px;"><b>Registro de Contacto</b></p>\
										<p>Referencia: '+PS.Prospectos[0].Referencia+'</p>\
										<p>Atendido por: '+PS.Prospectos[0].Contestado+'</p>\
										<p>Asignado: '+PS.Prospectos[0].Asignado+'</p>\
										'+comentario+'\
									</div>\
								</div>\
							</div>\
						</div>';
					}
					else if(actividad.tipo == 'SS' || actividad.tipo == 'C'){
						definir = (definir == "par")?'impar':'par';
						var clase_timeline = (definir == "par")?"alt": "";
						var row_timeline = (definir == "par")?"arrow-alt": "arrow";
						if(actividad.tipo == 'SS'){
							var icono_actividad = '<span class="timeline-icon blue-s"><i class="fa fa-retweet"></i></span>';
						}
						else {
							var icono_actividad = '<span class="timeline-icon blue-s"><i class="fa fa-bullhorn"></i></span>';
						}
						htmlSeg += '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										'+icono_actividad+'\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<div class="contenido">'+actividad.contenido+'</div>\
									</div>\
								</div>\
							</div>\
						</div>';
					}
					else if(actividad.tipo == 'SSCO' || actividad.tipo == 'CCO'){
						definir = (definir == "par")?'impar':'par';
						var clase_timeline = (definir == "par")?"alt": "";
						var row_timeline = (definir == "par")?"arrow-alt": "arrow";
						htmlSeg += '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										<span class="timeline-icon blue-s"><i class="fa fa-envelope-open"></i></span>\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<div class="contenido">'+actividad.contenido+'</div>\
									</div>\
								</div>\
							</div>\
						</div>';
					}
					else if(actividad.tipo == 'SCL' || actividad.tipo == 'CCL'){
						definir = (definir == "par")?'impar':'par';
						var clase_timeline = (definir == "par")?"alt": "";
						var row_timeline = (definir == "par")?"arrow-alt": "arrow";
						htmlSeg += '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										<span class="timeline-icon blue-s"><i class="fa fa-hand-pointer-o"></i></span>\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<div class="contenido">'+actividad.contenido+'</div>\
									</div>\
								</div>\
							</div>\
						</div>';
					}
					else if( actividad.tipo == 'CA' ){
						definir = (definir == "par")?'impar':'par';
						var clase_timeline = (definir == "par")?"alt": "";
						var row_timeline = (definir == "par")?"arrow-alt": "arrow";
						htmlSeg += '<div class="timeline-item '+clase_timeline+'">\
							<div class="timeline-desk">\
								<div class="panel">\
									<div class="panel-body">\
										<span class="'+row_timeline+'"></span>\
										<span class="timeline-icon light-green"><i class="fa fa-calendar"></i></span>\
										<span class="timeline-date">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</span>\
										<h1 class="green" style="line-height: 5px; padding-top: 10px;">'+moment(actividad.fecha).format("DD/MM/YYYY")+' '+hora+'</h1>\
										<div class="contenido">'+actividad.contenido+'</div>\
									</div>\
								</div>\
							</div>\
						</div>';
					}
					$(".timeline").append(html+htmlSeg);
				});
				convertirPrecios();
				$("#contendor-scroll-A").attr("data-t-t", data.Actividades.length);
				$("#contendor-scroll-A").attr("data-t", data.total);
				$("#actividades").find(".timeline").isLoading("hide");	
			},
			"json"
		);
	}
	function resize(){
		var alto = $(".alto").height();
		var altoH = $(".header").height();
		alto = (parseInt(alto) - (parseInt(altoH) * 2));
		$(".tab-content").css("height", alto+"px");
	}
	function InfinityScroll(){
		var cont = 0;
		//INICIALIZO VARIABLES PARA PAGINACION DE HISTORIAS DE COMPRAS
		var inicio = 0;
		var historias_x_pag = 6;
		//INICIALIZO VARIABLES PARA PAGINACION DE ACTIVIDADES
		var contA = 0;
		var inicioA = 0;
		var actividades_x_pag = 10;
		const container = document.querySelector("#contendor-scroll-H");
		const ps = new PerfectScrollbar(container);
		container.addEventListener("ps-y-reach-end", function () {
			cont++;
			if($("#historias").find(".isloading-overlay").length == 0){
				if(cont < ( parseInt( $("#contendor-scroll-H").attr("data-t") ) / historias_x_pag ) ){
					inicio = parseInt(inicio) + parseInt(historias_x_pag);
					obtenerHistorialCompras(inicio,historias_x_pag);
					var size = container2.scrollHeight;
					var move = size * 0.1;
					//var top = container.scrollTop;
					//var move = top * 30 / 100;
					container.scrollTop = move;
				}
			}
		});
		const container2 = document.querySelector("#contendor-scroll-A");
		const ps2 = new PerfectScrollbar(container2);
		container2.addEventListener("ps-y-reach-end", function () {
			if(parseInt( $("#contendor-scroll-A").attr("data-t-t") ) != 0 ){
				if($("#actividades").find(".isloading-overlay").length == 0){
					if(contA < ( parseInt( $("#contendor-scroll-A").attr("data-t") ) / actividades_x_pag ) ){
						inicioA = parseInt(inicioA) + parseInt(actividades_x_pag);
						obtenerRegistroActividades(inicioA, actividades_x_pag);
						var size = container2.scrollHeight;
						var move = size * 0.1;
						move = size - move;
						container2.scrollTop = move;
					}
				}
			}
		});
	}
	function reasignarCliente(id, tipo){
		var html = '<div class="row">\
				<div class="form-group col-md-12">\
				<label class="col-sm-3 control-label"> Empresa </label>\
				<div class="col-sm-9">\
					<input type="text" class="form-control" value="" name="empresa">\
				</div>\
			</div>\
			<div class="form-group col-md-12">\
				<label class="col-sm-3 control-label"> Nombre de contacto </label>\
				<div class="col-sm-9">\
					<input type="text" class="form-control" value=""  readonly name="nombre">\
				</div>\
			</div>\
			<div class="form-group col-md-12">\
				<label class="col-sm-3 control-label"> Numero de teléfono </label>\
				<div class="col-sm-9">\
					<input type="text" class="form-control" value="" readonly name="telefono">\
				</div>\
			</div>\
			<div class="form-group col-md-12">\
				<label class="col-sm-3 control-label"> Correo electrónico </label>\
				<div class="col-sm-9">\
					<input type="text" class="form-control" value="" readonly name="correo">\
				</div>\
			</div>\
			<div class="form-group col-md-12">\
				<label class="col-sm-3 control-label"> Asignar Cliente </label>\
				<div class="col-sm-9">\
					<select id="clientesCrm" class="selectpicker with-ajax form-control" data-live-search="true" name="pagina_1"></select>\
				</div>\
			</div>\
			<div class="form-group col-md-12">\
				<table class="table table-bordered"> \
					<thead> \
						<th class="text-center">Empresa</th>\
						<th class="text-center" style="width: 22%;">Contacto</th>\
						<th class="text-center" style="width: 21%;">Teléfono</th>\
						<th class="text-center" style="width: 21%;">Correo electrónico</th>\
					</thead> \
					<tbody class="cuerpo"> \
					</tbody>\
				</table>\
			</div>\
		</div>';
		$("#reasignar_"+id).click(function(){
			BootstrapDialog.show({
				title: "<p class='text-center' style='margin: 0px; color:#ccc; font-size: 20px; '>Reasignar Historia de Compra</p>",
				type: BootstrapDialog.TYPE_WARNING,
				size: BootstrapDialog.SIZE_WIDE,
				message: html,
				closable: false,
				draggable: true,
				cssClass: "Asignar",
				buttons: [{
					id: "btnCargar",
					label: "Reasignar",
					cssClass: "btn-success",
					action: function(dialogItself){
						$.post(
							"<?php echo URL::route('SysWebGClientesClientesReasignarHC'); ?>",
							{id: id, idCRM: $("#clientesCrm").val(), tipo:tipo, accion: "asignar"},
							function(data){
								if(data.success){
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
									$('.historias-compras').html("");
									$('.timeline').html("");
									obtenerHistorialCompras(0, 6);
									obtenerRegistroActividades(0, 10);
									InfinityScroll();
									dialogItself.close();
								}
							}
						);
					}
				},
				{
					id: "btnEliminar",
					label: "Desvincular",
					cssClass: "btn-danger pull-left",
					action: function(dialogItself){
						var respuesta = confirm("¿Esta seguro que desea desvincular esta compra?");
						if (respuesta === true) {
							$.post(
								"<?php echo URL::route('SysWebGClientesClientesReasignarHC'); ?>",
								{id: id, idCRM: $("#clientesCrm").val(), tipo:tipo, accion: "desvincular" },
								function(data){
									if(data.success){
										new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
										$('.historias-compras').html("");
										$('.timeline').html("");
										obtenerHistorialCompras(0, 6);
										obtenerRegistroActividades(0, 10);
										InfinityScroll();
										dialogItself.close();
									}
								}
							);
						}
					}
				}
			],
				onshow: function(dialogItself) {
					$.post(
						"<?php echo URL::route('SysWebGClientesClientesDataProspectos'); ?>",
						{id: id},
						function(data){
							$('[name="empresa"]').val(data[0].empresa);
							$('[name="nombre"]').val(data[0].nombre);
							$('[name="telefono"]').val(data[0].telefono);
							$('[name="correo"]').val(data[0].correo);
						}
					);
				},
				onshown: function(dialogItself){
					var modalBody = dialogItself.getModalBody();
					var cliente_id = "<?php echo $Cliente->id; ?>";
					var options = {
						ajax : {
							url: "<?php echo URL::route("SysWebGClientesClientesDataClienteCRM"); ?>",
							type: "POST",
							dataType: "json",
							data: {
								q: "<?= "{{{q}}}" ?>"
							}
						},
						locale: {
							emptyTitle: "Seleccione una página, buscando su nombre"
						},
						log: 3,
						preprocessData: function (data) {
							var i, l = data.length, array = [];
							if (l) {
								for (i = 0; i < l; i++) {
									var cliente = (cliente_id == data[i].clientes_id)?"(Propio)":"(Otros)";
									array.push($.extend(true, data[i], {
										text: data[i].nombre,
										value: data[i].id,
										data: {
											subtext: cliente,
											clientes: data[i].clientes_id,
											contacto: data[i].nombre,
											empresa: data[i].empresa,
											telefono: data[i].telefono,
											correo: data[i].correo_electronico
										}
									}));
								}
							}
							return array;
						}
					};
					$("#clientesCrm").selectpicker().filter(".with-ajax").ajaxSelectPicker(options);
					$("#clientesCrm").on("changed.bs.select", function(e, clickedIndex){
						//console.log(1)
						$(".cuerpo").html("<tr><td>"+$(this).find("option:eq(1)").data("empresa")+"</td>"+"<td>"+$(this).find("option:eq(1)").data("contacto")+"</td>"+"<td>"+$(this).find("option:eq(1)").data("telefono")+"</td>"+"<td>"+$(this).find("option:eq(1)").data("correo")+"</td></tr>")
					})
				},
				
			});
		});
	}
	function verificarVinculosNP(){
		//VERIFICACIÓN DE LOS VÍNCULOS QUE ABREN EN UNA NUEVA PESTAÑA
		$(".lNP").off("click").click(function(e){
			e.preventDefault();
			var el = $(this);
			var url = new Url($(this).attr("href"));
			url.query["sc-cer"] = 1;
			var nuevaVentana = window.open(url);
			nuevaVentana.onbeforeunload = function(){
				$('.historias-compras').html("");
				$('.timeline').html("");
				obtenerHistorialCompras(0, 6);
				obtenerRegistroActividades(0, 10);
				InfinityScroll();
			}
		});
	}
	verificarVinculosNP();
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
convertirPrecios();
resize();
$(window).resize( function(){
	resize();
});
//INICIALIZO VARIABLES PARA PAGINACION DE HISTORIAS DE COMPRAS
var inicio = 0;
var historias_x_pag = 6;
//INICIALIZO VARIABLES PARA PAGINACION DE ACTIVIDADES
obtenerHistorialCompras(inicio, historias_x_pag);
var inicioA = 0;
var actividades_x_pag = 10;
obtenerRegistroActividades(inicioA, actividades_x_pag);
InfinityScroll();
$('[data-toggle="tooltip"]').tooltip();
$(".actualizar").click(function(){
	$('.historias-compras').html("");
	$('.timeline').html("");
	obtenerHistorialCompras(0, 6);
	obtenerRegistroActividades(0, 10);
	InfinityScroll();
});
$(".ventana-etiquetas").click(function () {
	var EtiquetasHTML = "";
	<?php foreach($Etiquetas as $etiqueta): ?>
		EtiquetasHTML += '<div style="margin-bottom: 10px; display: inline-block;"> \
			<span class="label label-info" > \
			'+"<?php echo $etiqueta->nombre; ?>"+' \
			</span> \
		</div>' ;	
	<?php endforeach; ?>
	BootstrapDialog.show({
		title: "Etiquetas",
		type: BootstrapDialog.TYPE_PRIMARY,
		message: EtiquetasHTML,
		size: BootstrapDialog.SIZE_WIDE,
		draggable: true,
		cssClass: "modalCrearElemento color-head-modal",
		onshown: function(modalDialog){
			var modalBody = modalDialog.getModalBody();
		}
	});
});
if( $.GET("sc-cer") != undefined ){
	$(".lR").click(function(e){
		e.preventDefault();
		window.close();
	});
	$(".lMP")
}
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>