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

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

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

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

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

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

<style type="text/css" class="init">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
		background-color: #E9E9E9;
	}
	table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
		background-color: #E9E9E9;
	}
	.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
		background-color: #E9E9E9;
	}
	table.table.fixedHeader-floating {
		top: 35px !important;
		z-index: 99999;
	}
	#tblPerfilesXCliente >thead>tr>th {
		min-width: unset !important;
	}
	.modal-backdrop {
		z-index: 99999 !important;
	}
	.bootstrap-dialog {
		z-index: 99999 !important;
	}
	div.tooltip {
		z-index: 99999999999 !important;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users"></i> Administración de clientes </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">
					Clientes registrados
					<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-old table-bordered table-hover display" id="tblPerfilesXCliente" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th class="col-md-2-x"> IDs </th>
								<th class="col-md-2-x"> Nombre </th>
								<th class="col-md-2-x"> Usuario </th>
								<th class="col-md-2-x"> T Usuario </th>
								<th class="col-md-2-x"> Correo electrónico </th>
								<th class="col-md-2-x"> Cargo </th>
								<th class="col-md-2-x"> Empresa </th>
								<th class="col-md-2-x"> Subdominio </th>
								<th class="col-md-1-x"> Pais </th>
								<th class="col-md-1-x"> Dominio </th>
								<th class="col-md-2-x"> Acciones </th>
							</tr>
							<!--<tr>
								<th> IDs </th>
								<th> Nombre </th>
								<th> Usuario </th>
								<th> T Usuario </th>
								<th> Correo electrónico </th>
								<th> Cargo </th>
								<th> Empresa </th>
								<th> Subdominio </th>
								<th> Pais </th>
								<th> Dominio </th>
								<th> Acciones </th>
							</tr>-->
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				<?php echo HTML::linkRoute('SysWebClientesAgregar', 'Agregar', array(), array('class' => 'btn btn-primary')); ?>

			</div>
		</div>
	</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('DataTables/dataTables.select.min.js'); ?>

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

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

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

<script type="text/javascript">
	function IniciarSesion(id){
		var idC = id;
		$.post(
			"<?php echo URL::route('SysWebCambiarSesion'); ?>",
			{idC:id, tipo:"adminSCHack"},
			function(data){
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					setInterval(function(){ window.location.href = "<?php echo URL::route('SysWebIndex'); ?>" }, 1000);
				}
				else{
					if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	}
	function Actualizar(){
		var table = $("#tblPerfilesXCliente").DataTable();
		table.ajax.reload(null, false);
	}
	function CambiarPlan(id, idPlan){
		var id = id;
		var infoCliente = JSON.parse( $(".btnIC"+id).attr("data-infoCliente") );
		var idPlan = idPlan;
		<?php $PlanesSC = PlanSC::all(); ?>
		<?php $CodigosAfiliados = CodigoAfiliado::all(); ?>
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmCambioPlan"> \
					<div class="form-group"> \
						<label>Plan asignado</label> \
						<select class="form-control slPlanes" name="idPlan"> \
						<?php foreach( $PlanesSC as $Plan ): ?> \
							<option value="<?php echo $Plan->id; ?>"><?php echo $Plan->nombre; ?>, precio USD $<?php echo $Plan->precio; ?></option> \
						<?php endforeach; ?> \
						</select> \
					</div> \
					<div class="form-group"> \
						<label>Tipo de cuenta</label> \
						<select class="form-control slTipoCuenta" name="slTipoCuenta"> \
							<option value="E">Individual</option> \
							<option value="A">Agencia</option> \
						</select> \
					</div> \
					<div class="form-group"> \
						<label>Número de cuentas</label> \
						<input type="number" class="form-control txtNumeroCuentas" name="txtNumeroCuentas" value="0"> \
					</div> \
					<div class="form-group"> \
						<label>ID de Suscripción</label> \
						<input type="text" class="form-control txtIDSuscripcion" name="txtIDSuscripcion" value=""> \
					</div> \
					<div class="form-group"> \
						<label>Periodo de prueba</label> \
						<select class="form-control slPeriodoPrueba" name="slPeriodoPrueba"> \
							<option value="1">Si, Está en período de prueba</option> \
							<option value="0">No, Ya no está en período de prueba</option> \
						</select> \
					</div> \
					<div class="form-group"> \
						<label>Estado de la cuenta</label> \
						<select class="form-control slEstado" name="slEstado"> \
							<option value="1">Activo</option> \
							<option value="0">Inactivo</option> \
						</select> \
					</div> \
					<div class="form-group"> \
						<label>Permiso de acceso</label> \
						<input type="text" class="form-control txtPermisoDeAcceso" name="txtPermisoDeAcceso" value="" placeholder="YYYY-mm-dd HH:ii:ss"> \
					</div> \
					<div class="form-group"> \
						<label>Afiliado de</label> \
						<select class="form-control selectpicker slAfiliadoDe" name="slAfiliadoDe" data-live-search="true"> \
							<option value="0" selected>No es afiliado de nadie...</option> \
						<?php foreach( $CodigosAfiliados as $CAfi ): ?> \
							<option value="<?php echo $CAfi->id; ?>"><?php echo $CAfi->codigo; ?> | <?php echo $CAfi->correo_electronico; ?> | idC: <?php echo $CAfi->clientes_id; ?></option> \
						<?php endforeach; ?> \
						</select> \
					</div> \
					<div class="form-group"> \
						<label>Correos institucionales adquiridos</label> \
						<input type="number" class="form-control txtNumeroCorreos" name="txtNumeroCorreos" value="0"> \
					</div> \
					<div class="form-group"> \
						<label>idC del padre de la cuenta</label> \
						<input type="text" class="form-control txtidCP" name="txtidCP" value=""> \
					</div> \
					<div class="form-group"> \
						<label>Fecha de compra/renovación de dominio</label> \
						<input type="text" class="form-control txtFechaCompraDominio" name="txtFechaCompraDominio" value="" placeholder="YYYY-mm-dd HH:ii:ss"> \
					</div> \
					<input type="hidden" name="idC" value="'+id+'"> \
					<input type="hidden" name="idU" value="'+infoCliente.idU+'"> \
					<input type="hidden" name="accion" value="cambiarPlan"> \
					<button type="button" class="btn btn-primary btn-lg btn-block" id="btnAplicar">Aplicar cambios</button> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Gestion de la membresía",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			closable: true,
			cssClass: "mdAvatar",
			onshown: function(dialogItself){
				var modalBody = dialogItself.getModalBody();
				modalBody.find('.slPlanes option[value="'+idPlan+'"]').prop("selected", true);
				modalBody.find('.slTipoCuenta option[value="'+infoCliente.tipoCuenta+'"]').prop("selected", true);
				modalBody.find('.txtNumeroCuentas').val( infoCliente.cuentas );
				modalBody.find('.txtIDSuscripcion').val( infoCliente.fsID );
				modalBody.find('.slPeriodoPrueba option[value="'+infoCliente.periodoPrueba+'"]').prop("selected", true);
				modalBody.find('.slEstado option[value="'+infoCliente.estado+'"]').prop("selected", true);
				var permisoAcceso = ( infoCliente.permisoAcceso == 0 )?"":infoCliente.permisoAcceso;
				modalBody.find('.txtPermisoDeAcceso').val( permisoAcceso );
				modalBody.find('.slAfiliadoDe option[value="'+infoCliente.afiliadoDe+'"]').prop("selected", true);
				modalBody.find('.txtNumeroCorreos').val( infoCliente.cantidadCorreos );
				modalBody.find('.txtidCP').val( infoCliente.idCP );
				modalBody.find('.txtFechaCompraDominio').val( infoCliente.fechaCompraDominio );
				modalBody.find(".selectpicker").selectpicker();
				modalBody.find("#btnAplicar").click(function(e){
					var formulario = modalBody.find("#frmCambioPlan");
					$.post(
						"<?php echo URL::route('SysWebClientes'); ?>",
						formulario.serialize(),
						function(data){
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								var table = $("#tblPerfilesXCliente").DataTable();
								table.ajax.reload(null, false);
								dialogItself.close();
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								$("[id^='err']").html(""); $.each(data.errMensajes, function(key, value){ $("#err"+key).html(value); });
							}
						},
						"json"
					);
				});
			}
		});
	}
	function masInfoCliente(id){
		var infoCliente = JSON.parse( $(".btnIC"+id).attr("data-infoCliente") );
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="table-responsive"> \
					<table class="table table-striped table-bordered table-hover" id="tblInfoCliente"> \
						<tbody> \
							<tr> \
								<th>Pasarelas</th> \
								<td class="tdPasarelas">No disponible</td> \
							</tr> \
							<tr> \
								<th>Cuenta padre</th> \
								<td class="tdCuentaPadre">No disponible</td> \
							</tr> \
							<tr> \
								<th>Tipo de cuenta</th> \
								<td class="tdTipoCuenta">No disponible</td> \
							</tr> \
							<tr> \
								<th>Numero de cuentas</th> \
								<td class="tdNumeroCuentas">No disponible</td> \
							</tr> \
							<tr> \
								<th>SubDominio</th> \
								<td class="tdSubDominio">No disponible</td> \
							</tr> \
							<tr> \
								<th>Usuario FTP SD</th> \
								<td class="tdSubDominioU">No disponible</td> \
							</tr> \
							<tr> \
								<th>Contraseña FTP SD</th> \
								<td class="tdSubDominioC">No disponible</td> \
							</tr> \
							<tr> \
								<th>Fecha suscripción</th> \
								<td class="tdFechaSuscripcion">No disponible</td> \
							</tr> \
							<tr> \
								<th>Permiso de acceso</th> \
								<td class="tdFechaPermiso">No disponible</td> \
							</tr> \
							<tr> \
								<th>Dominio</th> \
								<td class="tdDominio">No disponible</td> \
							</tr> \
							<tr> \
								<th>Usuario cPanel</th> \
								<td class="tdcPanelU">No disponible</td> \
							</tr> \
							<tr> \
								<th>Contraseña cPanel</th> \
								<td class="tdcPanelC">No disponible</td> \
							</tr> \
							<tr> \
								<th>Usuario FTP</th> \
								<td class="tdDominioFTPU">No disponible</td> \
							</tr> \
							<tr> \
								<th>Contraseña FTP</th> \
								<td class="tdDominioFTPC">No disponible</td> \
							</tr> \
						</tbody> \
					</table> \
				</div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Más información del cliente",
			type: BootstrapDialog.TYPE_PRIMARY,
			message: mensaje,
			draggable: true,
			closable: true,
			cssClass: "mdAvatar",
			onshown: function(dialogItself){
				var modalBody = dialogItself.getModalBody();
				var pasarelas = "";
				if( infoCliente.ppID != 0 ){
					pasarelas = pasarelas+"PayPal: "+infoCliente.ppID+"<br>";
					modalBody.find(".tdPasarelas").html(pasarelas);
				}
				if( infoCliente.tcoID != 0 ){
					pasarelas = pasarelas+"2Checkout: "+infoCliente.tcoID+"<br>";
					modalBody.find(".tdPasarelas").html(pasarelas);
				}
				if( infoCliente.fsID != 0 ){
					pasarelas = pasarelas+"FastSpring: "+infoCliente.fsID+"<br>";
					modalBody.find(".tdPasarelas").html(pasarelas);
				}
				if( infoCliente.cuentaPadre != 0 ){
					modalBody.find(".tdCuentaPadre").html(infoCliente.cuentaPadre);
				}
				if( infoCliente.tipoCuenta != 0 ){
					modalBody.find(".tdTipoCuenta").html(infoCliente.tipoCuenta);
				}
				if( infoCliente.cuentas != 0 ){
					modalBody.find(".tdNumeroCuentas").html(infoCliente.cuentas);
				}
				if( infoCliente.subdominio != 0 ){
					modalBody.find(".tdSubDominio").html(infoCliente.subdominio);
				}
				if( infoCliente.subdominio != 0 ){
					modalBody.find(".tdSubDominio").html(infoCliente.subdominio);
				}
				if( infoCliente.sdFTP != 0 ){
					modalBody.find(".tdSubDominioU").html(infoCliente.sdFTP);
				}
				if( infoCliente.sdFTPPass != 0 ){
					modalBody.find(".tdSubDominioC").html(infoCliente.sdFTPPass);
				}
				if( infoCliente.fechaSuscripcion != 0 ){
					modalBody.find(".tdFechaSuscripcion").html(infoCliente.fechaSuscripcion);
				}
				if( infoCliente.permisoAcceso != 0 ){
					modalBody.find(".tdFechaPermiso").html(infoCliente.permisoAcceso);
				}
				if( infoCliente.nombreDominio != 0 ){
					modalBody.find(".tdDominio").html(infoCliente.nombreDominio);
				}
				if( infoCliente.usuariocPanel != 0 ){
					modalBody.find(".tdcPanelU").html(infoCliente.usuariocPanel);
				}
				if( infoCliente.contracPanel != 0 ){
					modalBody.find(".tdcPanelC").html(infoCliente.contracPanel);
				}
				if( infoCliente.dFTP != 0 ){
					modalBody.find(".tdDominioFTPU").html(infoCliente.dFTP);
				}
				if( infoCliente.dFTPPass != 0 ){
					modalBody.find(".tdDominioFTPC").html(infoCliente.dFTPPass);
				}
			}
		});
	}
	function Reestablecer(id){
		var idC = id;
		if(confirm("Esta seguro que desea borra la información de este tema")){
			$.post(
				"<?php echo URL::route('SysWebReestablecerTemaSitioWeb'); ?>",
				{id:idC},
				function(data){
					var table = $("#tblPerfilesXCliente").DataTable();
					table.ajax.reload(null, false);
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					}
					else{
						if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				},
				"json"
			);
		}
	}
	function EliminarConfSitio(id){
		var idC = id;
		if(confirm("Esta seguro que desea borra la configuración de este tema")){
			$.post(
				"<?php echo URL::route('SysWebEliminarConfiguracionSitioWeb'); ?>",
				{id:idC},
				function(data){
					var table = $("#tblPerfilesXCliente").DataTable();
					table.ajax.reload(null, false);
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					}
					else{
						if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				},
				"json"
			);
		}
	}
	function EliminarSubdominio(id){
		var idC = id;
		if(confirm("Esta seguro que desea borra el subdominio")){
			$.post(
				"<?php echo URL::route('SysWebEliminarSubdominioCliente'); ?>",
				{id:idC},
				function(data){
					var table = $("#tblPerfilesXCliente").DataTable();
					table.ajax.reload(null, false);
					if(data.success){
						new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					}
					else{
						if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				},
				"json"
			);
		}
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".sidebar-toggle-box").click(function(e){
	var tabla = $("#tblPerfilesXCliente").DataTable();
	tabla.fixedHeader.adjust();
});
/*CUADROS DE BÚSQUEDA POR COLUMNA DE JQUERYDATATABLES*/
/*$("#tblPerfilesXCliente tfoot th").each(function(){
	var title = $(this).text();
	$(this).html( '<input type="text" placeholder="Buscar '+title+'" />' );
});*/
/*$("#tblPerfilesXCliente thead tr:eq(1) th").each(function(){
	var title = $(this).text();
	$(this).html( '<input type="text" placeholder="Buscar '+title+'" class="column_search" />' );
});*/
/*/CUADROS DE BÚSQUEDA POR COLUMNA DE JQUERYDATATABLES*/
var tabla = $("#tblPerfilesXCliente").DataTable({
	"processing": true,
	"serverSide": true,
	fixedHeader: true,
	orderCellsTop: true,
	"ajax": "<?php echo URL::route('SysWebClientes'); ?>",
	columns: [
		{data: "ids", name: "ids", "searchable": false, "orderable": false},
		{data: "nombre_completo", name: "c.nombre_completo"},
		{data: "username", name: "u.username"},
		{data: "tipo", name: "u.tipo", "searchable": false, "orderable": false,},
		{data: "email", name: "u.email"},
		{data: "nombre", name: "c2.nombre", "searchable": false, "orderable": false,},
		{data: "empresa", name: "c.empresa", "orderable": false,},
		{data: "subdominio", name: "c.subdominio", "orderable": false,},
		{data: "pais", name: "c.pais", "searchable": false, "orderable": false},
		{data: "nombreDominio", name: "csw.nombre_dominio", "orderable": false},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
		select: {
			rows: {
				_: "Tienes seleccionada %d filas",
				0: "De clic sobre la fila para seleccionarla",
				1: "Solo tiene 1 fila seleccionada"
			}
		}
	},
	"fnDrawCallback": function( oSettings ){
		$(".tooltips").tooltip();
	},
	"order": [[ 2, "desc" ]],
	initComplete: function(){
		var input = $(".dataTables_filter input").unbind(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary" style="margin-left: 5px;">').text("Buscar").click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default" style="margin-left: 5px;">').text("Limpiar").click(function(){
			input.val('');
			$searchButton.click();
		});
		$(".dataTables_filter").append($searchButton, $clearButton);
		this.api().columns().every(function(){
			var column = this;
			/*var input = document.createElement("input");
			$(input).appendTo($(column.footer()).empty()).on("change", function(){
				column.search($(this).val()).draw();
				column.search($(this).val(), false, false, true).draw();
			});*/
			$("input", this.header()).on("keyup change clear", function(){
				console.log( this.value );
				if( column.search() !== this.value ){
					column.search( this.value ).draw();
				}
			});
		});
	}
});
<?php if( Agent::isDesktop() ): ?>
$(".sidebar-toggle-box").trigger("click");
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>