<style type="text/css">
.filterable {
margin-top: 15px;
}
.filterable .panel-heading .pull-right {
margin-top: -20px;
}
.filterable .filters input[disabled] {
background-color: transparent;
border: none;
cursor: auto;
box-shadow: none;
padding: 0;
height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
color: #333;
}
</style>
<section class="content-header">
<h1>
Clientes
<small>Control de Clientes</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-sitemap"></i> Inicio</a></li>
<li class="active">Clientes</li>
</ol>
</section>
<section class="content">
<?php if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id): ?>
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="box box-danger">
<div class="box-header">
<h3 class="box-title">Busqueda Avanzada</h3>
</div>
<div class="box-body">
<div class="form-group col-md-6">
<input type="hidden" id="token" name="_token" value="<?php echo e(csrf_token()); ?>"/>
<label class="control-label" for="cliente-busqueda">Cliente : </label>
<select id="cliente-busqueda" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true">
</select>
</div>
<div class="form-group col-md-2">
<br>
<button onclick="Cliente.busqueda(this)" class="btn btn-success">Busqueda</button>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="box box-danger">
<input type="hidden" id="token" name="_token" value="<?php echo e(csrf_token()); ?>"/>
<div class="panel filterable block full table-responsive">
<div class="box-header">
<h3 class="box-title">Clientes Activos</h3>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id): ?>
<div class="box-tools pull-right">
<div class="btn-group">
<button onclick="Cliente.refreshClientes(this)" data-year="" data-month="" id="refresh_clientes" class="btn btn-default btn-sm btn-refresh"><span class="glyphicon glyphicon-refresh"></span> Actualizar Clientes</button>
<button onclick="Cliente.tableFilter(this)" id="filter" class="btn btn-default btn-sm btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button>
<button type="button" onclick="Cliente.add(this)" class="btn btn-sm btn-primary">Agregar Clientes <i class="fa fa-plus"></i></button>
<div id="loading" style="width:50px; height: 50px">
<img id="gif_loading" style="width:25px;display:none;" src='<?php echo e(URL::To('/')."/img/Loading_2.gif"); ?>' />
</div>
</div>
</div>
<?php endif; ?>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive no-padding">
<?php if($pagination > 1): ?>
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<?php for($i = 1; $i<= $pagination; $i++): ?>
<li><a onclick="Cliente.pagination(<?php echo e($i); ?>)"><?php echo e($i); ?></a></li>
<?php endfor; ?>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<?php endif; ?>
<table id="clientes" class="table table-hover table-responsive">
<thead>
<tr class="filters">
<th class=""><input type="text" class="form-control " placeholder="Registro" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Nombre" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Telefono" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Patrocinador" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Perfil" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Nivel" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Pais" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Estado" disabled /></th>
<th class=""><input type="text" class="form-control " placeholder="Contrato Firmado" disabled /></th>
<th class="">Miembro desde</th>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id): ?>
<th class=""><input type="text" class="form-control " placeholder="Creado por" disabled /></th>
<?php endif; ?>
<th class="">Ver</th>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id): ?>
<th class="">Editar</th>
<th class="" >Eliminar</th>
<?php endif; ?>
</tr>
</thead>
<tbody>
<?php if(isset($clientes)): ?>
<?php $__currentLoopData = $clientes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr style="color: <?php echo e(($value->active_id)? "black" : "#dd4b39"); ?>">
<td><?php echo e($value->registro); ?></td>
<td><?php echo e(App\Helper::getFlagByCountry($value->pais)); ?> <?php echo e($value->nombre." ".$value->ape_p." ".$value->ape_m); ?></td>
<td><?php echo e("(".$value->lada.") ".$value->tel); ?></td>
<td><?php echo e($value->patrocinador." ".$value->patrocinador_p." ".$value->patrocinador_m); ?></td>
<td><?php echo e($value->rol); ?></td>
<td><?php echo e(($value->nivel)?'2' : '1'); ?></td>
<td><?php echo e($value->pais); ?></td>
<td><?php echo e($value->estado); ?></td>
<td><?php echo e($value->contract_url ? 'Si' : 'No'); ?></td>
<td><?php echo e($value->created_at); ?></td>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id): ?>
<td><?php echo e($value->created_by); ?></td>
<?php endif; ?>
<td><button data-id="<?php echo e($value->id); ?>" onclick="Cliente.show(this)" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-eye-open"></span></button></td>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id): ?>
<td><button data-id="<?php echo e($value->id); ?>" onclick="Cliente.update(this)" class="btn btn-sm btn-warning"><span class="glyphicon glyphicon-pencil"></span></button></td>
<td><button data-id="<?php echo e($value->id); ?>" onclick="Cliente.warning(this)" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-remove"></span></button></td>
<?php endif; ?>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</tbody>
</table>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
</section>
<!-- Modal -->
<div id="modal-cliente" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Agregar Cliente</h4>
</div>
<div class="modal-body">
<div class="row">
<input type="hidden" id="token" name="_token" value="<?php echo e(csrf_token()); ?>"/>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id): ?>
<div class="form-group col-md-6">
<label class="control-label" for="no_registro">No. Registro: </label><span class="text-red">*</span>
<input class="form-control" type="text" id="no_registro" name="no_registro" placeholder="1010"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="pass">Password: </label><span class="text-red">*</span> Desactivar Cambio <input id="pass-check" type="checkbox" class="control-label" value="true"/>
<input class="form-control" type="password" id="pass" name="pass" placeholder="*********"/>
</div>
<div class="form-group col-md-12">
<label class="control-label" for="patrocinador">Patrocinador : </label>
<select id="patrocinador" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true">
<option value=""></option>
</select>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="nombre">Nombre: </label><span class="text-red">*</span>
<input class="form-control" type="text" id="nombre" name="nombre" placeholder="Maria"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="ape_p">Apellido Paterno: </label>
<input class="form-control" type="text" id="ape_p" name="ape_p" placeholder="Garcia"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="ape_m">Apellido Materno: </label>
<input class="form-control" type="text" id="ape_m" name="ape_m" placeholder="Perez"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="ine">INE: </label>
<input class="form-control" type="text" id="ine" name="ine" placeholder="GAP1232FE2432"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="rfc">RFC: </label>
<input class="form-control" type="text" id="rfc" name="rfc" placeholder="GAP1232FE2432"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="sexo">Sexo: </label>
<select id="sexo" name="sexo" class="form-control">
<option value="">Selecciona</option>
<option value="M">Masculino</option>
<option value="F">Femenino</option>
</select>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="fecha_nac">Fecha de Nacimiento: </label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="fecha_nac"/>
</div>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="edo_civil">Edo. Civil: </label>
<select class="form-control" id="edo_civil" name="edo_civil">
<option value="">Selecciona</option>
<option value="S">Soltero</option>
<option value="C">Casado</option>
<option value="O">Otro</option>
</select>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="profesion">Profesión: </label>
<input class="form-control" type="text" id="profesion" name="profesion" placeholder="Lic. en derecho"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="calle">Calle: </label>
<input class="form-control" type="text" id="calle" name="calle" placeholder="Av Chapultepec"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="no_casa">No.: </label>
<input class="form-control" type="text" id="no_casa" name="no_casa" placeholder="1872"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="noi_casa">No. Int: </label>
<input class="form-control" type="text" id="noi_casa" name="noi_casa" placeholder="3A"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="colonia">Colonia: </label>
<input class="form-control" type="text" id="colonia" name="colonia" placeholder="La Americana"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="delegacion">Delegación: </label>
<input class="form-control" type="text" id="delegacion" name="delegacion" placeholder="Guadalajara"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="cp">C.P.: </label>
<input class="form-control" type="text" id="cp" name="cp" placeholder="44700"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="pais">Pais: </label><span class="text-red">*</span>
</select>
<select id="pais" class="form-control" style="width: 100%;" onchange="Cliente.pais(this)">
<option value="" >Selecciona</option> 2ion value="">Selecciona</option>
<?php if(isset($paises)): ?>
<?php $__currentLoopData = $paises; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $pais): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($pais->id); ?>"><?php echo e($pais->pais); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</select>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="edo">Estado: </label><span class="text-red">*</span>
</select>
<select id="edo" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true">
<option value=""></option>
<?php if(isset($estados)): ?>
<option value="Null">Vacio</option>
<?php $__currentLoopData = $estados; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $estado): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($estado->id); ?>"><?php echo e($estado->estado); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</select>
</div>
<div class="form-group col-md-2">
<label class="control-label" for="lada">Lada: </label>
<input class="form-control" type="number" id="lada" maxlength="3" name="lada" placeholder="044"/>
</div>
<div class="form-group col-md-5">
<label class="control-label" for="tel">Tel.: </label>
<input class="form-control" type="number" id="tel" name="tel" placeholder="3311986543" maxlength="14"/>
</div>
<div class="form-group col-md-5">
<label class="control-label" for="whats">WhatsApp: </label>
<input class="form-control" type="text" id="whats" name="whats" placeholder="3311986543"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="email">Email: </label>
<input class="form-control" type="email" id="email" name="email" placeholder="maria@gmail.com"/>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="rol">Rol: </label><span class="text-red">*</span>
<select class="form-control" id="rol" name="rol">
<option value="">Selecciona</option>
<?php if(isset($roles)): ?>
<?php $__currentLoopData = $roles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $rol): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($rol->rol === "Administrador" ): ?>
<?php if(App\Helper::getRol() == \Auth::user()->rol_id): ?>
<option value="<?php echo e($rol->id); ?>"><?php echo e($rol->rol); ?></option>
<?php endif; ?>
<?php else: ?>
<option value="<?php echo e($rol->id); ?>"><?php echo e($rol->rol); ?></option>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</select>
</div>
<?php else: ?>
<div class="form-group col-md-6">
<label class="control-label" for="pass">Password: </label><span class="text-red">*</span>
<input class="form-control" type="password" id="pass" name="pass" placeholder="*********"/>
</div>
<?php endif; ?>
</div>
</div>
<div class="modal-footer">
<?php if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id): ?>
<button id="btn-update" onclick="Cliente.guardar(this)" data-id="0" type="button" class="btn btn-success">Guardar</button>
<?php else: ?>
<button id="btn-update" onclick="Cliente.change_pass(this)" data-id="0" type="button" class="btn btn-success">Guardar</button>
<?php endif; ?>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="modal-cliente-ver" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Cliente </h4>
</div>
<div class="modal-body">
<div class="row">
<div class="form-group col-md-6">
<label class="control-label" for="registro">Registro: </label><span id="no_registro_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="patrocinador">Patrocinador: </label><span id="patrocinador_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="nombre">Nombre: </label><span id="nombre_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="apellidos">Apellidos: </label><span id="apellidos_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="ine">INE: </label><span id="ine_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="rfc">RFC: </label><span id="rfc_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="sexo">Sexo: </label><span id="sexo_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Fecha de Nacimiento: </label><span id="fecha_nac_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Estado Civil: </label><span id="edo_civil_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Profesión: </label><span id="profesion_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Calle: </label><span id="calle_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Numero: </label><span id="numero_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Numero Interior: </label><span id="numero_int_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Colonia: </label><span id="colonia_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Delegación: </label><span id="delegacion_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">C.P.: </label><span id="cp_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="pais">Pais: </label><span id="pais_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Estado: </label><span id="edo_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Lada: </label><span id="lada_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Tel: </label><span id="tel_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Email: </label><span id="email_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">WhatsApp: </label><span id="whats_span"></span>
</div>
<div class="form-group col-md-6">
<label class="control-label" for="costo">Rol: </label><span id="rol_span"></span>
</div>
<div class="form-group col-md-12">
<label class="control-label" for="email">Firma contrato: </label>
<div id="signature"></div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- <script src="<?php echo e(URL::To('/').'/bower_components/jquery/dist/jquery.min.js'); ?>"></script> -->
<script src="<?php echo e(URL::To('/').'/js/Catalogos/cliente.js'); ?>"></script>
<script type="text/javascript">
$('.filterable .filters input').keyup(function(e){
/* Ignore tab key */
var code = e.keyCode || e.which;
if (code == '9') return;
/* Useful DOM data and selectors */
var $input = $(this),
inputContent = $input.val().toLowerCase(),
$panel = $input.parents('.filterable'),
column = $panel.find('.filters th').index($input.parents('th')),
$table = $panel.find('.table'),
$rows = $table.find('tbody tr');
/* Dirtiest filter function ever ;) */
var $filteredRows = $rows.filter(function(){
var value = $(this).find('td').eq(column).text().toLowerCase();
return value.indexOf(inputContent) === -1;
});
/* Clean previous no-result if exist */
$table.find('tbody .no-result').remove();
/* Show all rows, hide filtered ones (never do that outside of a demo ! xD) */
$rows.show();
$filteredRows.hide();
/* Prepend no-result row if all rows are filtered */
if ($filteredRows.length === $rows.length) {
$table.find('tbody').prepend($('<tr class="no-result "><td colspan="'+ $table.find('.filters th').length +'">No result found</td></tr>'));
}
});
</script>