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

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

<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button {
		display: block !important;
	}
	.intl-tel-input {
		width: 100%;
		display: block !important;
	}
	.intl-tel-input .iti-flag .arrow {
		border: none;
	}
	select.slReadonly {
		background: #eee !important;
		cursor: no-drop;
		pointer-events: none !important;
	}
	select.slReadonly option{
		display: none;
	}

	.tel .input-group, .whats .input-group{
		width: 100%;
	}
	.modal .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	.mdAvatar .intl-tel-input.allow-dropdown .selected-flag{
		top: 17px;
	}
	.close {
		color: #fff;
		opacity: 1;
	}
	.close:hover {
		color: #fff;
		opacity: 0.7;
	}
</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">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Seguimiento del prospecto
					<strong>
						<a href="javascript:void(0)" onclick="verInfoProspecto(<?php echo $Prospecto->id; ?>)"><?php echo ($Prospecto->nombre != '')?$Prospecto->nombre.' | '.$Prospecto->contacto:$Prospecto->contacto;; ?></a>
					</strong>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh tooltips" data-toggle="tooltip" data-original-title="Actualizar registros" onclick="Actualizar()" href="javascript:Actualizar()" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblReferencias">
						<thead>
							<tr>
								<th class=""> Fecha </th>
								<th class=""> Origen </th>
								<th class=""> Modificado por </th>
								<th class=""> Tipo </th>
								<th class=""> Estado </th>
								<th style=""> Comentario </th>
								<th style=""> Archivos adjuntos </th>
								<th style=""> Acciones </th>
							</tr>
						</thead>
						</table>
				</div>
			</div>
			<div class="bottom">
				<?php /* <?php if( Auth::user()->tipo == 'EC' ): ?> */ ?>
				<?php
					//$Empleado = Empleado::find( Empleado::select('id')->where('users_id', '=', Auth::id())->first()->id );
					$Vendido = SeguimientoProspecto::where('prospectos_id', '=', $Prospecto->id)->where('estado', '=', 'V')->count();
					$Rechazado = SeguimientoProspecto::where('prospectos_id', '=', $Prospecto->id)->where('estado', '=', 'R')->count();
					//$CargoEmpleado = Cargo::select('nombre')->where('id', '=', $Empleado->cargos_id)->first()->nombre;
				?>
					<?php /* <?php if( $Prospecto->asignado_a == $Empleado->id || $CargoEmpleado == 'Gerente de ventas' ): ?> */ ?>
						<?php if( $Vendido == 0 && $Rechazado == 0 ): ?>
				<a href="<?php echo URL::route('SysWebGClientesProspectosSeguimientosAgregar', array($Prospecto->id)); ?>" class="btn btn-primary lMP"> Agregar </a>
						<?php endif; ?>
					<?php /* <?php endif; ?> */ ?>
				<?php /* <?php endif; ?> */ ?>
				<a href="<?php echo URL::route('SysWebGClientesProspectos'); ?>" class="btn btn-default lR"> Regresar </a>
			</div>
		</div>
		<input type="hidden" value="<?php echo $Prospecto->nombre; ?>" class="hdnNombreProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->contacto; ?>" class="hdnContactoProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->telefono; ?>" class="hdnTelefonoProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->correo_electronico; ?>" class="hdnCorreoElectronicoProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->telefono2; ?>" class="hdnTelefono2Prospecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->celular; ?>" class="hdnCelularProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->numero_de_telefono_del_trabajo; ?>" class="hdnNumeroTelTrabajoProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->numero_de_whatsapp; ?>" class="hdnNumeroWhatsappProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->pais; ?>" class="hdnPaisProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->estado; ?>" class="hdnEstadoProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->ciudad; ?>" class="hdnCiudadProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->codigo_postal; ?>" class="hdnCodigoPostalProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->direccion; ?>" class="hdnDireccionProspecto<?php echo $Prospecto->id; ?>">
		<input type="hidden" value="<?php echo $Prospecto->referencia_dir; ?>" class="hdnReferenciaDirProspecto<?php echo $Prospecto->id; ?>">
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

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

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

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

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

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

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

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

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

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsurl/2.2.0/url.min.js"></script>
<script type="text/javascript">
	function Actualizar(){
		var table = $("#tblReferencias").DataTable();
		table.ajax.reload(null, false);
	}
	function Eliminar(id){
		var id = id;
		var mensaje = "<div class='row'> \
							<div class='col-xs-12'> \
								<form id='frmEliminar'> \
									<h2> ¿Seguro que desea eliminar? </h2> \
									<input type='hidden' name='idR' value='"+id+"'> \
								</form> \
							</div> \
						</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"<?php echo URL::route('SysWebGClientesProspectosSeguimientos'); ?>",
						{idR: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnAgregar").html("Guardar").prop("disabled", false);
							if(data.success){
								dialogItself.close();
								var table = $("#tblReferencias").DataTable();
								table.ajax.reload(null, false);
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							}
							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(""); } });
							}
						},
						"json"
					);
				}
			}]
		});
	}
	function verificarVinculosMP(){
		if( $.GET("sc-cer") != undefined ){
			$(".lMP").each(function(e){
				var el = $(this);
				var url = new Url($(this).attr("href"));
				url.query["sc-per"] = 1;
				$(this).attr("href", url);
			});
		}
	}
	function verInfoProspecto(idP){
		var idP = idP;
		var mensaje = '<form action="#" id="frmInfoProspecto"> \
			<div class="form-group"> \
				<label for="nombre"> Nombre del cliente [Empresa] </label> \
				<input type="text" class="form-control" value="'+$(".hdnNombreProspecto"+idP).val()+'" 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="'+$(".hdnContactoProspecto"+idP).val()+'" 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="'+$(".hdnTelefonoProspecto"+idP).val()+'" 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="'+$(".hdnTelefono2Prospecto"+idP).val()+'" 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="'+$(".hdnCelularProspecto"+idP).val()+'" 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="'+$(".hdnNumeroWhatsappProspecto"+idP).val()+'" 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="'+$(".hdnNumeroTelTrabajoProspecto"+idP).val()+'" 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="'+$(".hdnCorreoElectronicoProspecto"+idP).val()+'" 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="'+$(".hdnPaisProspecto"+idP).val()+'"> \
				</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="'+$(".hdnEstadoProspecto"+idP).val()+'"> \
				</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="'+$(".hdnCiudadProspecto"+idP).val()+'" 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="'+$(".hdnCodigoPostalProspecto"+idP).val()+'" 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="'+$(".hdnDireccionProspecto"+idP).val()+'" 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="'+$(".hdnReferenciaDirProspecto"+idP).val()+'" name="referencia_dir"> \
				<span class="text-danger" id="errreferencia_dir"> </span> \
			</div> \
			<input type="hidden" value="'+idP+'" name="idP"> \
			<input type="hidden" value="actualizarComprador" name="proceso"> \
		</form>';
		BootstrapDialog.show({
			cssClass: "mdAvatar",
			title: "Información del prospecto",
			message: mensaje,
			draggable: true,
			onshown: function(dialogItself){
				var modalBody = dialogItself.getModalBody();
				if( $(".hdnPaisProspecto"+idP).val() != "" ){
					modalBody.find(".inTelIn").intlTelInput("setCountry", $(".hdnPaisProspecto"+idP).val());
				}
				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")+'" data-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($(".hdnNumeroWhatsappProspecto"+idP).val().indexOf("+") > -1){
								url = url+$(this).intlTelInput("getNumber").replace("+", "");
							}
							var link = '<a class="input-group-addon" href="'+url+'" data-target="_blank"><i class="fa fa-whatsapp"></i></a>';
						}
						else if($(this).attr("name") == "correo_electronico"){
							var link = '<a class="input-group-addon" href="mailto:'+$(this).val()+'" data-target="_blank"><i class="fa fa-envelope"></i></a>';
						}
						else{
							var link = '<a class="input-group-addon" href="tel:'+$(this).intlTelInput("getNumber")+'" data-target="_blank"><i class="fa fa-phone"></i></a>';
						}
						$(this).closest(".input-group").append(link);
					}
				})
				modalBody.find(".inTelIn").each(function(){
					if($(".hdnPaisProspecto"+idP).val() != "" && $(".hdnPaisProspecto"+idP).val() != null){
						$(this).intlTelInput("setCountry", $(".hdnPaisProspecto"+idP).val());
					}
				});
			},
		});
	}
	verificarVinculosMP();
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function (e) { $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); });
$("#tblReferencias").DataTable({
	"processing": true,
	"serverSide": true,
	preDrawCallback: function (settings) { $.isLoading("hide"); },
	"ajax": "<?php echo URL::route('SysWebGClientesProspectosSeguimientos', array($Prospecto->id)); ?>",
	columns: [
		{
			data: "fecha",
			name: "fecha"
		},
		{
			data: "seguimiento_de",
			name: "seguimiento_de",
			"orderable": false,
		},
		{
			data: "nombre_completo",
			name: "nombre_completo",
			"orderable": false,
		},
		{
			data: "estado",
			name: "estado",
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
				if( oData.estado == "V" || oData.estado == "C" ){
					$(nTd).html("");
				}
				else{
					if(oData.es == "LL"){
						$(nTd).html("LLamada");
					}
					else if(oData.es == "MSJ"){
						$(nTd).html("Mensaje");
					}
					else if(oData.es == "CE"){
						$(nTd).html("Correo electrónico");
					}
					else if(oData.es == "R"){
						$(nTd).html("Reunión");
					}
					else if(oData.es == "N"){
						$(nTd).html("Nota");
					}
				}
			},
			"orderable": false,
		},
		{
			data: "tipo",
			name: "tipo",
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
				if(oData.estado == "P"){
					if(oData.tipo == "M"){
						$(nTd).html("Pendiente");
					}
					else{
						$(nTd).html("");
					}
				}
				else if(oData.estado == "C"){
					$(nTd).html("Cotizado");
				}
				else if(oData.estado == "V"){
					$(nTd).html("Vendido");
				}
				else if(oData.estado == "R"){
					$(nTd).html("Rechazado");
				}
			},
			"orderable": false,
		},
		{
			data: "comentario",
			name: "comentario",
			"orderable": false,
		},
		{
			data: "archivosAdjuntos",
			name: "archivosAdjuntos",
			"searchable": false,
			"orderable": false,
		},
		{
			data: "acciones",
			name: "acciones",
			"searchable": false,
			"orderable": false,
			"class": "text-center"
		}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
		verificarVinculosMP();
	},
	autoWidth: false,
	responsive: true,
	order: [[ 0, "desc" ]],
	initComplete: function(){
		var input = $(".dataTables_filter input").unbind(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		$(".dataTables_filter").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
<?php if(Session::has('EliminarMensajeS')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeS'); ?>", type: "success" });
<?php endif; ?>
<?php if(Session::has('EliminarMensajeE')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeE'); ?>", type: "error" });
<?php endif; ?>
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(); ?>