@extends('layout.master')

@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('plugins/notification/snackbar/snackbar.min.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/sweetalerts/sweetalert2.min.css') !!}
    {!! Html::style('plugins/sweetalerts/sweetalert.css') !!}
    {!! Html::style('assets/css/basic-ui/custom_sweetalert.css') !!}
    {!! Html::style('assets/css/forms/radio-theme.css') !!}
    {!! Html::style('assets/css/forms/form-widgets.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
    {!! Html::style('plugins/table/datatable/datatables.css') !!}
    {!! Html::style('plugins/table/datatable/dt-global_style.css') !!}
    {!! Html::style('assets/css/basic-ui/accordion.css') !!}
@endpush

@section('content')
    <!--  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> {{__('CONSULTA CLIENTE')}}</span>
                                </li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->

    <!-- Form Cliente -->
    <div class="col-lg-12">
        <form action="#" id="frm_buscaCliente" method="post">
            <div class="statbox widget box box-shadow mb-2">
                <div class="widget-content widget-content-area">
                    <div class="w-100">
                        <div class="form-group row">
                            <div class="col-lg-4">
                                <label>Cuenta:</label>
                                <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="cuenta" name="cuenta"
                                           placeholder="">
                                </div>
                                <span class="form-text text-muted">Ingresa el numero de cuenta</span>
                            </div>
                            <div class="col-lg-4">
                                <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-lg-4">
                                <br>
                                <button type="submit" class="btn btn-primary mr-2" id="btnBuscaCliente">Buscar
                                </button>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- Form Cliente Ends-->

    <!-- Info Cliente -->
    <div class="col-lg-12">
        <div class="statbox widget box box-shadow mb-2">
            <div class="widget-content widget-content-area">
                <div class="d-flex flex-wrap">
                    <div class="w-100">
                        <div class="form-group row">
                            <div class="col-lg-2">
                                <label>Saldo:</label>
                                <input type="text" id="saldo" name="saldo"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                            </div>
                            <div class="col-lg-2">
                                <label>Disponible:</label>
                                <input type="text" id="disponible" name="disponible"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                            </div>
                            <div class="col-lg-2">
                                <label>Limite Credito:</label>
                                <input type="text" id="limite_credito" name="limite_credito"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                            </div>

                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-2">
                                        <label>Día Corte:</label>
                                        <input type="text" id="dia_corte" name="dia_corte"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Tipo Cliente:</label>
                                        <input type="text" id="tipo_cliente" name="tipo_cliente"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                    <div class="col-lg-3">
                                        <label>Estatus:</label>
                                        <input type="text" id="estatus" name="estatus"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                    <div class="col-lg-3">
                                        <label>Categoría:</label>
                                        <input type="text" id="categoria" name="categoria"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-100">
                        <div class="form-group row">
                            <div class="col-lg-6">
                                <label>Nombre:</label>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    <span class="input-group-text" onclick="verDomicilio();" title="Ver Domicilio">
                                        <i class="la la-home"></i>
                                    </span>
                                    </div>
                                    <input type="text" id="nombre_completo" name="nombre_completo"
                                           class="form-control form-control-sm"
                                           placeholder="" readonly>
                                </div>

                            </div>
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <label>Fecha Registro:</label>
                                        <input type="text" id="fecha_registro" name="fecha_registro"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Morosidad:</label>
                                        <table>
                                            <tr>
                                                <th>

                                                    <input type="text" id="morosidad" name="morosidad"
                                                           class="form-control form-control-sm"
                                                           placeholder="" readonly>
                                                    <small class="text-muted">Más baja:</small>
                                                </th>
                                                <th>
                                                    <input type="text" id="morosidad_max"
                                                           name="morosidad_max"
                                                           class="form-control form-control-sm"
                                                           placeholder="" readonly>
                                                    <small class="text-muted">Más alta:</small>
                                                </th>
                                            </tr>
                                        </table>


                                    </div>

                                    <div class="col-lg-4">
                                        <label>Cuenta Corp:</label>
                                        <input type="text" id="cuenta_corp" name="cuenta_corp"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-100">
                        <div class="form-group row">
                            <div class="col-lg-4">
                                <label>Ruta Cobro:</label>
                                <table>
                                    <tr>
                                        <th width="30%">
                                            <input type="text" id="ruta_cobro" name="ruta_cobro"
                                                   class="form-control form-control-sm"
                                                   placeholder="" readonly>
                                        </th>
                                        <th width="70%">
                                            <input type="text" id="ruta_cobro_desc"
                                                   name="ruta_cobro_desc"
                                                   class="form-control form-control-sm"
                                                   placeholder="" readonly>
                                        </th>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-lg-2">
                                <label>Pago minimo:</label>
                                <input type="text" id="pago_minimo_pendiente"
                                       name="pago_minimo_pendiente"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                                <small class="text-muted">Pendiente</small>
                            </div>
                            <div class="col-lg-2">
                                <label>Abonos del Periodo:</label>
                                <input type="text" id="abonos_periodo" name="abonos_periodo"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                            </div>

                            <div class="col-lg-4">
                                <label>Historial Crediticio:</label>
                                <input type="text" id="historial_crediticio"
                                       name="historial_crediticio"
                                       class="form-control form-control-sm"
                                       placeholder="" readonly>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Info Cliente Ends-->
    <!-- Tabla Saldos-->
    <div class="widget-content widget-content-area">
        <div id="toggleAccordionWithIcon" class="basic-accordion-icon">
            <div class="card">
                <div class="card-header" id="basicAccordionIconheadingOne">
                    <section class="mb-0 mt-0">
                        <div role="menu" class="collapsed" data-toggle="collapse" data-target="#basicAccordionIconOne"
                             aria-expanded="true" aria-controls="basicAccordionIconOne">
                            <i class="las la-money-bill font-20"></i> {{__('Analisis De Saldo')}}
                            <div class="icons"><i class="las la-angle-down"></i></div>
                        </div>
                    </section>
                </div>
                <div id="basicAccordionIconOne" class="collapse" aria-labelledby="basicAccordionIconheadingOne"
                     data-parent="#toggleAccordionWithIcon">
                    <div class="card-body">
                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th colspan="4">
                                            <div class="th-content"> {{__('X Vencer')}}</div>
                                        </th>
                                        <th colspan="2">
                                            <div class="th-content"> {{__('Vencido')}}</div>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr align="center">
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="uno"
                                                   id="uno" readonly/>
                                        </td>
                                        <td>1-30</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="trece1"
                                                   id="trece1" readonly/>
                                        </td>
                                        <td>1-30</td>
                                        <td>Saldo Capital:</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="Capital"
                                                   id="Capital" readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="dos"
                                                   id="dos" readonly/>
                                        </td>
                                        <td>31-60</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="doce1"
                                                   id="doce1" readonly/>
                                        </td>
                                        <td>31-60</td>
                                        <td>Saldo Int Normal</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="normal"
                                                   id="normal" readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="tres"
                                                   id="tres" readonly/>
                                        </td>
                                        <td>61-90</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="once1"
                                                   id="once1" readonly/>
                                        </td>
                                        <td>61-90</td>
                                        <td>Saldo Int Morat:</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="Morat"
                                                   id="Morat" readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="cuatro"
                                                   id="cuatro" readonly/>
                                        </td>
                                        <td>91-120</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="diez1"
                                                   id="diez1" readonly/>
                                        </td>
                                        <td>91-120</td>
                                        <td>Gastos Cobranza:</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="cobranza"
                                                   id="cobranza" readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td>
                                            <input type="text" class="form-control form-control-sm" name="cinco"
                                                   id="cinco" readonly/>
                                        </td>
                                        <td>121-150</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="nueve1"
                                                   id="nueve1" readonly
                                            /></td>
                                        <td>121-150</td>
                                        <td>IVA Int y Gtos:</td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm"
                                                   name="IvaInt"
                                                   id="IvaInt" readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="seis" id="seis" readonly/>
                                        </td>
                                        <td width="15%">151-180</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="ocho1" id="ocho1"
                                                   readonly/>
                                        </td>
                                        <td width="15%">151-180</td>
                                        <td width="25%">Total:</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="total2" id="total2"
                                                   readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="siete" id="siete"
                                                   readonly/>
                                        </td>
                                        <td width="15%">181-210</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="siete1" id="siete1"
                                                   readonly/>
                                        </td>
                                        <td width="15%">181-210</td>

                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="ocho" id="ocho" readonly/>
                                        </td>
                                        <td width="15%">211-240</td>
                                        <td width="15%"><input type="text" class="form-control form-control-sm"
                                                               name="seis1" id="seis1"
                                                               readonly
                                            /></td>
                                        <td width="15%">211-240</td>
                                        <td width="25%">Total X Vencer:</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="total" id="total"
                                                   readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="nueve" id="nueve"
                                                   readonly
                                            /></td>
                                        <td width="15%">241-270</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="cinco1" id="cinco1"
                                                   readonly/>
                                        </td>
                                        <td width="15%">241-270</td>
                                        <td width="25%">Total Vencido:</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="total1" id="total1"
                                                   readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="diez" id="diez" readonly/>
                                        </td>
                                        <td width="15%">271-300</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="cuatro1" id="cuatro1"
                                                   readonly/>
                                        </td>
                                        <td width="15%">271-300</td>

                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="once" id="once" readonly/>
                                        </td>
                                        <td width="15%">301-330</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="tres1" id="tres1"
                                                   readonly/>
                                        </td>
                                        <td width="15%">301-330</td>
                                        <td width="25%">Gastos Devengados:</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="Devengados" id="Devengados"
                                                   readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="doce" id="doce" readonly/>
                                        </td>
                                        <td width="15%">331-360</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="dos1" id="dos1" readonly/>
                                        </td>
                                        <td width="15%">331-360</td>
                                        <td width="25%">Total Actualizado:</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="Actualizado" id="Actualizado"
                                                   readonly/>
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="trece" id="trece"
                                                   readonly/>
                                        </td>
                                        <td width="15%">361-390</td>
                                        <td width="15%">
                                            <input type="text" class="form-control form-control-sm"
                                                   name="uno1" id="uno1" readonly/>
                                        </td>
                                        <td width="15%">361-390</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Tabla Saldos Ends -->

    <!-- Acciones-->
    <div class="widget-content widget-content-area bg-actions">
        <ul class="list-group list-group-horizontal-sm list-btn-actions">
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Historico" name="Historico"
                        onclick="md_historicoRevolvente()"
                        disabled>
                    Historico Revolvente
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="HistoricoMSI" name="HistoricoMSI"
                        onclick="md_historicoMSI()" disabled>Historico MSI
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Cortes" name="Cortes" onclick="md_cortes()" disabled>
                    Cortes
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Record" name="Record" onclick="md_record()" disabled>
                    Record
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Domicilio" name="Domicilio" disabled>
                    Cambios Domicilio
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Notas" name="Notas" onclick="md_notas()" disabled>
                    Notas
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Promociones" name="Promociones"
                        onclick="md_promociones()" disabled>
                    Promociones
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="TarExtraviadas" name="TarExtraviadas"
                        onclick="md_tarjetas_extraviadas()" disabled>
                    Tarjetas Extraviadas
                </button>
            </li>
        </ul>
        <ul class="list-group list-group-horizontal-sm list-btn-actions">
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Autorizacion" name="Autorizacion"
                        onclick="md_autorizar()" disabled>
                    Autorizar
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="CamEstatus" name="CamEstatus" disabled>
                    Estatus
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Compromisos" name="Compromisos" disabled>
                    Compromisos
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="EsCobranza" name="EsCobranza" disabled>
                    Cobranza
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" title="Movimientos Depurados" id="MD" name="MD" disabled>
                    MD
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="LimCred" name="LimCred" onclick="md_limiteCredito()"
                        disabled>
                    Limite Credito
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Expediente" name="Expediente" disabled>
                    Expediente
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm" id="Preautorizaciones" name="Preautorizaciones" disabled>
                    Preautorizaciones
                </button>
            </li>
        </ul>
    </div>
    <!-- Acciones Ends-->
    {{--Modales--}}
    <div class="modal fade" id="md_limiteCredito" tabindex="-1" role="dialog" aria-labelledby="limiteCreditoLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Limite Credito</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_limiteCredito">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Limite Credito</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Registrado Por</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Registrado El</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link" data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</button>--}}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_notas" tabindex="-1" role="dialog" aria-labelledby="notasLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Notas</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_notas">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Creado</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Fecha</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Descripción</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link" data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</button>--}}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_tarjetas_extraviadas" tabindex="-1" role="dialog"
         aria-labelledby="tarjetasExtraviadasLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Tarjetas Extraviadas</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_tarjetas_extraviadas">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Tarjetas Anteriores</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Motivos</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Folio Recepcion</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Registro Usuario</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Fecha de Registro</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link" data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</button>--}}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_promociones" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Promociones</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_promociones">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Promoción</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Desde</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Hasta</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Saldo</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link" data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</button>--}}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_autorizar" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form id="frm_autorizar">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Autorizar</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <i class="las la-times"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="w-100">
                            <div class="widget-content widget-content-area">
                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Monto Autorizar</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <input type="number" class="form-control form-control-sm"
                                                   id="aut_monto_autorizar" name="montoAutorizar"
                                                   placeholder="" value=""
                                                   onblur="this.value=FormatoMiles(this.value)"
                                                   onfocus="this.value=QuitaFormatoMiles(this.value)"
                                                   required>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Promoción</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <select class="form-control" id="aut_promocion"
                                                    name="aut_promocion" required>
                                                <option value="" selected disabled>-[Seleccione una opción]-</option>
                                                @foreach($data['promociones'] as $p)
                                                    <option value="{{$p->id}}">{{$p->descripcion}}</option>
                                                @endforeach;
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Tarjeta</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <select class="form-control" id="auto_tarjeta"
                                                    name="tarjeta" required>
                                                <option value="" selected disabled>-[Seleccione una opción]-</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Sucursal</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <select class="form-control" id="auto_sucursal"
                                                    name="auto_sucursal" required>
                                                <option value="" selected disabled>-[Seleccione una opción]-</option>
                                                @foreach($data['sucursales'] as $p)
                                                    <option value="{{$p->id}}">({{$p->id}})-{{$p->descripcion}}</option>
                                                @endforeach;
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Folio Autorización</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <input type="number" class="form-control form-control-sm"
                                                   id="aut_folio_autorizacion" readonly="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-lg-6 col-sm-12">
                                        <label class="col-form-label">Notas</label>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <textarea class="form-control" id="aut_notas" name="aut_notas"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="btn_cierraAutoriza" type="button" class="btn btn-warning btn-link"
                                    data-dismiss="modal">
                                Cerrar
                            </button>
                            <button id="btn_autoriza" type="submit" class="btn btn-primary">Aceptar
                            </button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_record" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Record</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="w-100">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="widget-content widget-content-area">
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Ultima Compra</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="record_ultima_compra"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Fecha última compra</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_fecha_ultima_compra"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Último pago</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_ultimo_pago"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Fecha Último Pago</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_fecha_ultimo_pago"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="widget-content widget-content-area">
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Cuenta Grupo</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_cuenta_grupo"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Solicitud</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_solicitud"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Referencia Bancaria</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="record_referencia_bancaria"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="btnCerrarDomicilio" type="button" class="btn btn-warning btn-link"
                                data-dismiss="modal">
                            Cerrar
                        </button>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_cortes" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Cortes</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="statbox widget box box-shadow mb-2">
                        <div class="widget-content widget-content-area">
                            <div class="w-100">
                                <div class="form-group row">
                                    <div class="col-lg-6">
                                        <label>Solicitar Priodo:</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                    <span class="input-group-text">
										<i class="la la-user"></i>
									</span>
                                            </div>
                                            <input type="text" class="form-control form-control-sm" id="cortes_periodo"
                                                   name="cortes_periodo"
                                                   maxlength="10" placeholder="">
                                        </div>
                                        <span class="form-text text-muted">Ingresa el periodo</span>
                                    </div>

                                    <div class="col-lg-6">
                                        <br>
                                        <button type="submit" class="btn btn-primary mr-2" id="btnBuscaPeriodo">Buscar
                                        </button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-100">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="widget-content widget-content-area">
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Tipo Cliente:</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_tipo_cliente"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Fecha Corte</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_fecha_corte"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Intereses Normales</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_intereses_normales"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Gastos Cobranza</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_gastos_cobranza"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Pago Minimo</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_pago_minimo"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="widget-content widget-content-area">
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Saldo Capital</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_saldo_capital"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Interes Moratorio</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_interes_mora"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Morosidad</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_morosidad"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Para no Generar Interes</label>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control form-control-sm"
                                                       id="cortes_no_interes"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="btnCerrarDomicilio" type="button" class="btn btn-warning btn-link"
                                data-dismiss="modal">
                            Cerrar
                        </button>
                        <button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_historicoRevolvente" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Historico Revolvente</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_historico_revolvente">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Suc</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Promoción</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Fecha</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Folio</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Concepto</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Referencia</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Cargos</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Abonos</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Saldo</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button id="btnCerrarDomicilio" type="button" class="btn btn-warning btn-link"
                            data-dismiss="modal">
                        Cerrar
                    </button>
                    <button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar
                    </button>
                </div>
            </div>

        </div>
    </div>

    <div class="modal fade" id="md_historicoMSI" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Consulta Historico MSI (Plazos Fijos)</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="statbox widget box box-shadow mb-2">
                        <div class="widget-content widget-content-area">
                            <div class="w-100">
                                <div class="form-group row">
                                    <div class="col-lg-4">
                                        <div class="form-group mb-4">
                                            <label>Selecciona una opción</label>
                                            <div class="radio-inline">
                                                <label class="radio radio-lg">
                                                    <input type="radio" checked="checked" name="radios3_1">
                                                    <span></span>Con Saldo</label>
                                                <label class="radio radio-lg">
                                                    <input type="radio" name="radios3_1">
                                                    <span></span>Todos</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group row mb-4">
                                            <label>Fecha</label>
                                            <input id="basicExample"
                                                   class="form-control form-control-sm flatpickr flatpickr-input active"
                                                   type="text" placeholder="Select Date">

                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <br>
                                        <button type="submit" class="btn btn-primary mr-2" id="btnBuscaPeriodo">Buscar
                                            por Fecha
                                        </button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-100">
                        <table>

                        </table>
                    </div>
                    <div class="modal-footer">
                        <button id="btnCerrarDomicilio" type="button" class="btn btn-warning btn-link"
                                data-dismiss="modal">
                            Cerrar
                        </button>
                        <button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_domicilio" tabindex="-1" role="dialog" aria-labelledby="promocionesLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Dirección</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table">
                        <tr>
                            <td>Direccion</td>
                            <td><input type="text" class="form-control form-control-sm" name="Dir" id="Dir" value=""
                                       disabled="disabled"/></td>
                            <td>Colonia</td>
                            <td><input type="text" class="form-control form-control-sm" name="Col" id="Col" value=""
                                       disabled="disabled"/></td>
                        </tr>
                        <tr>
                            <td>Telefono</td>
                            <td><input type="text" class="form-control form-control-sm" name="Tel" id="Tel" value=""
                                       disabled="disabled"/></td>
                            <td>C.Postal</td>
                            <td><input type="text" class="form-control form-control-sm" name="Codi" id="Codi" value=""
                                       disabled="disabled"/></td>
                        </tr>
                        <tr>

                            <td>Poblacion</td>
                            <td><input type="text" class="form-control form-control-sm" name="Pobla" id="Pobla" value=""
                                       disabled="disabled"/></td>
                            <td>Municipio</td>
                            <td><input type="text" class="form-control form-control-sm" name="Muni" id="Muni" value=""
                                       disabled="disabled"/></td>
                        </tr>
                        <tr>
                            <td>Estado</td>
                            <td><input type="text" class="form-control form-control-sm" name="Estado" id="Estado"
                                       value="" disabled="disabled"/>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link" data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button id="btnIdentificarColonia" type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</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/sweetalerts/sweetalert2.min.js') !!}
    {!! Html::script('assets/js/basicui/sweet_alerts.js') !!}
    {!! Html::script('assets/js/custom.js') !!}
    {!! Html::script('plugins/notification/snackbar/snackbar.min.js') !!}
    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/table/datatable/datatables.js') !!}
    <!--  The following JS library files are loaded to use Copy CSV Excel Print Options-->
    {!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.html5.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.print.min.js') !!}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js"></script>

@endpush

@push('custom-scripts')
    <script>
		TopeSaldoVencidoAutoriza = {!! $data['paraminstcr']->TopeSaldoVencidoAutoriza!!};
		$(document).ready(function () {

			// $("#nombre_completo").hover(
			// 	function () {
			// 		$("#md_domicilio").modal('toggle');
			// 	},
			// 	function () {
			// 		$("#md_domicilio").modal('toggle');
			// 	});

			$('.creditCard').inputmask({
				mask: '(3(4|7)99 9{6} 9{5}|3999 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: '(3(4|7)99 9{6} 9{5}|3999 9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
				});
			});
		});

		function verDomicilio() {
			$("#md_domicilio").modal('toggle');
		}

		$("#frm_buscaCliente").submit(function (event) {
			// debugger;
			event.preventDefault();

			$('#btnBuscaCliente').prop('disabled', true);
			// $('#loadingModal').modal('toggle');
			var cuenta = $("#cuenta").val();
			var ntarjeta = $("#TarjetaBusA").val();

			if (cuenta == "" && ntarjeta == "") {
				// $('#loadingModal').modal('toggle');
				Swal.fire({
					type: 'error',
					title: 'Oops...',
					text: 'El campo Cuenta y/o Tarjeta estan vacios',
					showConfirmButton: false,
					timer: 2500
				})
			} else {
				$.ajax({
					url: "{{ url('consultas/busca-cliente')}}",
					type: 'POST',
					dataType: 'json',
					data: {
						cuenta: cuenta,
						nTarjeta: ntarjeta,

					},
				})
					.done(function (resp) {

						//Rellenar campos
						if (resp.result == 1) {

							console.log(resp.data);

							$('#Cortes').prop('disabled', false);
							$('#Promociones').prop('disabled', false);
							$('#Autorizacion').prop('disabled', false);
							$('#LimCred').prop('disabled', false);
							$('#Preautorizaciones').prop('disabled', false);

							let i = resp.data[0];
							var Minimo = i.pago_minimo - i.PagoNoGeneraInteres;
							if (Minimo < 0) {
								Minimo = 0;
							}
							var dis = (i.limite_credito - i.saldo);
							var GastosMes = i.gastos_cob_mes + i.cargos_gtos - i.abonos_gtos;
							var Moratorio = i.interes_finan_mes + i.cargos_int_finan - i.abonos_int_finan;
							var SaldoIntNormal = i.interes_mora_mes + i.cargos_int_mora - i.abonos_int_mora;
							var SaldoCapital = i.SaldoCapital + i.cargos_capital - i.abonos_capital;
							var TotalXvencer = Number(0);
							TotalVencido = Number(0);
							var TotalActualizado = Number(0);
							TotalXvencer = i.xvencer1 + i.xvencer2 + i.xvencer3 + i.xvencer4 + i.xvencer5 + i.xvencer6 + i.xvencer7 + i.xvencer8 + i.xvencer9 + i.xvencer10 + i.xvencer11 + i.xvencer12 + i.xvencer13;
							TotalVencido = i.vencido1 + i.vencido2 + i.vencido3 + i.vencido4 + i.vencido5 + i.vencido6 + i.vencido7 + i.vencido8 + i.vencido9 + i.vencido10 + i.vencido11 + i.vencido12 + i.vencido13;

							var Total = SaldoCapital + SaldoIntNormal + Moratorio + GastosMes + i.Iva;
							var TotalActualizado = i.intereses_devengados + Total;

							$("#TarjetaBusA").val(i.numero_tarjeta.substring(0, 4) + ' ' + i.numero_tarjeta.substring(5, 8) + ' ' + i.numero_tarjeta.substring(8, 12) + ' ' + i.numero_tarjeta.substring(12, 16));
							$("#nombre_completo").val(i.nombre_completo);
							$("#dia_corte").val(i.tipo_corte);
							$("#tipo_cliente").val(i.tipo_cliente_desc);
							$("#ruta_cobro").val(i.ruta_cobro);
							$("#ruta_cobro_desc").val(i.ruta_cobro_desc);
							$("#fecha_registro").val(i.fecha_registro);
							$("#estatus").val(i.estatus);
							if (i.estatus == "Cancelada") {
								$("#Estatus").css("color", "#FF0000");
							} else if (i.estatus == "Desactivada") {
								$("#Estatus").css("color", "#FCBA28");
							} else {
								$("#Estatus").css("color", "#000000");
							}
							$("#limite_credito").val(FormatoMoneda(i.limite_credito));
							$("#morosidad").val(i.forma_pago);
							$("#morosidad_max").val(i.fopa_max);
							$("#categoria").val(i.categoria);

							$("#disponible").val(FormatoMoneda(dis - i.SumaImporteSolicitud));
							$("#saldo").val(FormatoMoneda(i.saldo));
							$("#pago_minimo_pendiente").val(FormatoMoneda(Minimo));
							$("#abonos_periodo").val(FormatoMoneda(i.PagoNoGeneraInteres));

							$("#cuenta_corp").val(i.id_corpo);
							$("#historial_crediticio").val(i.hfopa);

							$('#auto_tarjeta').append($('<option/>', {
								value: i.numero_tarjeta,
								text: i.numero_tarjeta
							}));
							//SALDOS
							$("#uno").val(FormatoMoneda(i.xvencer13));
							$("#dos").val(FormatoMoneda(i.xvencer12));
							$("#tres").val(FormatoMoneda(i.xvencer11));
							$("#cuatro").val(FormatoMoneda(i.xvencer10));
							$("#cinco").val(FormatoMoneda(i.xvencer9));
							$("#seis").val(FormatoMoneda(i.xvencer8));
							$("#siete").val(FormatoMoneda(i.xvencer7));
							$("#ocho").val(FormatoMoneda(i.xvencer6));
							$("#nueve").val(FormatoMoneda(i.xvencer5));
							$("#diez").val(FormatoMoneda(i.xvencer4));
							$("#once").val(FormatoMoneda(i.xvencer3));
							$("#doce").val(FormatoMoneda(i.xvencer2));
							$("#trece").val(FormatoMoneda(i.xvencer1));

							$("#uno1").val(FormatoMoneda(i.vencido13));
							$("#dos1").val(FormatoMoneda(i.vencido12));
							$("#tres1").val(FormatoMoneda(i.vencido11));
							$("#cuatro1").val(FormatoMoneda(i.vencido10));
							$("#cinco1").val(FormatoMoneda(i.vencido9));
							$("#seis1").val(FormatoMoneda(i.vencido8));
							$("#siete1").val(FormatoMoneda(i.vencido7));
							$("#ocho1").val(FormatoMoneda(i.vencido6));
							$("#nueve1").val(FormatoMoneda(i.vencido5));
							$("#diez1").val(FormatoMoneda(i.vencido4));
							$("#once1").val(FormatoMoneda(i.vencido3));
							$("#doce1").val(FormatoMoneda(i.vencido2));
							$("#trece1").val(FormatoMoneda(i.vencido1));

							//Totales
							$("#Capital").val(FormatoMoneda(SaldoCapital));
							$("#normal").val(FormatoMoneda(SaldoIntNormal));
							$("#Morat").val(FormatoMoneda(Moratorio));
							$("#cobranza").val(FormatoMoneda(GastosMes));
							$("#IvaInt").val(FormatoMoneda(i.Iva));
							$("#total2").val(FormatoMoneda(Total));

							$("#total").val(FormatoMoneda(TotalXvencer));
							$("#total1").val(FormatoMoneda(TotalVencido));

							$("#Devengados").val(FormatoMoneda(i.intereses_devengados));
							$("#Actualizado").val(FormatoMoneda(TotalActualizado));

							LimpiarCorte();
							cargaDomicilio();
						} else {
							Swal.fire({
								type: 'info',
								title: resp.msg,
								showConfirmButton: false,
								timer: 2500
							});
						}
					})
					.fail(function () {
						console.log("error");
						Swal.fire({
							type: 'error',
							title: 'Algo salio mal durante el proceso, intentalo más tarde',
							showConfirmButton: false,
							timer: 2500
						});
					})
					.always(function (resp) {
						console.log("complete");
						$('#btnBuscaCliente').prop('disabled', false);
					});
			}
		});

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

					$('#cuenta').val(resp.data.cuenta);
					$('#frm_buscaCliente').submit();

				})
				.fail(function () {
					console.log("error");
				})
				.always(function () {
					console.log("complete");
				});
		}

		$("#frm_autorizar").submit(function (event) {
			// debugger;
			event.preventDefault();

			$('#btn_autoriza').prop('disabled', true);
			// $('#loadingModal').modal('toggle');
			var montoAutorizar = $("#aut_monto_autorizar").val();
			var tarjeta = $("#auto_tarjeta").val();


			$.ajax({
				url: "{{ url('consultas/algoritmo-autorizar')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					montoAutorizar: montoAutorizar,
					tarjeta: tarjeta
				},
			})
				.done(function (resp) {
					// debugger;
					//Rellenar campos
					if (resp.result == 1) {
						let TotalVencido = $("#total1").val();

						if (QuitaFormatoMiles($("#disponible").val()) - QuitaFormatoMiles($("#aut_monto_autorizar").val()) < 0) {
							Swal.fire({
								type: 'error',
								title: 'Monto excede disponible',
								showConfirmButton: false,
								timer: 2500
							});
							return false;
						}
						if (TotalVencido > TopeSaldoVencidoAutoriza) {
							Swal.fire({
								type: 'error',
								title: 'Saldo Vencido, imposible autorización',
								showConfirmButton: false,
								timer: 2500
							});
							return false;
						}
						var FolioAutorizacion = resp.data;
						var sucursal = $("#auto_sucursal").val();
						var cuenta = $("#cuenta").val();
						var tarjeta = $("#auto_tarjeta").val();
						var importe = QuitaFormatoMiles($("#aut_monto_autorizar").val());
						var saldo = QuitaFormatoMiles($("#saldo").val());
						var fopa = QuitaFormatoMiles($("#morosidad").val());
						var limite_credito = QuitaFormatoMiles($("#limite_credito").val());
						var disponible = QuitaFormatoMiles($("#disponible").val());
						var nota = $("#aut_notas").val();

						//Guarda autorizacion
						$.ajax({
							url: "{{ url('consultas/save-autorizacion')}}",
							type: 'POST',
							dataType: 'json',
							data: {
								sucursal: sucursal,
								cuenta: cuenta,
								tarjeta: tarjeta,
								importe: importe,
								folio_autorizacion: FolioAutorizacion,
								saldo: saldo,
								fopa: fopa,
								limite_credito: limite_credito,
								disponible: disponible,
								nota: nota,
							},
						})
							.done(function (resp) {
								Snackbar.show({
									text: '¡Registro guardado correctamente!',
									actionTextColor: '#fff',
									backgroundColor: '#8dbf42',
									pos: 'top-right'
								});

							})
							.fail(function () {
								// console.log("error");
								Swal.fire({
									type: 'error',
									title: 'Algo salio mal durante el proceso, intentalo más tarde',
									showConfirmButton: false,
									timer: 2500
								});
								$('#btn_autoriza').prop('disabled', false);
							})
							.always(function (resp) {
								console.log("complete");

							});
						// End Guarda autorizacion
						$("#aut_folio_autorizacion").val(FolioAutorizacion);
						$("#aut_monto_autorizar").prop('readonly', true);
						$("#auto_tarjeta").prop('disabled', true);
						$("#auto_sucursal").prop('disabled', true);
						$("#btn_autoriza").prop('disabled', true);


					} else {
						Swal.fire({
							type: 'info',
							title: resp.msg,
							showConfirmButton: false,
							timer: 2500
						});
					}


				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: 'Algo salio mal durante el proceso, intentalo más tarde',
						showConfirmButton: false,
						timer: 2500
					});
					$('#btn_autoriza').prop('disabled', false);
				})
				.always(function (resp) {
					console.log("complete");

				});
		});

		function LimpiarCorte() {
			$("Solicitar").value = "";
			$("FechaCorte").value = "";
			$("SaldoCapi").value = "";
			$("IntNormales").value = "";
			$("InteresMora").value = "";
			$("GasCobranza").value = "";
			$("FormPa").value = "";
			$("PagoMin").value = "";
			$("PaNoGeIn").value = "";
			$("TipoCli").value = "";
		}

		function md_promociones() {
			var cuenta = $("#cuenta").val();
			$('#tb_promociones').dataTable().fnDestroy();
			$('#tb_promociones').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-promociones')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "descripcion"
				},
					{
						data: "vigencia_desde"
					},
					{
						data: "vigencia_hasta"
					},
					{
						data: "saldo"
					},
				],
				order: [
					[0, "asc"]
				],
			});

			$('#md_promociones').modal('toggle');
		}

		function md_record() {
			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/busca-record')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					cuenta: cuenta
				},
			})
				.done(function (resp) {

					//Rellenar campos
					if (resp.result == 1) {

						let i = resp.data[0];

						$("#record_ultima_compra").val(FormatoMoneda(i.ultima_compra));
						$("#record_fecha_ultima_compra").val(i.fecha_ultima_compra);
						$("#record_ultimo_pago").val(FormatoMoneda(i.ultimo_pago));
						$("#record_fecha_ultimo_pago").val(i.fecha_ultimo_pago);

						$("#record_cuenta_grupo").val(i.cuenta_padre);
						$("#record_solicitud").val(i.folio_solicitud);
						$("#record_referencia_bancaria").val(i.referencia_bancaria);

						$('#md_record').modal('toggle');
					} else {
						Swal.fire({
							type: 'info',
							title: resp.msg,
							showConfirmButton: false,
							timer: 2500
						});
					}


				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: 'Algo salio mal durante el proceso, intentalo más tarde',
						showConfirmButton: false,
						timer: 2500
					});
				})
				.always(function (resp) {
					console.log("complete");
					$('#btnBuscaCliente').prop('disabled', false);
				});

		}

		function md_notas() {
			var cuenta = $("#cuenta").val();
			$('#tb_notas').dataTable().fnDestroy();
			$('#tb_notas').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-notas')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "u_creado"
				},
					{
						data: "f_creado"
					},
					{
						data: "descripcion"
					}
				],
				order: [
					[0, "asc"]
				],
			});

			$('#md_notas').modal('toggle');
		}

		function md_tarjetas_extraviadas() {
			var cuenta = $("#cuenta").val();
			$('#tb_tarjetas_extraviadas').dataTable().fnDestroy();
			$('#tb_tarjetas_extraviadas').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-tarjetas-extraviadas')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "tarjeta_ant"
				},
					{
						data: "motivo"
					},
					{
						data: "folio_recepcion"
					},
					{
						data: "registrado_por"
					},
					{
						data: "registrado_el"
					}
				],
				order: [
					[0, "asc"]
				],
			});

			$('#md_tarjetas_extraviadas').modal('toggle');
		}

		function md_limiteCredito() {
			var cuenta = $("#cuenta").val();
			$('#tb_limiteCredito').dataTable().fnDestroy();
			$('#tb_limiteCredito').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-limite-credito')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "limite_cred"
				},
					{
						data: "registrado_por"
					},
					{
						data: "registrado_el"
					}
				],
				order: [
					[0, "asc"]
				],
			});

			$('#md_limiteCredito').modal('toggle');
		}

		function md_autorizar() {

			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/busca-tarjeta')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					cuenta: cuenta
				},
			})
				.done(function (resp) {
					//Rellenar campos
					if (resp.result == 1) {
						console.log(resp.data);
						if (resp.data != "") {
							$.each(resp.data, function (index, item) {
								$('#auto_tarjeta').append($('<option/>', {
									value: item.numero_tarjeta,
									text: item.numero_tarjeta
								}));
							});
						}
					} else {
						Swal.fire({
							type: 'info',
							title: resp.msg,
							showConfirmButton: false,
							timer: 2500
						});
					}


				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: 'Algo salio mal durante el proceso, intentalo más tarde',
						showConfirmButton: false,
						timer: 2500
					});
				})
				.always(function (resp) {
					console.log("complete");
				});

			$('#md_autorizar').modal('toggle');
		}

		function md_cortes() {
			$('#md_cortes').modal('toggle');
		}

		function md_historicoRevolvente() {
			$('#md_historicoRevolvente').modal('toggle');
		}

		function md_historicoMSI() {
			$('#md_historicoMSI').modal('toggle');
		}

		function usaCliente(idCliente) {
			agregaCliente2(idCliente);
			$('#modalBuscaCuenta').modal('hide');
		}

		function cargaDomicilio() {

			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/busca-domicilio')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					cuenta: cuenta
				},
			})
				.done(function (resp) {
					//Rellenar campos
					if (resp.result == 1) {
						console.log(resp.data);
						if (resp.data != "") {
							let i = resp.data[0];
							console.log(i);
							$("#Dir").val(i.Domicilio);
							$("#Tel").val(i.Telefono);
							$("#Pobla").val(i.Descripcion_Poblacion);
							$("#Estado").val(i.Descripcion_Estado);
							$("#Col").val(i.Descripcion_Colonia);
							$("#Codi").val(i.CodigoPostal);
							$("#Muni").val(i.Descripcion_Municipio);
						}
					} else {
						Swal.fire({
							type: 'info',
							title: resp.msg,
							showConfirmButton: false,
							timer: 2500
						});
					}


				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: 'Algo salio mal durante el proceso, intentalo más tarde',
						showConfirmButton: false,
						timer: 2500
					});
				})
				.always(function (resp) {
					console.log("complete");
				});
		}
    </script>
    @include('comunes.busca_cuenta')
@endpush