@extends('layout.master',['activePage' => 'cobranzarutas', 'menuParent' => 'Operaciones', 'titlePage' => __('Cobranza por Ruta CR')])

@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush

@section('content')
<style>
#global {
    height: 300px;
    width: 170px;
    overflow-y: scroll;
}
#containerNotas{
    height: 400px;
    width: 100%;
     overflow-y: scroll;
}
#tableNotasClientes{
    height: 400px;
    width: 100%;
     overflow-y: scroll;
}
.color1{
    background-color: #32CD32;
}
.color2{
    background-color: #FA9C03;
}
.color3{
    background-color: #FFFFFF;
}
</style>
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('CR')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Clientes')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span> {{__('Cobranza por Ruta CR')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <div class="col-lg-12">
                <div class="row">
    <div class="col-lg-12">
        <div class="statbox widget box box-shadow mb-4">
            <div class="widget-content widget-content-area">
                <div class="w-100">

                    <div class="form-group row">
                        <div class="col-lg-3">
                            <div class="form-group row">
                                 <label class="col-2 col-form-label" for="">Cuenta</label>
                                <div class="col-10">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" onclick="buscaClienteModal();">
                                                <i class="la la-binoculars"></i>
                                            </span>
                                        </div>
                                        <input type="text" class="form-control form-control-sm" id="numeroCuenta" name="numeroCuenta"
                                               placeholder="">
                                               
                                        <input type="hidden" id="idCliente_Hiden">
                                    </div>
                                </div> 
                            </div>
                            <!--<label>Cuenta:</label>
                            <span class="form-text text-muted">Ingresa el numero de cuenta</span>-->
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Numero de Tarjeta:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm creditCard" id="TarjetaBusA" name="TarjetaBusA"
                                   placeholder="0000 0000 0000 0000">
                                </div>
                            </div>
                            <!--<label>Numero de Tarjeta:</label>
                            <input type="text" class="form-control form-control-sm creditCard" id="TarjetaBusA" name="TarjetaBusA"
                                   placeholder="0000 0000 0000 0000">
                            <span class="form-text text-muted">Ingresa el numero de tarjeta</span>-->
                        </div>
                        <div class="col-3">
                            <div class="form-group row">
                                <label class="col-2 col-form-label" for="">Estatus</label>
                                <div class="col-10">
                                     <input type="text" class="form-control form-control-sm" id="estatus" readonly>
                                </div>
                            </div>
                               <!-- <label>Estatus:</label>
                          
                                    <input type="text" class="form-control form-control-sm" id="estatus" readonly>-->
                                    <!--<select class="form-control form-control-sm" id="estatus">
                                        <option value="Activa">Activa</option>
                                        <option value="Cancelada">Cancelada</option>
                                        <option value="Nueva">Nueva</option>
                                        <option value="Suspendida">Suspendida</option>
                                        <option value="Castigada">Castigada</option>
                                        <option value="Desactivada">Desactivada</option>
                                    </select>-->
                       
                        
                        </div>
                        <!--<div class="col-lg-2">
                            <br>
                            <button type="button" class="btn btn-primary mr-2" onclick="buscaCliente()">Buscar</button>

                        </div>-->
                    </div>
                    <div class="row">
                        <div class="col-md-5">
                             <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Ruta</label>
                                <div class="col-8">
                                    <select id="rutasFil" style="width:100%">
                                        <option value="0">Todas</option>
                                        @foreach ($data['rutas'] as $e)
                                            <option value="{{ $e->id }}">{{ $e->ruta }} - {{ $e->descripcion }}</option>
                                        @endforeach
                                    </select>
                                </div>    
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="cuentasTodasNuevas" id="cuentasToda" value="1" >
                              <label class="form-check-label" for="inlineRadio1">Nuevas</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="cuentasTodasNuevas" id="cuentasNuevas" value="2" checked>
                              <label class="form-check-label" for="inlineRadio2">Todas</label>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <label>Morosidad</label>
                        </div>
                        <div class="col-md-2">
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="morosidadRadio" id="moroAlcorte" value="1">
                              <label class="form-check-label" for="inlineRadio1">Al Corte</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="morosidadRadio" id="moroActual" value="2" checked>
                              <label class="form-check-label" for="inlineRadio2">Actual</label>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <button class="btn btn-primary" onclick="buscaClientes();">Buscar Clientes</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        </div>
        <div class="row">
            <div class="col-md-12" id="global">
                <div class="table-responsive">
                    <table class="table table-striped" id="tableCuentas">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Cuenta</th>
                                <th>Nombre</th>
                                <th>Tel</th>
                                <th>Estatus</th>
                                <th>Morosidad</th>
                                <th>Saldo</th>
                            </tr>
                        </thead>
                        <tbody id="bodyCuentas">

                        </tbody>
                    </table>
                </div>
            </div>

        </div>
        <div class="row">
        <div class="col-md-12">
                <div class="row">
                    <div class="col-md-4">
                        <label>Cuenta</label>
                        <input type="text" class="form-control form-control-sm" id="cuentaClie" readonly>
                    </div>
                    <div class="col-md-4">
                        <label>Historial Crediticio</label>
                        <input type="text" class="form-control form-control-sm" id="historialCrediticio" readonly>
                    </div>
                    <div class="col-md-4">
                        <label>Ref Bancaria</label>
                        <input type="text" class="form-control form-control-sm" id="refBancaria" readonly>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                            <div class="form-group row">
                                <label class="col-2 col-form-label" for="">Nombre</label>
                                <div class="col-10">
                                    <input type="text" class="form-control form-control-sm" id="nombre_cliente" readonly>
                                </div>    
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-2 col-form-label" for="">Cta.Padre</label>
                                <div class="col-10">
                                    <input type="text" class="form-control form-control-sm" id="cuentaPadre" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Pago Mínimo:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="pagoMinimo" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Pago No Generar Intereses</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="pagoNoGeInte" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Pago Min Pend:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="pagoMinPend" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Interés Iva:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="interesIva" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Interés Normal:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="interesNormal" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Intereses Deveng:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="interesDevengados" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Interés Moratorio:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="interesMoratorios" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Gastos Cobranza:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="gastosCobranza" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Saldo Actualizado:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="saldoActualizado" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Saldo Capital:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="saldoCapital" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Saldo Vencido:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="saldoVencido" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Cuenta Corp:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="cuentaCorpo" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Dia Corte</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="diaCorte" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Limite Credito</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="limiteCredito" readonly>
                                </div>    
                            </div>
                    </div>
                                        <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Saldo Disponible</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="saldoDisponible" readonly>
                                </div>    
                            </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group row">
                                <label class="col-4 col-form-label" for="">Saldo X Vencer:</label>
                                <div class="col-8">
                                    <input type="text" class="form-control form-control-sm" id="saldoxVencer" readonly>
                                </div>    
                            </div>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-6">
                                <button class="btn btn-default btn-sm" onclick="verCompromios();">Compromisos</button>
                            </div>
                            <div class="col-md-6">
                                <button class="btn btn-default btn-sm" onclick="refNotasClientes();">Notas Clientes</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-6">
                                <button class="btn btn-default btn-sm">Familiar</button>
                            </div>
                            <div class="col-md-6">
                                <button class="btn btn-default btn-sm" onclick="refPersonales();">Ref.Personales</button>
                            </div>
                            <!--<div class="col-md-4">
                                <button class="btn btn-default btn-sm">Avales</button>
                            </div>-->
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" align="right">
                        <button class="btn btn-info" onclick="verEstatusCobranza();">Estatus Cobranza</button>
                    </div>
                </div>
            </div>
        </div>




    </div>



<div class="modal fade" id="modalNotasCobranza">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Estatus Cobranza</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12" align="right">
                        <button class="btn btn-primary" onclick="agregaEstatus();">Agregar Estatus</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive" id="containerNotas">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Estatus</th>
                                        <th>Descripcion</th>
                                        <th>Fecha</th>
                                        <th>Usuario</th>
                                    </tr>
                                </thead>
                                <tbody id="notasBody">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalNuevaNota">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Captura Estatus Cobranza</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <select id="motivo" style="width: 100%;">
                            <option value="0">Selecciona</option>
                            @foreach ($data['tipos_cobranza'] as $t)
                                <option value="{{ $t->id }}">{{ $t->tipo }} - {{ $t->descripcion }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        <textarea id="noteForm" class="form-control" cols="12" rows="10"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarNotaCobranza();">Guardar</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modalCompromisos">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Consulta Compromisos</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12" align="right">
                        <button class="btn btn-primary" onclick="agregaCompromiso();">Agregar Compromiso</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Estatus</th>
                                        <th>Descripcion</th>
                                        <th>Monto</th>
                                        <th>Fecha</th>
                                    </tr>
                                </thead>
                                <tbody id="compromisosBody">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
               
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalNuevoCompromiso">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Captura Compromiso</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <label>Descripción:</label>
                        <textarea id="descCompromiso" cols="12" rows="4" class="form-control"></textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label>Fecha Compromiso</label>
                        <input type="text" class="form-control form-control-sm" id="compromisoFecha">
                    </div>
                    <div class="col-md-6">
                        <label>Monto</label>
                        <input type="text" class="form-control form-control-sm" id="compromisoMonto">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarCompromiso();">Guardar</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modalTelefonos">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Telefonos</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Tipo</th>
                                        <th>Telefono</th>
                                        <th>Localizacion</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyTelefonos">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <!--<button type="button" class="btn btn-primary">Save changes</button>-->
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalReferencias">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Referencias Personles</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Telefono</th>
                                        <th>Tipo</th>
                                        <th>Domicilio</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyRefes">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <!--<button type="button" class="btn btn-primary">Save changes</button>-->
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalNotasCliente">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Consulta Notas de Cliente</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive" id="tableNotasClientes">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Descripcion</th>
                                        <th>Usuario</th>
                                        <th>Fecha</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyNotasCliente">
                                  
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('plugin-scripts')
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('assets/js/apps/companies.js') !!}
    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@push('custom-scripts')
<script type="text/javascript">
    $(document).ready(function() {

$('.creditCard').inputmask({
  mask: '(9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
}).change(function(){
  let value = $(this).val().substr(0,2);
  $(this).inputmask({
    mask: '(9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
  });
});



        $("#fechaCargo").flatpickr({
            dateFormat: "Y-m-d",
        });

        $("#numeroCuenta").on('keyup', function (e) {
            var cuenta = $("#numeroCuenta").val()
            if (e.key === 'Enter' || e.keyCode === 13) {

                if(isNumeric(cuenta)){
                   $.ajax({
                       url: "{{url('procesos/get_cliente_info2')}}",
                       type: 'POST',
                       dataType: 'json',
                       data: {cuenta: $("#numeroCuenta").val()},
                   })
                   .done(function(resp) {
                        if(resp.estatus > 0){
                            agregaCliente2(resp.estatus, resp.nombre);
                            $('#numeroCuenta').val(cuenta)
                        }else{
                             Swal.fire({
                                 title: 'No existe la cuenta',
                                 type: 'error',
                                 timer: 2000
                             })
                            restaura();
                             return false;
                        }
                       
                   })
                   .fail(function() {
                       console.log("error");
                   })
                   .always(function() {
                       console.log("complete");
                   });
                }
            }
        })
    $('#cliente_search__').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "{{url('procesos/get_clientes')}}",
                dataType: 'json',
                data: {
                    term: request.term
                },
                success: function(data) {
                    response(data)
                }
            })
        },
        select: function(event, ui) {
            agregaCliente2(ui.item.id, ui.item.label);
            //$('#modaltipoOperacion').modal('hide')

            //$(this).val('');

            return false;
        },
        selectFirst: true,
        minLength: 3
    });



    });

    function agregaCliente2(id,label=''){
       $.ajax({
           url: "{{url('procesos/get_cliente_info')}}",
           type: 'POST',
           dataType: 'json',
           data: {id: id},
       })
       .done(function(resp) {
           console.log("success");
           console.log(resp.data)

        
            $('#idCliente_Hiden').val(id)
           $('#nombreCompleto').val(resp.data.nombre_completo)
           $('#numeroCuenta').val(resp.data.cuenta)
           $('#domicilio').val(resp.data.domicilio)
           $('#cruce').val(resp.data.cruzamiento)
           $('#colonia').val(resp.colonia)
           $('#estatus').val(resp.data.estatus)

           $('#cp').val(resp.cp)
           $('#estado').val(resp.estado)
           $('#poblacion').val(resp.poblacion)
           $('#titular').val(resp.data.numero_tarjeta)
           $('#limite_credito').val(numfom(resp.data.limite_credito))
           $('#cruce').val(resp.data.cruzamiento)
           $('#cp').val(resp.cp)
           
           var adicional = 1;
           $('#tarjetaActiva').html('')
           html = '<option value="0">-Selecciona-</option>'
           $('#titular').val(resp.data.numero_tarjeta)
           $('#TarjetaBusA').val(resp.data.numero_tarjeta)
           //$('#telefono').val(val.telefono)
           //if(resp.data.estatus=='Activa'){
             html +='<option value="'+resp.data.id+'" tipo="t">'+resp.data.numero_tarjeta+' - Titular </option>'
           //}
          
           $.each(resp.data.tarjetas, function(index, val) {
                if(val.tipo==1){
                    tipoTar = 'Titular'
                    $('#titular').val(val.numero_tarjeta)
                    $('#TarjetaBusA').val(val.numero_tarjeta)
                    $('#telefono').val(val.telefono)
                }else{
                     tipoTar = 'Adicional'
                    $('#adicional'+adicional).val(val.numero_tarjeta)
                    $('#nombreAdicional'+adicional).val(val.titular)
                    $('#estatusAdicional'+adicional).val(val.estatus)
                    adicional++;
                }
                //if(val.estatus=='Activa'){
                    tarnum = val.numero_tarjeta.match(/.{1,4}/g)
                    numeTarjeta =  tarnum[0]+' '+tarnum[1]+' '+tarnum[2]+' '+tarnum[3]
                    html +='<option value="'+val.id+'" tipo="a">'+numeTarjeta+' - '+tipoTar+'</option>'
                //}   
                
           });
            html2 = '';
           console.log('teleosnos')
           console.log(resp.telefonos)
           $.each(resp.telefonos, function(index, val) {
               html2 +='<option value="'+val.id+'">'+val.extension+'-'+val.telefono+' ('+val.tipo+')</option>'
           });
           
            $('#telefonosClientes').append(html2);
            
            $('#tarjetaActiva').append(html);

         insertaContato(resp.data)

       })
       .fail(function() {
           console.log("error");
       })
       .always(function() {
           console.log("complete");
       });
       
    }
    function muestraBoton(){
        if($('#tarjetaActiva').val()!=0){
            $('#btnActivar').show()
        }else{
            $('#btnActivar').hide()
        }
    }
    function restaura(){
        $('#rowsAclaraciones').html('')
        $('.form-control').val('')
        $('#btnActivar').hide()
        $('#bodyPromociones').html('')
        $("input[name='tipoNota']").prop('checked', false)
        $('#tarjetaActiva').html('<option value="0">-Selecciona-</option>')
    }

    function buscaCliente(){
        var tarjeta = $('#TarjetaBusA').val();
        $.ajax({
            url: "{{url('procesos/busca_tarjeta')}}",
            type: 'POST',
            dataType: 'json',
            data: {tarjeta: tarjeta},
        })
        .done(function(resp) {
            console.log(resp);
            if(resp.estatus > 0){
                agregaCliente2(resp.estatus,resp.cliente)
                $('#cliente_search').val(resp.cliente)
            }else{
                   Swal.fire({
                     title: 'No existe la tarjeta',
                     type: 'error',
                     timer: 2000
                 })
                restaura();
                 return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
        function isNumeric(val) {
            return /^-?\d+$/.test(val);
        }
        function usaCliente(idCliente){
            agregaCliente2(idCliente)
            $('#modalBuscaCuenta').modal('hide')
        }
function numfom(monto){
    return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN'}).format(monto);
  }


    function buscaClientes(){
        var morosidad = $('input:radio[name=morosidadRadio]:checked').val()
        $.ajax({
            url: "{{url('procesos/busca_clientes_rutas')}}",
            type: 'POST',
            dataType: 'json',
            data: {morosidad: morosidad},
        })
        .done(function(resp) {
            console.log(resp);
            var html = '';
            $('#bodyCuentas').html('')
            if(resp.clientes==''){
                Swal.fire({
                 title: 'No tiene cuentas por gestionar',
                 type: 'error',
                 timer: 2000
                 })
                $('#bodyCuentas').html('')
                return false;
            }
            $.each(resp.clientes, function(index, val) {
                if(val.EsDeHoy=='Si'){
                    clase = 'color1'
                }else if(val.Comproisos > 0){
                    clase = 'color2'
                }else if(val.EsDeHoy=='No'){
                    clase = 'color3'
                }
                html+='<tr>'
                html+='<td><input type="radio" class="'+clase+'" name="clientes_cobranza" value="'+val.cuenta+'" onclick="getInfoCobranza('+val.cuenta+')"></td>'
                html+='<td>'+val.cuenta+'</td>'
                html+='<td>'+val.nombre_completo+'<br>'+val.email+'</td>'
                html+='<td><button class="btn btn-primary btn-sm" onclick="verTelefonos('+val.id_cliente+');"><i class="la la-phone"></i></button></td>'
                html+='<td>'+val.estatus+'</td>'
                if(val.FormaPago10==null){
                    moro = 0
                }else{
                    moro = val.FormaPago10;
                }
                html+='<td>'+moro+'</td>'
                html+='<td>'+numfom(val.Saldo)+'</td>'
                html+='</tr>'
            });
            $('#bodyCuentas').html(html)
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
function getInfoCobranza(cuenta,falg=0,data2=''){
 
    $.ajax({
        url: "{{url('procesos/busca-cliente')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            cuenta: cuenta
        },
    })
    .done(function(resp) {
        console.log(resp.data[0]);

        $('#idCliente_Hiden').val(resp.data[0].id_cliente)

        $('#numeroCuenta').val(cuenta)
        
        var Minimo = resp.data[0].pago_minimo - resp.data[0].PagoNoGeneraInteres;
        if (Minimo < 0) {
            Minimo = 0;
        }
        var TotalXvencer = Number(0);
        var TotalVencido = Number(0);
        var TotalActualizado = Number(0);
        TotalXvencer = Number(resp.data[0].xvencer1) + Number(resp.data[0].xvencer2) + Number(resp.data[0].xvencer3) + Number(resp.data[0].xvencer4) + Number(resp.data[0].xvencer5) + Number(resp.data[0].xvencer6) + Number(resp.data[0].xvencer7) + Number(resp.data[0].xvencer8) + Number(resp.data[0].xvencer9) + Number(resp.data[0].xvencer10) + Number(resp.data[0].xvencer11) + Number(resp.data[0].xvencer12) + Number(resp.data[0].xvencer13);
        TotalVencido = Number(resp.data[0].vencido1) + Number(resp.data[0].vencido2) + Number(resp.data[0].vencido3) + Number(resp.data[0].vencido4) + Number(resp.data[0].vencido5) + Number(resp.data[0].vencido6) + Number(resp.data[0].vencido7) + Number(resp.data[0].vencido8) + Number(resp.data[0].vencido9) + Number(resp.data[0].vencido10) + Number(resp.data[0].vencido11) + Number(resp.data[0].vencido12) + Number(resp.data[0].vencido13);
        var SaldoCapital = Number(resp.data[0].capital_mes) + Number(resp.data[0].cargos_capital) - Number(resp.data[0].abonos_capital);


        var SaldoIntNormal = Number(resp.data[0].interes_mora_mes) + Number(resp.data[0].cargos_int_mora) - Number(resp.data[0].abonos_int_mora);

        $('#cuentaClie').val(cuenta)
        $('#refBancaria').val(resp.data[0].referencia_bancaria)
        $('#historialCrediticio').val(resp.data[0].hfopa)
        $('#nombre_cliente').val(resp.data[0].nombre_completo)
        $('#pagoMinimo').val(numfom(resp.data[0].pago_minimo))
        $('#pagoNoGeInte').val(numfom(resp.data[0].PagoNoGeneraInteres))
        $('#pagoMinPend').val(numfom(Minimo))
        $('#interesIva').val(numfom(resp.data[0].Iva))
        $('#interesNormal').val(numfom(resp.data[0].cargos_int_mora))
        $('#interesDevengados').val(numfom(resp.data[0].intereses_devengados))
        var Moratorio = Number(resp.data[0].interes_finan_mes) + Number(resp.data[0].cargos_int_finan) - Number(resp.data[0].abonos_int_finan);
        $('#interesMoratorios').val(numfom(Moratorio))
        var GastosMes = Number(resp.data[0].gastos_cob_mes) + Number(resp.data[0].cargos_gtos) - Number(resp.data[0].abonos_gtos);
        $('#gastosCobranza').val(numfom(GastosMes))


        var Total = SaldoCapital + SaldoIntNormal + Moratorio + GastosMes + Number(resp.data[0].Iva);
        var TotalActualizado = Number(resp.data[0].intereses_devengados) + Total;
        $('#saldoActualizado').val(numfom(TotalActualizado))
        $('#saldoCapital').val(numfom(SaldoCapital))
        $('#saldoVencido').val(numfom(TotalVencido))
        $('#cuentaCorpo').val(resp.data[0].id_corpo)
        $('#diaCorte').val(resp.data[0].tipo_corte)
        $('#limiteCredito').val(numfom(resp.data[0].limite_credito))
        var dis = (Number(resp.data[0].limite_credito) - Number(resp.data[0].saldo));
        disponible = dis - Number(resp.data[0].SumaImporteSolicitud)
        $('#saldoDisponible').val(numfom(disponible))
        $('#saldoxVencer').val(numfom(resp.data[0].Suma13_25))
        $('#saldoxVencer').val(numfom(TotalXvencer))
        if(falg==1){
            var email = '';
            $.each(data2.emails, function(index, val) {
                 email = val.email;
            });
       
            var html = '';
            $('#bodyCuentas').html('')
            
                html+='<tr>'
                html+='<td><input type="radio" name="clientes_cobranza" value="'+data2.cuenta+'" onclick="getInfoCobranza('+data2.cuenta+')" checked></td>'
                html+='<td>'+data2.cuenta+'</td>'
                html+='<td>'+data2.nombre_completo+'<br>'+email+'</td>'
                html+='<td><button class="btn btn-primary btn-sm" onclick="verTelefonos('+data2.id+');"><i class="la la-phone"></i></button></td>'
                html+='<td>'+data2.estatus+'</td>'
                html+='<td>'+resp.data[0].forma_pago+'</td>'
                html+='<td>'+numfom(SaldoCapital)+'</td>'
                html+='</tr>'
            
            $('#bodyCuentas').html(html)
        }
        
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function verEstatusCobranza(){

    $.ajax({
        url: "{{url('procesos/get_notas_cobranza')}}",
        type: 'POST',
        dataType: 'json',
        data: {idCliente: $('#idCliente_Hiden').val()},
    })
    .done(function(resp) {
        console.log(resp);
        var html='';
        $.each(resp.result, function(index, val) {
            html+='<tr>'
            html+='<td>'+val.tipo_display+'</td>'
            html+='<td>'+val.texto+'</td>'
            html+='<td>'+val.created_at+'</td>'
            html+='<td>'+val.user+'</td>'
            html+='</tr>'
        });
        $('#notasBody').html(html)
        $('#modalNotasCobranza').modal('show')
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function agregaEstatus(){
    $('#motivo').val(0)
    $('#noteForm').val('')
    $('#modalNuevaNota').modal('show')
}
function verCompromios(){
    $.ajax({
        url: "{{url('procesos/get_compromisos')}}",
        type: 'POST',
        dataType: 'json',
        data: {idCliente: $('#idCliente_Hiden').val()},
    })
    .done(function(resp) {
        console.log(resp);
        var html='';
        $.each(resp.result, function(index, val) {
            html+='<tr>'
            html+='<td>'+val.estatus+'</td>'
            html+='<td>'+val.texto+'</td>'
            html+='<td>'+numfom(val.monto_compromiso)+'</td>'
            html+='<td>'+val.created_at+'</td>'
            html+='</tr>'
        });
        $('#compromisosBody').html(html)
        $('#modalCompromisos').modal('show')
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function guardarNotaCobranza(){

    var motivo = $('#motivo').val()
    var nota = $('#noteForm').val()
    if(motivo =='0'){
        Swal.fire({
                 title: 'Selecciona un motivo',
                 type: 'error',
                 timer: 2000
             })
        return false;
    }
    if(nota ==''){
        Swal.fire({
                 title: 'Agrega una nota',
                 type: 'error',
                 timer: 2000
             })
        return false;
    }
    $.ajax({
        url: "{{url('procesos/guardar_nota_cobranza')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            id_cliente: $('#idCliente_Hiden').val(),
            nota: nota,
            motivo: motivo,
        },
    })
    .done(function(resp) {
        console.log(resp);
        if(resp.result > 0){
            Swal.fire({
                 title: 'Se guardo correctamente',
                 type: 'success',
                 timer: 2000
             })
            $('#modalNuevaNota').modal('hide')
            $('#modalNotasCobranza').modal('hide')
            
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function agregaCompromiso(){
    $('#modalNuevoCompromiso').modal('show')
}
function guardarCompromiso(){
    var  des = $('#descCompromiso').val();
    var  fecha = $('#compromisoFecha').val();
    var  monto = $('#compromisoMonto').val();
    var  cliente = $('#idCliente_Hiden').val();
    if(cliente==''){
        Swal.fire({
             title: 'Selecciona un cliente',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    if(monto==''){
        Swal.fire({
             title: 'Agrega un monto',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    if(fecha==''){
        Swal.fire({
             title: 'Agrega una fecha',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    if(des==''){
        Swal.fire({
             title: 'Agrega una descripcion',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    $.ajax({
        url: "{{url('procesos/guardar_compromiso')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            des: des,
            fecha: fecha,
            monto: monto,
            cliente: cliente,
        },
    })
    .done(function() {
        console.log("success");
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function verTelefonos(idcliente){
    $.ajax({
        url: "{{url('procesos/ver_telefono')}}",
        type: 'POST',
        dataType: 'json',
        data: {idcliente: idcliente},
    })
    .done(function(resp) {
        console.log("success");
        var html = ''
        $('#bodyTelefonos').html('')
        $.each(resp.result, function(index, val) {
            html+='<tr>'
            html+='<td>'+val.tipo+'</td>'
            html+='<td>'+val.telefono+'</td>'
            html+='<td>'+val.localizacion+'</td>'
            html+='</tr>'
        });
        $('#bodyTelefonos').html(html)
        $('#modalTelefonos').modal('show')
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function insertaContato(data){
    console.log('222222-------------')
    console.log(data)
 
            getInfoCobranza(data.cuenta,1,data)
}
function refPersonales(){
    if($('#idCliente_Hiden').val()==''){
        Swal.fire({
             title: 'Selecciona una cliente',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    $.ajax({
        url: "{{url('procesos/ver_referencias_per')}}",
        type: 'POST',
        dataType: 'json',
        data: {idcliente: $('#idCliente_Hiden').val()},
    })
    .done(function(resp) {
        console.log("success");
        var html = ''
        $('#bodyRefes').html(html)
        $.each(resp.result, function(index, val) {
             html+='<tr>'
             html+='<td>'+val.referencia+'</td>'
             html+='<td>'+val.refcia_telef+'</td>'
             html+='<td>'+val.tipo_refcia+'</td>'
             html+='<td>'+val.domicilio+'</td>'
             html+='</tr>'
        });
        $('#bodyRefes').html(html)
        $('#modalReferencias').modal('show')
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function refNotasClientes(){
    if($('#idCliente_Hiden').val()==''){
        Swal.fire({
             title: 'Selecciona una cliente',
             type: 'error',
             timer: 2000
         })

         return false;
    }
    $.ajax({
        url: "{{url('procesos/ver_notas_cliente')}}",
        type: 'POST',
        dataType: 'json',
        data: {idcliente: $('#idCliente_Hiden').val()},
    })
    .done(function(resp) {
        console.log("success");
        var html = ''
        $('#bodyNotasCliente').html(html)
        $.each(resp.result, function(index, val) {
             html+='<tr>'
             html+='<td>'+val.descripcion+'</td>'
             html+='<td>'+val.creador+'</td>'
             html+='<td>'+val.created_at+'</td>'
             html+='</tr>'
        });
        $('#bodyNotasCliente').html(html)
        $('#modalNotasCliente').modal('show')
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
</script>
@include('comunes.busca_cuenta')

@endpush