@extends('layout.master',['activePage' => 'clientescr', 'menuParent' => 'Consultas', 'titlePage' => __('Clientes CR')])

@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('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css') !!}--}}
    {!! Html::style('plugins/table/datatable/jquery.dataTables.min.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 pt-2">
                            <div class="col-lg-4">

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Cuenta:</label>
                                    <div class="col-sm-9">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                    <span class="input-group-text pointer" title="Buscar por nombre cliente"
                                          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>
                                    </div>
                                </div>


                            </div>
                            <div class="col-lg-4">

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Numero de tarjeta:</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control form-control-sm creditCard"
                                               id="TarjetaBusA"
                                               name="TarjetaBusA"
                                               placeholder="0000 0000 0000 0000">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <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="row pt-2">
                            <div class="col-md-6">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Nombre:</label>
                                    <div class="col-sm-10">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                    <span class="input-group-text pointer" 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>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Ruta Cobro:</label>
                                    <div class="col-sm-10">
                                        <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>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Límite de crédito:</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="limite_credito" name="limite_credito"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Saldo:</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="saldo" name="saldo"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Disponible:</label>
                                    <div class="col-sm-10">
                                        <input type="text" id="disponible" name="disponible"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-3">
                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Día corte:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="dia_corte" name="dia_corte"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Fecha Registro:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="fecha_registro" name="fecha_registro"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Morosidad:</label>
                                    <div class="col-sm-9">
                                        <table>
                                            <tr>
                                                <th>

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

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Cuenta corp:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="cuenta_corp" name="cuenta_corp"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Historial crediticio:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="historial_crediticio"
                                               name="historial_crediticio"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-3">

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Tipo cliente:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="tipo_cliente" name="tipo_cliente"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Estatus:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="estatus" name="estatus"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Categoría:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="categoria" name="categoria"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">PagoMinimo Pendiente:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="pago_minimo_pendiente"
                                               name="pago_minimo_pendiente"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">Abonos del Periodo:</label>
                                    <div class="col-sm-9">
                                        <input type="text" id="abonos_periodo" name="abonos_periodo"
                                               class="form-control form-control-sm"
                                               placeholder="" readonly>
                                    </div>
                                </div>

                            </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="2">
                                            <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 p-0 pb-5">
        <ul class="list-group list-group-horizontal-sm list-btn-actions">
            {{--<li class="list-group-item">--}}
            {{--<button class="btn btn-outline-primary btn-sm zoom" 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 zoom" 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 zoom" id="Historico" name="Historico"
                        onclick="md_historico()"
                        disabled>
                    Historico
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Cortes" name="Cortes" onclick="md_cortes()"
                        disabled>
                    Cortes
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Record" name="Record" onclick="md_record()"
                        disabled>
                    Record
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Domicilio" name="Domicilio"
                        onclick="md_cambioDomicilio()"
                        disabled>
                    Cambios Domicilio
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Notas" name="Notas" onclick="md_notas()"
                        disabled>
                    Notas
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Promociones" name="Promociones"
                        onclick="md_promociones()" disabled>
                    Promociones
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="TarExtraviadas" name="TarExtraviadas"
                        onclick="md_tarjetas_extraviadas()" disabled>
                    Tarjetas Extraviadas
                </button>
            </li>

            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Autorizacion" name="Autorizacion"
                        onclick="md_autorizar()" disabled>
                    Autorizar
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="CamEstatus" name="CamEstatus"
                        onclick="md_estatus()"
                        disabled>
                    Estatus
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Compromisos" name="Compromisos"
                        onclick="md_compromisos()" disabled>
                    Compromisos
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="EsCobranza" name="EsCobranza"
                        onclick="md_cobranza()"
                        disabled>
                    Cobranza
                </button>
            </li>
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="MD" name="MD"
                        onclick="md_MD()"
                        disabled>
                    MD
                </button>
            </li>

            {{--<li class="list-group-item">--}}
            {{--<button class="btn btn-outline-primary btn-sm zoom" title="Movimientos Depurados Revolvente"--}}
            {{--id="Depurados" name="Depurados"--}}
            {{--onclick="md_MDRevolvente()"--}}
            {{--disabled>--}}
            {{--MD Revolvente--}}
            {{--</button>--}}
            {{--</li>--}}
            {{--<li class="list-group-item">--}}
            {{--<button class="btn btn-outline-primary btn-sm zoom" title="Movimientos Depurados MSI"--}}
            {{--id="Movimientos_Depurados_MSI" name="Movimientos_Depurados_MSI"--}}
            {{--onclick="md_MDMSI()"--}}
            {{--disabled>--}}
            {{--MD MSI--}}
            {{--</button>--}}
            {{--</li>--}}
            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" 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 zoom" id="Expediente" name="Expediente"--}}
            {{--onclick="md_expediente()" disabled>--}}
            {{--Expediente--}}
            {{--</button>--}}
            {{--</li>--}}

            <li class="list-group-item">
                <button class="btn btn-outline-primary btn-sm zoom" id="Preautorizaciones" name="Preautorizaciones"
                        onclick="md_preautorizaciones()"
                        disabled>
                    Preautorizaciones
                </button>
            </li>
        </ul>
    </div>
    <!-- Acciones Ends-->
    {{--Modales--}}
    <div class="modal fade draggable" 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 draggable" id="md_cambioDomicilio" tabindex="-1" role="dialog"
         aria-labelledby="cambioDomicilioLabel"
         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">Cambio Domicilio</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_cambioDomicilio">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Domicilio</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Cruzamiento</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Colonia</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Poblacion</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Municipio</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Estado</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">CP</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 draggable" 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">Descripció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">Creado</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 draggable" 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 draggable" 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 draggable" 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-4 col-sm-12">
                                        <label class="col-form-label">Monto Autorizar</label>
                                    </div>
                                    <div class="col-lg-8 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-4 col-sm-12">
                                        <label class="col-form-label">Promoción</label>
                                    </div>
                                    <div class="col-lg-8 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-4 col-sm-12">
                                        <label class="col-form-label">Tarjeta</label>
                                    </div>
                                    <div class="col-lg-8 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-4 col-sm-12">
                                        <label class="col-form-label">Sucursal</label>
                                    </div>
                                    <div class="col-lg-8 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->sucursal}}">({{$p->sucursal}}
                                                        )-{{$p->descripcion}}</option>
                                                @endforeach;
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-lg-4 col-sm-12">
                                        <label class="col-form-label">Folio Autorización</label>
                                    </div>
                                    <div class="col-lg-8 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-4 col-sm-12">
                                        <label class="col-form-label">Notas</label>
                                    </div>
                                    <div class="col-lg-8 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 draggable" 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-12">
                                <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="text" 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 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 draggable" 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 Periodo:</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="7" placeholder="202301">
                                        </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"
                                                onclick="cortes()">Buscar
                                        </button>

                                        {{--Corte anterior o siguiente--}}
                                        <button type="submit" class="btn btn-secondary btn-sm mr-2"
                                                id="btnPeriodoAnterior"
                                                onclick="corteAnterior()" disabled title="Ir al corte anterior">Anterior
                                        </button>
                                        <button type="submit" class="btn btn-secondary btn-sm mr-2"
                                                id="btnPeriodoSiguiente"
                                                onclick="corteSiguiente()" disabled title="Ir al corte siguiente">
                                            Siguiente
                                        </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="text" class="form-control form-control-sm"
                                                       id="cortes_tipo_cliente"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_fecha_corte"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_intereses_normales"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_gastos_cobranza"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_pago_minimo"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_saldo_capital"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_interes_mora"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_morosidad"
                                                       placeholder="" value="" readonly 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="text" class="form-control form-control-sm"
                                                       id="cortes_no_interes"
                                                       placeholder="" value="" readonly 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 draggable" id="md_historico" 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</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="normal-tab">
                        <ul class="nav nav-tabs mb-2 mt-2" id="historicotab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="revolvente-tab" data-toggle="tab" href="#tab-revolvente"
                                   role="tab" aria-controls="tab-general" aria-selected="true">{{__('REVOLVENTE')}}</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" id="msi-tab" data-toggle="tab" href="#tab-msi"
                                   onclick="historicoMSI()" role="tab"
                                   aria-controls="tab-msi" aria-selected="false">{{__('MSI')}}</a>
                            </li>
                        </ul>

                        <div class="tab-content" id="historicotabContent">
                            <div class="tab-pane fade show active" id="tab-revolvente" role="tabpanel"
                                 aria-labelledby="revolvente-tab">

                                {{--REVOLVENTE--}}
                                <div class="row">
                                    <div class="col-md-2"><label><b>Fecha Depuracion:</b></label></div>
                                    <div class="col-md-2"><label id="fechaDepuracion"></label></div>
                                    <div class="col-md-2"><label><b>Concepto:</b></label></div>
                                    <div class="col-md-2"><label id="conceptoDepuracion"></label></div>
                                    <div class="col-md-2"><label><b>Saldo Depuracion:</b></label></div>
                                    <div class="col-md-2"><label id="saldoDepuracion"></label></div>
                                </div>
                                <div class="pb-3"></div>
                                <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">#</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">Refcia</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>
                                    <tfoot>
                                    <tr>
                                        <th colspan="6">Total:</th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                    </tr>
                                    </tfoot>
                                </table>

                            </div>
                            <div class="tab-pane fade" id="tab-msi" role="tabpanel"
                                 aria-labelledby="msi-tab">
                                {{--MSI--}}
                                <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"
                                                                       id="historicomsi_saldo"
                                                                       name="historicomsi_saldo" value="saldo"
                                                                       onchange="historicoMSI()">
                                                                <span></span>Con Saldo</label>
                                                            <label class="radio radio-lg">
                                                                <input type="radio" name="historicomsi_saldo"
                                                                       value="todos"
                                                                       onchange="historicoMSI()">
                                                                <span></span>Todos</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group row mb-4">
                                                        <label>Fecha</label>
                                                        <input id="historicomsi_fecha"
                                                               class="form-control form-control-sm flatpickr flatpickr-input active"
                                                               type="text" placeholder="{{$data['fecha']}}">
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <br>
                                                    <button type="submit" class="btn btn-primary mr-2"
                                                            id="btnBuscaPeriodo"
                                                            onclick="historicoMSI()">Buscar
                                                    </button>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="w-100">
                                    {{--<div class="row">--}}
                                    {{--<div class="col-md-2"><label><b>Fecha Depuracion:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="fechaDepuracion_msi"></label></div>--}}
                                    {{--<div class="col-md-2"><label><b>Concepto:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="conceptoDepuracion_msi"></label></div>--}}
                                    {{--<div class="col-md-2"><label><b>Saldo Depuracion:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="saldoDepuracion_msi"></label></div>--}}
                                    {{--</div>--}}
                                    <div class="pb-3"></div>
                                    <table class="table table-bordered table-hover" id="tb_historicoMSI">
                                        <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">
                                                Promocion
                                            </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">#</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">Ref</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>
                                        <tfoot>
                                        <tr>
                                            <th colspan="6">Total:</th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link"
                            data-dismiss="modal">
                        Cerrar
                    </button>

                </div>
            </div>

        </div>
    </div>

    <div class="modal fade draggable" 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>

    <div class="modal fade draggable" id="md_compromisos" tabindex="-1" role="dialog"
         aria-labelledby="compromisosLabel"
         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">Compromisos</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_compromisos">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Descripcion</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">Estatus</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Monto</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 draggable" id="md_cobranza" tabindex="-1" role="dialog"
         aria-labelledby="cobranzaLabel"
         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">Cobranza</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_cobranza">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Descripcion</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Estatus</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Tipo Cobranza</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 draggable" id="md_estatus" tabindex="-1" role="dialog"
         aria-labelledby="estatusaLabel"
         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">Estatus</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_estatus">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Descripcion</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Registrado El</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">Motivo</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>

    {{--Complemento de Momivientos depurados y de historico--}}
    <div class="modal fade" id="md_notasDocumentos" aria-hidden="true"
         aria-labelledby="historicoRevolvente_notas" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel2">Notas Documentos</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover" id="tb_historicoRevolvente_notas">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Notas</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Creado Por</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">Promoción</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Desc Promo</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" data-dismiss="modal">
                        Cerrar
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="md_detalleMovimientos" aria-hidden="true"
         aria-labelledby="historicoRevolvente_notas" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel2">Detalles Movimiento</h5>
                </div>
                <div class="modal-body">
                    <div class="w-100">
                        <div class="row">
                            <div class="col-md-12">
                                <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">Folio Autorización</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="historicoRevolvente_detalle_folioAut"
                                                       placeholder="" value="" required>
                                            </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">
                                                <input type="text" class="form-control form-control-sm"
                                                       id="historicoRevolvente_nTarjeta"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Registrado Por</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="historicoRevolvente_registradoPor"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Tipo Transacción</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="historicoRevolvente_tipoTransaccion"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Serie Referencia 2</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="historicoRevolvente_serieRef2"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-lg-6 col-sm-12">
                                            <label class="col-form-label">Folio Referencia 2</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="historicoRevolvente_folioRef2"
                                                       placeholder="" value="" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary"
                            data-dismiss="modal">
                        Cerrar
                    </button>
                </div>
            </div>
        </div>
    </div>
    {{--//Complemento de Momivientos depurados y de historico--}}

    <div class="modal fade draggable" id="md_MD" 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">Movimientos Depurados</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="normal-tab">
                        <ul class="nav nav-tabs mb-2 mt-2" id="normaltab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="revolvente-tab_mdi" data-toggle="tab"
                                   href="#tab-revolvente_md"
                                   role="tab" aria-controls="tab-revolvente_md"
                                   aria-selected="true">{{__('REVOLVENTE')}}</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" id="msi-tab_mdi" data-toggle="tab" onclick="MDMSI()"
                                   href="#tab-msi_md" role="tab"
                                   aria-controls="tab-msi_md" aria-selected="false">{{__('MSI')}}</a>
                            </li>
                        </ul>

                        <div class="tab-content" id="normaltabContent">
                            <div class="tab-pane fade show active" id="tab-revolvente_md" role="tabpanel"
                                 aria-labelledby="revolvente-tab_mdi">

                                {{--REVOLVENTE--}}

                                <div class="row">
                                    <div class="col-md-2"><label><b>Fecha Depuracion:</b></label></div>
                                    <div class="col-md-2"><label id="fechaDepuracion_mdr"></label></div>
                                    <div class="col-md-2"><label><b>Concepto:</b></label></div>
                                    <div class="col-md-2"><label id="conceptoDepuracion_mdr"></label></div>
                                    <div class="col-md-2"><label><b>Saldo Depuracion:</b></label></div>
                                    <div class="col-md-2"><label id="saldoDepuracion_mdr"></label></div>
                                </div>
                                <div class="pb-3"></div>
                                <table class="table table-bordered table-hover" id="tb_md_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">#</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">Refcia</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>
                                    <tfoot>
                                    <tr>
                                        <th colspan="6">Total:</th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                        <th style="text-align:right"></th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="tab-pane fade" id="tab-msi_md" role="tabpanel"
                                 aria-labelledby="msi-tab_mdi">
                                {{--MSI--}}
                                <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" id="mdmsi_saldo"
                                                                       name="mdmsi_saldo" value="saldo"
                                                                       onchange="MDMSI()">
                                                                <span></span>Con Saldo</label>
                                                            <label class="radio radio-lg">
                                                                <input type="radio" name="mdmsi_saldo" value="todos"
                                                                       onchange="MDMSI()">
                                                                <span></span>Todos</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group row mb-4">
                                                        <label>Fecha</label>
                                                        <input id="historicomsi_fecha"
                                                               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"
                                                            onclick="MDMSI()">Buscar
                                                    </button>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="w-100">
                                    {{--<div class="row">--}}
                                    {{--<div class="col-md-2"><label><b>Fecha Depuracion:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="fechaDepuracion_msi_md"></label></div>--}}
                                    {{--<div class="col-md-2"><label><b>Concepto:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="conceptoDepuracion_msi_md"></label></div>--}}
                                    {{--<div class="col-md-2"><label><b>Saldo Depuracion:</b></label></div>--}}
                                    {{--<div class="col-md-2"><label id="saldoDepuracion_msi_md"></label></div>--}}
                                    {{--</div>--}}
                                    <div class="pb-3"></div>
                                    <table class="table table-bordered table-hover" id="tb_MDMSI">
                                        <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">
                                                Promocion
                                            </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">#</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">Ref</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>
                                        <tfoot>
                                        <tr>
                                            <th colspan="6">Total:</th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                            <th style="text-align:right"></th>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning btn-link"
                            data-dismiss="modal">
                        Cerrar
                    </button>
                    {{--<button type="submit" class="btn btn-primary">Aceptar--}}
                    {{--</button>--}}
                </div>
            </div>

        </div>
    </div>


    <div class="modal fade draggable" id="md_preautorizaciones" tabindex="-1" role="dialog"
         aria-labelledby="preautorizacionesLabel"
         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">Preautorizaciones</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_preautorizaciones">
                        <thead>
                        <tr>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Sucursal</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">Fecha Solicitud</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Fecha Aplicado</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Importe Aplicado</th>
                            <th class="text-capitalize text-xxs font-weight-bolder opacity-7">Estatus</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>


@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') !!}
    <!-- The following JS library files are loaded to use PDF Options-->
    {!! Html::script('plugins/table/datatable/button-ext/pdfmake.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/vfs_fonts.js') !!}
    {!! Html::script('assets/js/basicui/inputmask.js') !!}

@endpush

@push('custom-scripts')
    <script>
		var Periodo = new Number(0);
		var TopeSaldoVencidoAutoriza = {{ $data['paraminstcr']->TopeSaldoVencidoAutoriza}};
		var FechaDepuracion = '00-00-0000';
		var SaldoDepuracion = '0';
		$(document).ready(function () {

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

		});

		$("#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];
							console.log(i);
							var Minimo = i.pago_minimo - i.PagoNoGeneraInteres;
							if (Minimo < 0) {
								Minimo = 0;
							}
							var dis = (Number(i.limite_credito) - Number(i.saldo));
							var GastosMes = Number(i.gastos_cob_mes) + Number(i.cargos_gtos) - Number(i.abonos_gtos);
							var Moratorio = Number(i.interes_finan_mes) + Number(i.cargos_int_finan) - Number(i.abonos_int_finan);
							var SaldoIntNormal = Number(i.interes_mora_mes) + Number(i.cargos_int_mora) - Number(i.abonos_int_mora);
							var SaldoCapital = Number(i.capital_mes) + Number(i.cargos_capital) - Number(i.abonos_capital);

							// alert(i.capital_mes);
							var TotalXvencer = Number(0);
							TotalVencido = Number(0);
							var TotalActualizado = Number(0);
							TotalXvencer = Number(i.xvencer1) + Number(i.xvencer2) + Number(i.xvencer3) + Number(i.xvencer4) + Number(i.xvencer5) + Number(i.xvencer6) + Number(i.xvencer7) + Number(i.xvencer8) + Number(i.xvencer9) + Number(i.xvencer10) + Number(i.xvencer11) + Number(i.xvencer12) + Number(i.xvencer13);
							TotalVencido = Number(i.vencido1) + Number(i.vencido2) + Number(i.vencido3) + Number(i.vencido4) + Number(i.vencido5) + Number(i.vencido6) + Number(i.vencido7) + Number(i.vencido8) + Number(i.vencido9) + Number(i.vencido10) + Number(i.vencido11) + Number(i.vencido12) + Number(i.vencido13);

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

							$("#cuenta").val(i.cuenta);
							$("#TarjetaBusA").val(i.numero_tarjeta);
							// $("#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(Number(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", "#fdb70e");
							} else if (i.estatus == "Desactivada") {
								$("#Estatus").css("color", "#FCBA28");
							} else {
								$("#Estatus").css("color", "#000000");
							}
							$("#limite_credito").val(FormatoMoneda(Number(i.limite_credito)));
							$("#morosidad").val(Number(i.forma_pago));
							$("#morosidad_max").val(Number(i.fopa_max));
							$("#categoria").val(i.categoria);

							$("#disponible").val(FormatoMoneda(dis - Number(i.SumaImporteSolicitud)));
							$("#saldo").val(FormatoMoneda(i.saldo));
							$("#pago_minimo_pendiente").val(FormatoMoneda(Minimo));
							$("#abonos_periodo").val(FormatoMoneda(Number(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(Number(i.xvencer1)));
							$("#dos").val(FormatoMoneda(Number(i.xvencer2)));
							$("#tres").val(FormatoMoneda(Number(i.xvencer3)));
							$("#cuatro").val(FormatoMoneda(Number(i.xvencer4)));
							$("#cinco").val(FormatoMoneda(Number(i.xvencer5)));
							$("#seis").val(FormatoMoneda(Number(i.xvencer6)));
							$("#siete").val(FormatoMoneda(Number(i.xvencer7)));
							$("#ocho").val(FormatoMoneda(Number(i.xvencer8)));
							$("#nueve").val(FormatoMoneda(Number(i.xvencer9)));
							$("#diez").val(FormatoMoneda(Number(i.xvencer10)));
							$("#once").val(FormatoMoneda(Number(i.xvencer11)));
							$("#doce").val(FormatoMoneda(Number(i.xvencer12)));
							$("#trece").val(FormatoMoneda(Number(i.xvencer13)));

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

							// alert(SaldoCapital);
							//Totales

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

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

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

							LimpiarCorte();
							habilitafunciones();
							cargaDomicilio();
							// cobroRuta()
							cargaPeriodo();


						} 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);
					});
			}
		});

		$("#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();
						var promocion = $("#aut_promocion").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,
								promocion, promocion
							},
						})
							.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);
						$("#aut_notas").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 verDomicilio() {
			$("#md_domicilio").modal('toggle');
		}

		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");
				});
		}

		function LimpiarCorte() {

			$("#cortes_periodo").val("");
			$("#cortes_fecha_corte").val("");
			$("#cortes_saldo_capital").val("");
			$("#cortes_intereses_normales").val("");
			$("#cortes_interes_mora").val("");
			$("#cortes_gastos_cobranza").val("");
			$("#cortes_morosidad").val("");
			$("#cortes_pago_minimo").val("");
			$("#cortes_no_interes").val("");
			$("#cortes_tipo_cliente").val("");

		}

		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",
						render: $.fn.dataTable.render.number(',', '.', 2, ''),
						className: "text-right"
					},
				],
				order: [
					[0, "asc"]
				],
				columnDefs: [
					{width: "60px", targets: 0},
					{width: "20px", targets: 1},
					{width: "20px", targets: 2},
					{width: "20px", targets: 3},
				]
			});

			$('#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(Number(i.ultima_compra)));
						$("#record_fecha_ultima_compra").val(i.fecha_ultima_compra);
						$("#record_ultimo_pago").val(FormatoMoneda(Number(i.ultimo_pago)));
						$("#record_fecha_ultimo_pago").val(i.fecha_ultimo_pago);

						// $("#record_cuenta_grupo").val(Number(i.cuenta_padre));
						$("#record_solicitud").val(Number(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_cambioDomicilio() {
			var cuenta = $("#cuenta").val();
			$('#tb_cambioDomicilio').dataTable().fnDestroy();
			$('#tb_cambioDomicilio').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-cambio-domicilio')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "domicilio"
				},
					{
						data: "cruzamiento"
					},
					{
						data: "descripcion_colonia"
					},
					{
						data: "descripcion_poblacion"
					},
					{
						data: "descripcion_municipio"
					},
					{
						data: "descripcion_estado"
					},
					{
						data: "codigo_postal"
					},
					{
						data: "created_by"
					},
					{
						data: "created_at"
					}
				],
				order: [
					[2, "desc"]
				],
			});

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

		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: "descripcion"
				},
					{
						data: "created_at"
					},
					{
						data: "u_creado"
					}
				],
				order: [
					[1, "desc"]
				],
			});

			$('#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: "created_by"
					},
					{
						data: "created_at"
					}
				],
				order: [
					[4, "desc"]
				],
			});

			$('#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: "created_by"
					},
					{
						data: "created_at"
					}
				],
				order: [
					[2, "desc"]
				],
			});

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

		function md_preautorizaciones() {
			var cuenta = $("#cuenta").val();
			$('#tb_preautorizaciones').dataTable().fnDestroy();
			$('#tb_preautorizaciones').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-preautorizaciones')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "sucursal"
				},
					{
						data: "folio"
					},
					{
						data: "fecha_solicitud"
					},
					{
						data: "fecha_aplicado"
					},
					{
						data: "importe_aplicado"
					},
					{
						data: "estatus"
					}
				],
				order: [
					[0, "asc"]
				],
			});

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

		function md_expediente() {
			var cuenta = $("#cuenta").val();
			$('#tb_expediente').dataTable().fnDestroy();
			$('#tb_expediente').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-expediente')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "descripcion"
				}, {
					data: "Acciones"
				}

				],
				order: [
					[0, "asc"]
				],
			});

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

		function md_autorizar() {


			$("#aut_folio_autorizacion").val("");
			$("#aut_monto_autorizar").val("");
			$("#aut_notas").val("");
			$("#aut_monto_autorizar").prop('readonly', false);
			$("#auto_tarjeta").prop('disabled', false);
			$("#auto_sucursal").prop('disabled', false);
			$("#btn_autoriza").prop('disabled', false);

			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_compromisos() {

			var cuenta = $("#cuenta").val();
			$('#tb_compromisos').dataTable().fnDestroy();
			$('#tb_compromisos').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-compromisos')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "DesCompromiso"
				},
					{
						data: "fecha_compromiso"
					},
					{
						data: "estatus"
					},
					{
						data: "monto_compromiso"
					},
					{
						data: "RegCompromiso"
					},
					{
						data: "created_at"
					}
				],
				order: [
					[5, "desc"]
				],
			});

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

		function md_cobranza() {

			var cuenta = $("#cuenta").val();
			$('#tb_cobranza').dataTable().fnDestroy();
			$('#tb_cobranza').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-cobranza')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "descripcion"
				},
					{
						data: "desTipos"
					},
					{
						data: "tipo_cobranza"
					},
					{
						data: "nombre"
					},
					{
						data: "creacion"
					}
				],
				order: [
					[0, "asc"]
				],
			});

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

		function md_estatus() {

			var cuenta = $("#cuenta").val();
			$('#tb_estatus').dataTable().fnDestroy();
			$('#tb_estatus').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-estatus')}}",
					type: "POST",
					data: {
						cuenta: cuenta,
					}
				},
				columns: [{
					data: "estatus"
				},
					{
						data: "created_at"
					},
					{
						data: "Nombre"
					},
					{
						data: "MotivoEstatus"
					}
				],
				order: [
					[1, "desc"]
				],
				columnDefs: [
					{width: "40px", targets: 0},
					{width: "10px", targets: 1},
					{width: "20px", targets: 2},
					{width: "20px", targets: 3},
				]
			});

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

		function md_MD() {
			var cuenta = $("#cuenta").val();

			$.ajax({
				url: "{{ url('consultas/busca-depuracion')}}",
				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.saldo_depuracion);
							if (i.saldo_depuracion != "") {
								// SaldoDepuracion = FormatoMoneda(i.saldo_depuracion);
								SaldoDepuracion = FormatoMoneda(0);
							}
							if (i.fecha_depuracion != "") {
								// FechaDepuracion = i.fecha_depuracion;
								FechaDepuracion = '00-00-0000';
							}
						} else {
							SaldoDepuracion = FormatoMoneda(0);
							FechaDepuracion = '00-00-0000';
						}

						$("#saldoDepuracion_mdr").text(SaldoDepuracion);
						$("#fechaDepuracion_mdr").text(FechaDepuracion);
						$("#conceptoDepuracion_mdr").text("INICIAL");

						$('#tb_md_revolvente').dataTable().fnDestroy();
						$('#tb_md_revolvente').DataTable({
							// lengthMenu: [10, 15, 20, 50, 100],
							dom: 'Bfrtip',
							ordering: false,
							processing: true,
							responsive: true,
							bPaginate: false,
							scrollY: '37vh',
							scrollCollapse: true,
							ajax: {
								url: "{{ url('consultas/busca-md-revolvente')}}",
								type: "POST",
								data: {
									cuenta: cuenta,
									fecha_depuracion: FechaDepuracion,
									saldo_depuracion: SaldoDepuracion
								}
							},

							columns: [{
								data: "sucursal"
							},
								{
									data: "Descripcionpromocion"
								},
								{
									data: "fecha"
								},
								{
									data: "Acciones"
								}, {
									data: "serieFolio"
								},
								{
									data: "nombre_concepto"
								},
								{
									data: "serieFolioReferencia"
								},
								{
									data: "cargos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
								{
									data: "abonos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								}, {
									data: "total",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
							],
							order: [
								[2, "desc"]
							],
							footerCallback: function (row, data, start, end, display) {
								let api = this.api();

								// Remove the formatting to get integer data for summation
								let intVal = function (i) {
									return typeof i === 'string'
										? i.replace(/[\$,]/g, '') * 1
										: typeof i === 'number'
											? i
											: 0;
								};

								// Total over all pages
								totalCargo = api
									.column(7)
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalAbono = api
									.column(8, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalSaldo = api
									.column(9, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);
								// Update footer
								api.column(7).footer().innerHTML = '$' + FormatoMiles(totalCargo);
								api.column(8).footer().innerHTML = '$' + FormatoMiles(totalAbono);
								// api.column(9).footer().innerHTML = '$' + FormatoMiles(totalAbono);
							},
							buttons: [
								{
									extend: 'excelHtml5',
									text: '<i class="lar la-file-excel"></i>',
									titleAttr: 'Excel',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								},
								{
									extend: 'csvHtml5',
									text: '<i class="las la-file-csv"></i>',
									titleAttr: 'CSV',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								}
							],
							columnDefs: [
								{width: "15px", targets: 0},
								{width: "60px", targets: 1},
								{width: "40px", targets: 2},
								{width: "15px", targets: 3},
								{width: "20px", targets: 4},
								{width: "20px", targets: 5},
								{width: "20px", targets: 6},
								{width: "20px", targets: 7},
								{width: "20px", targets: 8},
								{width: "20px", targets: 9}
							]

						});

						$('#md_MD').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");
				});


		}

		function MDMSI() {
			var cuenta = $("#cuenta").val();
			var saldo = $('input[name="historicomsi_saldo"]:checked').val();
			var fecha = $("#historicomsi_fecha").val();

			$.ajax({
				url: "{{ url('consultas/busca-depuracion')}}",
				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.saldo_depuracion);
							// if (i.length===0) {
							if (i.saldo_depuracion != "") {
								SaldoDepuracion = FormatoMoneda(i.saldo_depuracion);
							}
							if (i.fecha_depuracion != "") {
								FechaDepuracion = i.fecha_depuracion
							}
						} else {

							SaldoDepuracion = FormatoMoneda(0);
							FechaDepuracion = '00-00-0000';
						}

						// $("#saldoDepuracion_msi_md").text(SaldoDepuracion);
						// $("#fechaDepuracion_msi_md").text(FechaDepuracion);
						// $("#conceptoDepuracion_msi_md").text("INICIAL");

						$('#tb_MDMSI').dataTable().fnDestroy();
						$('#tb_MDMSI').DataTable({
							// lengthMenu: [10, 15, 20, 50, 100],
							dom: 'Bfrtip',
							ordering: false,
							processing: true,
							responsive: true,
							bPaginate: false,
							scrollY: '37vh',
							scrollCollapse: true,
							ajax: {
								url: "{{ url('consultas/busca-md-msi')}}",
								type: "POST",
								data: {
									cuenta: cuenta,
									saldo: saldo,
									fecha: fecha,
									fecha_depuracion: FechaDepuracion,
									saldo_depuracion: SaldoDepuracion
								}
							},

							columns: [{
								data: "sucursal"
							},
								{
									data: "Descripcionpromocion"
								},
								{
									data: "fecha"
								},
								{
									data: "Acciones"
								}, {
									data: "serieFolio"
								},
								{
									data: "nombre_concepto"
								},
								{
									data: "serieFolioReferencia"
								},
								{
									data: "cargos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
								{
									data: "abonos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								}, {
									data: "total",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
							],
							order: [
								[2, "desc"]
							],
							footerCallback: function (row, data, start, end, display) {
								let api = this.api();

								// Remove the formatting to get integer data for summation
								let intVal = function (i) {
									return typeof i === 'string'
										? i.replace(/[\$,]/g, '') * 1
										: typeof i === 'number'
											? i
											: 0;
								};

								// Total over all pages
								totalCargo = api
									.column(7)
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalAbono = api
									.column(8, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalSaldo = api
									.column(9, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);
								// Update footer
								api.column(7).footer().innerHTML = '$' + FormatoMiles(totalCargo);
								api.column(8).footer().innerHTML = '$' + FormatoMiles(totalAbono);
								// api.column(9).footer().innerHTML = '$' + FormatoMiles(totalAbono);
							},
							buttons: [
								{
									extend: 'excelHtml5',
									text: '<i class="lar la-file-excel"></i>',
									titleAttr: 'Excel',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								},
								{
									extend: 'csvHtml5',
									text: '<i class="las la-file-csv"></i>',
									titleAttr: 'CSV',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								}
							],
							columnDefs: [
								{width: "15px", targets: 0},
								{width: "60px", targets: 1},
								{width: "40px", targets: 2},
								{width: "15px", targets: 3},
								{width: "20px", targets: 4},
								{width: "20px", targets: 5},
								{width: "20px", targets: 6},
								{width: "20px", targets: 7},
								{width: "20px", targets: 8},
								{width: "20px", targets: 9}
							]

						});

					} 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");
				});
		}

		function md_historico() {
			var cuenta = $("#cuenta").val();

			$.ajax({
				url: "{{ url('consultas/busca-depuracion')}}",
				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.saldo_depuracion);
							if (i.saldo_depuracion != "") {
								SaldoDepuracion = FormatoMoneda(i.saldo_depuracion);
							}
							if (i.fecha_depuracion != "") {
								FechaDepuracion = i.fecha_depuracion
							}
						} else {
							SaldoDepuracion = FormatoMoneda(0);
							FechaDepuracion = '00-00-0000';
						}

						$("#saldoDepuracion").text(SaldoDepuracion);
						$("#fechaDepuracion").text(FechaDepuracion);
						$("#conceptoDepuracion").text("INICIAL");


						$('#tb_historico_revolvente').dataTable().fnDestroy();
						$('#tb_historico_revolvente').DataTable({
							// lengthMenu: [10, 15, 20, 50, 100],
							dom: 'Bfrtip',
							ordering: false,
							processing: true,
							responsive: true,
							bPaginate: false,
							scrollY: '37vh',
							scrollCollapse: true,
							ajax: {
								url: "{{ url('consultas/busca-historico-revolvente')}}",
								type: "POST",
								data: {
									cuenta: cuenta,
									fecha_depuracion: FechaDepuracion,
									saldo_depuracion: SaldoDepuracion
								}
							},

							columns: [{
								data: "sucursal"
							},
								{
									data: "Descripcionpromocion"
								},
								{
									data: "fecha"
								},
								{
									data: "Acciones"
								}, {
									data: "serieFolio"
								},
								{
									data: "nombre_concepto"
								},
								{
									data: "serieFolioReferencia"
								},
								{
									data: "cargos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
								{
									data: "abonos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								}, {
									data: "total",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
							],
							order: [
								[2, "desc"]
							],
							footerCallback: function (row, data, start, end, display) {
								let api = this.api();

								// Remove the formatting to get integer data for summation
								let intVal = function (i) {
									return typeof i === 'string'
										? i.replace(/[\$,]/g, '') * 1
										: typeof i === 'number'
											? i
											: 0;
								};

								// Total over all pages
								totalCargo = api
									.column(7)
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalAbono = api
									.column(8, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalSaldo = api
									.column(9, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);
								// Update footer
								api.column(7).footer().innerHTML = '$' + FormatoMiles(totalCargo);
								api.column(8).footer().innerHTML = '$' + FormatoMiles(totalAbono);
								// api.column(9).footer().innerHTML = '$' + FormatoMiles(totalAbono);
							},
							buttons: [
								{
									extend: 'excelHtml5',
									text: '<i class="lar la-file-excel"></i>',
									titleAttr: 'Excel',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								},
								{
									extend: 'csvHtml5',
									text: '<i class="las la-file-csv"></i>',
									titleAttr: 'CSV',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								}
							],
							columnDefs: [
								{width: "8px", targets: 0},
								{width: "50px", targets: 1},
								{width: "50px", targets: 2},
								{width: "10px", targets: 3},
								{width: "20px", targets: 4},
								{width: "20px", targets: 5},
								{width: "20px", targets: 6},
								{width: "20px", targets: 7},
								{width: "20px", targets: 8},
								{width: "20px", targets: 9}
							]

						});

						$('#md_historico').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");
				});
		}

		function historicoMSI() {
			var cuenta = $("#cuenta").val();
			var saldo = $('input[name="historicomsi_saldo"]:checked').val();
			var fecha = $("#historicomsi_fecha").val();

			$.ajax({
				url: "{{ url('consultas/busca-depuracion')}}",
				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.saldo_depuracion);
							// if (i.length===0) {
							if (i.saldo_depuracion != "") {
								SaldoDepuracion = FormatoMoneda(i.saldo_depuracion);
							}
							if (i.fecha_depuracion != "") {
								FechaDepuracion = i.fecha_depuracion
							}
						} else {

							SaldoDepuracion = FormatoMoneda(0);
							FechaDepuracion = '00-00-0000';
						}

						// $("#saldoDepuracion_msi").text(SaldoDepuracion);
						// $("#fechaDepuracion_msi").text(FechaDepuracion);
						// $("#conceptoDepuracion_msi").text("INICIAL");

						$('#tb_historicoMSI').dataTable().fnDestroy();
						$('#tb_historicoMSI').DataTable({
							// lengthMenu: [10, 15, 20, 50, 100],
							dom: 'Bfrtip',
							ordering: false,
							processing: true,
							responsive: true,
							bPaginate: false,
							scrollY: '37vh',
							scrollCollapse: true,
							ajax: {
								url: "{{ url('consultas/busca-historico-msi')}}",
								type: "POST",
								data: {
									cuenta: cuenta,
									saldo: saldo,
									fecha: fecha,
									fecha_depuracion: FechaDepuracion,
									saldo_depuracion: SaldoDepuracion
								}
							},

							columns: [{
								data: "sucursal"
							},
								{
									data: "Descripcionpromocion"
								},
								{
									data: "fecha"
								},
								{
									data: "Acciones"
								}, {
									data: "serieFolio"
								},
								{
									data: "nombre_concepto"
								},
								{
									data: "serieFolioReferencia"
								},
								{
									data: "cargos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
								{
									data: "abonos",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								}, {
									data: "total",
									render: $.fn.dataTable.render.number(',', '.', 2, ''),
									className: "text-right"
								},
							],
							order: [
								[2, "desc"]
							],
							footerCallback: function (row, data, start, end, display) {
								let api = this.api();

								// Remove the formatting to get integer data for summation
								let intVal = function (i) {
									return typeof i === 'string'
										? i.replace(/[\$,]/g, '') * 1
										: typeof i === 'number'
											? i
											: 0;
								};

								// Total over all pages
								totalCargo = api
									.column(7)
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalAbono = api
									.column(8, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);

								totalSaldo = api
									.column(9, {page: 'current'})
									.data()
									.reduce((a, b) => intVal(a) + intVal(b), 0);
								// Update footer
								api.column(7).footer().innerHTML = '$' + FormatoMiles(totalCargo / 2);
								api.column(8).footer().innerHTML = '$' + FormatoMiles(totalAbono / 2);
								// api.column(9).footer().innerHTML = '$' + FormatoMiles(totalAbono);
							},
							buttons: [
								{
									extend: 'excelHtml5',
									text: '<i class="lar la-file-excel"></i>',
									titleAttr: 'Excel',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								},
								{
									extend: 'csvHtml5',
									text: '<i class="las la-file-csv"></i>',
									titleAttr: 'CSV',
									exportOptions: {
										columns: [0, 1, 2, 4, 5, 6, 7, 8, 9]
									}
								}
							],
							columnDefs: [
								{width: "15px", targets: 0},
								{width: "60px", targets: 1},
								{width: "40px", targets: 2},
								{width: "15px", targets: 3},
								{width: "20px", targets: 4},
								{width: "20px", targets: 5},
								{width: "20px", targets: 6},
								{width: "20px", targets: 7},
								{width: "20px", targets: 8},
								{width: "20px", targets: 9}
							]

						});

						// porDocumentoMSI(data);
					} 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");
				});
		}

		function porDocumentoMSI(data) {
			var t = $('#tb_historicoMSI').DataTable();
			t.clear().draw();
			$.each(data, function (index, value) {
				if (value['nombre_concepto'] == 'COMPRAS') {
					t.row.add([
						'',
						'',
						'',
						'',
						'Subtotal',
						'',
						'',
						'',
						'',
						'',
					]).draw();
				}
			});
		}

		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.codigo_postal);
							$("#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");
				});
		}

		function cobroRuta() {

			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/busca-ruta-cobro')}}",
				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);
							$("#ruta").val(i.ruta);
							$("#cobro").val(i.descripcion);

						}
					} 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");
				});
		}

		function cargaPeriodo() {
			// alert("cargo periodo")

			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/busca-periodo')}}",
				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;
							Periodo = i.tipo;
							// alert(Periodo)
						}
					} 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");
				});
		}

		function cortes() {

			var cuenta = $("#cuenta").val();
			var cortes_periodo = $("#cortes_periodo").val();

			if (cortes_periodo != "") {
				$.ajax({
					url: "{{ url('consultas/busca-cortes')}}",
					type: 'POST',
					dataType: 'json',
					data: {
						cuenta: cuenta,
						periodo: Periodo,
						cortes_periodo: cortes_periodo
					},
				})
					.done(function (resp) {
						//Rellenar campos
						if (resp.result == 1) {
							console.log(resp.data);
							if (resp.data != "") {
								let i = resp.data[0];
								Periodo = i.tipo_corte;
								$("#cortes_fecha_corte").val(i.fecha);
								$("#cortes_saldo_capital").val(FormatoMoneda(i.SaldoCapital));
								$("#cortes_intereses_normales").val(FormatoMoneda(i.SaldoInteresFinan));
								$("#cortes_interes_mora").val(FormatoMoneda(i.SaldoInteresMora));
								$("#cortes_gastos_cobranza").val(FormatoMoneda(i.SaldoGastosCob));
								$("#cortes_morosidad").val(i.FormaPago);
								$("#cortes_pago_minimo").val(FormatoMoneda(i.PagoMinimo));
								$("#cortes_no_interes").val(FormatoMoneda(i.PagoNoGeneraInteres));
								$("#cortes_tipo_cliente").val(i.NomTipoCliente);
							}
						} 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");
					});
			} else {
				Swal.fire({
					type: 'error',
					title: 'Ingrese el periodo.',
					showConfirmButton: false,
					timer: 2500
				});
				$("#cortes_periodo").focus();
			}
		}

		function habilitafunciones() {

			var cuenta = $("#cuenta").val();
			$.ajax({
				url: "{{ url('consultas/habilita-funciones')}}",
				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];
							if (i.HHistorial != "0") {
								$("#MD").prop('disabled', false);
								// $("#MD").css("color", "#ffffff");
								$("#MD").css("background-color", "#fdb70e");
							} else {
								$("#MD").prop('disabled', true);
								// $("#Depurados").css("color", "#0b305d");
								$("#MD").css("background-color", "#fff");
							}
							if (i.Historial != "0") {
								$("#Historico").prop('disabled', false);
								// $("#HistoricoMSI").prop('disabled', false);
								// $("#MD").prop('disabled', false);
								// $("#Historico").css("color", "#ffffff");
								$("#Historico").css("background-color", "#fdb70e");
							} else {
								$("#Historico").prop('disabled', true);
								// $("#HistoricoMSI").prop('disabled', true);
								// $("#MD").prop('disabled', true);
								// $("#Historico").css("color", "#fff");
								$("#Historico").css("background-color", "#fff");
							}
							if (i.Record != "0") {
								$("#Record").prop('disabled', false);
							} else {
								$("#Record").prop('disabled', true);
							}
							if (i.Promociones != "0") {
								$("#Promociones").prop('disabled', false);
							} else {
								$("#Promociones").prop('disabled', true);
							}
							if (i.Domicilio != "0") {
								$("#Domicilio").prop('disabled', false);
								// $("#Domicilio").css("color", "#ffffff");
								$("#Domicilio").css("background-color", "#fdb70e");
							} else {
								$("#Domicilio").prop('disabled', true);
								// $("#Domicilio").css("color", "#fff");
								$("#Domicilio").css("background-color", "#fff");
							}
							if (i.Notas != "0") {
								$("#Notas").prop('disabled', false);
								// $("#Notas").css("color", "#ffffff");
								$("#Notas").css("background-color", "#fdb70e");
							} else {
								$("#Notas").prop('disabled', true);
								// $("#Notas").css("color", "#fff");
								$("#Notas").css("background-color", "#fff");
							}
							if (i.LimCred != "0") {
								$("#LimCred").prop('disabled', false);
								$("#LimCred").css("background-color", "#fdb70e");
								// $("#TarExtraviadas").css("color", "#ffffff");
							} else {
								$("#LimCred").prop('disabled', true);
								$("#LimCred").css("background-color", "#fff");
								// $("#TarExtraviadas").css("color", "#0b305d");
								$("#TarExtraviadas").css("background-color", "#fff");
							}

							if (i.Tarjeta != "0") {
								$("#TarExtraviadas").prop('disabled', false);
								// $("#TarExtraviadas").css("color", "#ffffff");
								$("#TarExtraviadas").css("background-color", "#fdb70e");
							} else {
								$("#TarExtraviadas").prop('disabled', true);
								// $("#TarExtraviadas").css("color", "#0b305d");
								$("#TarExtraviadas").css("background-color", "#fff");
							}
							if (i.compromiso != "0") {
								$("#Compromisos").prop('disabled', false);
								// $("#Compromisos").css("color", "#ffffff");
								$("#Compromisos").css("background-color", "#fdb70e");
							} else {
								$("#Compromisos").prop('disabled', true);
								// $("#Compromisos").css("color", "#0b305d");
								$("#Compromisos").css("background-color", "#fff");
							}
							if (i.Ncobranza != "0") {
								$("#EsCobranza").prop('disabled', false);
								// $("#EsCobranza").css("color", "#ffffff");
								$("#EsCobranza").css("background-color", "#fdb70e");
							} else {
								$("#EsCobranza").prop('disabled', true);
								// $("#EsCobranza").css("color", "#0b305d");
								$("#EsCobranza").css("background-color", "#fff");
							}
							if (i.CambioEstatus != "0") {
								$("#CamEstatus").prop('disabled', false);
								// $("#CamEstatus").css("color", "#ffffff");
								$("#CamEstatus").css("background-color", "#fdb70e");
							} else {
								$("#CamEstatus").prop('disabled', true);
								// $("#CamEstatus").css("color", "#0b305d");
								$("#CamEstatus").css("background-color", "#fff");
							}
							// if (i.Revolvente != "0") {
							// 	$("#Historico").prop('disabled', false);
							// 	// $("#Historico").css("color", "#ffffff");
							// 	$("#Historico").css("background-color", "#fdb70e");
							// } else {
							// 	$("#Historico").prop('disabled', true);
							// 	// $("#Historico").css("color", "#fff");
							// 	$("#Historico").css("background-color", "#fff");
							// }
							// if (i.PlazosFijos != "0") {
							// 	$("#Historico").prop('disabled', false);
							// 	// $("#HistoricoMSI").css("color", "#FFF");
							// 	$("#Historico").css("background-color", "#fdb70e");
							//
							// 	$("#MD").prop('disabled', false);
							// 	// $("#Movimientos_Depurados_MSI").css("color", "#FFF");
							// 	$("#MD").css("background-color", "#fdb70e");
							// } else {
							// 	$("#Historico").prop('disabled', true);
							// 	// $("#HistoricoMSI").css("color", "#0b305d");
							// 	$("#Historico").css("background-color", "#fff");
							//
							// 	$("#MD").prop('disabled', true);
							// 	// $("#Movimientos_Depurados_MSI").css("color", "#0b305d");
							// 	$("#MD").css("background-color", "#fff");
							// }
							// if (i.Expediente != "0") {
							// 	$("#Expediente").prop('disabled', false);
							// 	// $("#Expediente").css("color", "#FFF");
							// 	$("#Expediente").css("background-color", "#fdb70e");
							// } else {
							// 	$("#Expediente").prop('disabled', true);
							// 	// $("#Expediente").css("color", "#0b305d");
							// 	$("#Expediente").css("background-color", "#fff");
							// }
							if (i.Preautorizaciones != "0") {
								$("#Preautorizaciones").prop('disabled', false);
								// $("#Preautorizaciones").css("color", "#FFF");
								$("#Preautorizaciones").css("background-color", "#fdb70e");
							} else {
								$("#Preautorizaciones").prop('disabled', true);
								// $("#Preautorizaciones").css("color", "#0b305d");
								$("#Preautorizaciones").css("background-color", "#fff");
							}
						}


					} 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");
				});
		}

		//historico y movimientos depurados
		function detallesMovimiento(folioAutorizacion, tarjeta, registradoPor, tipoTransaccion, serieRef2, folioRef2) {

			$("#historicoRevolvente_detalle_folioAut").val(folioAutorizacion);
			$("#historicoRevolvente_nTarjeta").val(tarjeta);
			$("#historicoRevolvente_registradoPor").val(registradoPor);
			$("#historicoRevolvente_tipoTransaccion").val(tipoTransaccion);
			$("#historicoRevolvente_serieRef2").val(serieRef2);
			$("#historicoRevolvente_folioRef2").val(folioRef2);
			// $('#md_historicoRevolvente').modal('hide');
			$('#md_detalleMovimientos').modal('show');
		}

		function notasDocumento(serie, folio) {


			$('#tb_historicoRevolvente_notas').dataTable().fnDestroy();
			$('#tb_historicoRevolvente_notas').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				processing: true,
				responsive: true,
				scrollY: '50vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('consultas/busca-notas-documentos')}}",
					type: "POST",
					data: {
						serie: serie,
						folio: folio,
					}
				},
				columns: [{
					data: "descripcion"
				},
					{
						data: "u_creado"
					},
					{
						data: "created_at"
					},
					{
						data: "id_promocion"
					},
					{
						data: "promocion"
					}
				],
				order: [
					[0, "asc"]
				],
			});

			// $('#md_historicoRevolvente').modal('hide');
			$('#md_notasDocumentos').modal('show');

		}

		$('#cortes_periodo').on('input', function () {
			var numeroCaracteres = $('#cortes_periodo').val().length;
			console.log(numeroCaracteres);
			if (numeroCaracteres == 6) {
				$("#btnPeriodoAnterior").prop('disabled', false);
				$("#btnPeriodoSiguiente").prop('disabled', false);
			} else {
				$("#btnPeriodoAnterior").prop('disabled', true);
				$("#btnPeriodoSiguiente").prop('disabled', true);
			}
		});


		function corteAnterior() {

			var cuenta = $("#cuenta").val();
			var cortes_periodo = $("#cortes_periodo").val();
			var periodo = $("#dia_corte").val();
			$.ajax({
				url: "{{ url('consultas/busca-cortes')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					cuenta: cuenta,
					periodo: periodo,
					cortes_periodo: cortes_periodo,
					corte: 'anterior'
				},
			})
				.done(function (resp) {

					anio = cortes_periodo.substr(0, 4);
					mes = cortes_periodo.substr(4, 2);
					anios = parseInt(anio);
					meses = parseInt(mes, 10);

					if (meses == 1) {
						anios = anios - 1;
						meses = 12;
						Cambiar = anios + "" + meses;
					} else if (meses >= 1 && meses <= 10) {
						meses = meses - 1;
						Cambiar = anios + "0" + meses;
					} else {
						meses = meses - 1;
						Cambiar = anios + "" + meses;
					}

					$("#cortes_periodo").val(Cambiar);
					//Rellenar campos
					if (resp.result == 1) {
						console.log(resp.data);
						if (resp.data != "") {
							let i = resp.data[0];
							Periodo = i.tipo_corte;
							$("#cortes_fecha_corte").val(i.fecha);
							$("#cortes_saldo_capital").val(FormatoMoneda(i.SaldoCapital));
							$("#cortes_intereses_normales").val(FormatoMoneda(i.SaldoInteresFinan));
							$("#cortes_interes_mora").val(FormatoMoneda(i.SaldoInteresMora));
							$("#cortes_gastos_cobranza").val(FormatoMoneda(i.SaldoGastosCob));
							$("#cortes_morosidad").val(i.FormaPago);
							$("#cortes_pago_minimo").val(FormatoMoneda(i.PagoMinimo));
							$("#cortes_no_interes").val(FormatoMoneda(i.PagoNoGeneraInteres));
							$("#cortes_tipo_cliente").val(i.NomTipoCliente);
						}
					} else {
						Swal.fire({
							type: 'info',
							title: "Periodo " + cortes_periodo + " sin movimiento, de la cuenta " + cuenta,
							showConfirmButton: false,
							timer: 2500
						});
						LimpiarCorte();
					}
				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: "No se encontraron resultados...",
						showConfirmButton: false,
						timer: 2500
					});
				})
				.always(function (resp) {
					console.log("complete");
				});

		}

		function corteSiguiente() {

			var cuenta = $("#cuenta").val();
			var cortes_periodo = $("#cortes_periodo").val();
			var periodo = $("#dia_corte").val();

			$.ajax({
				url: "{{ url('consultas/busca-cortes')}}",
				type: 'POST',
				dataType: 'json',
				data: {
					cuenta: cuenta,
					periodo: periodo,
					cortes_periodo: cortes_periodo,
					corte: 'siguiente'
				},
			})
				.done(function (resp) {

					anio = cortes_periodo.substr(0, 4);
					mes = cortes_periodo.substr(4, 2);
					anios = parseInt(anio);
					meses = parseInt(mes, 10);

					if (meses == 12) {
						anios = anios + 1;
						meses = 1;
						Cambiar = anios + "0" + meses;

					} else if (meses >= 1 && meses < 9) {
						meses = meses + 1;
						Cambiar = anios + "0" + meses;
					} else {
						meses = meses + 1;
						Cambiar = anios + "" + meses;
					}
					$("#cortes_periodo").val(Cambiar);
					//Rellenar campos
					if (resp.result == 1) {
						console.log(resp.data);
						if (resp.data != "") {
							let i = resp.data[0];
							Periodo = i.tipo_corte;
							$("#cortes_fecha_corte").val(i.fecha);
							$("#cortes_saldo_capital").val(FormatoMoneda(i.SaldoCapital));
							$("#cortes_intereses_normales").val(FormatoMoneda(i.SaldoInteresFinan));
							$("#cortes_interes_mora").val(FormatoMoneda(i.SaldoInteresMora));
							$("#cortes_gastos_cobranza").val(FormatoMoneda(i.SaldoGastosCob));
							$("#cortes_morosidad").val(i.FormaPago);
							$("#cortes_pago_minimo").val(FormatoMoneda(i.PagoMinimo));
							$("#cortes_no_interes").val(FormatoMoneda(i.PagoNoGeneraInteres));
							$("#cortes_tipo_cliente").val(i.NomTipoCliente);

						}
					} else {
						Swal.fire({
							type: 'info',
							title: "Periodo " + cortes_periodo + " Sin Movimiento, De la Cuenta " + cuenta,
							showConfirmButton: false,
							timer: 2500
						});
						LimpiarCorte();
					}
				})
				.fail(function () {
					console.log("error");
					Swal.fire({
						type: 'error',
						title: "No se encontraron resultados...",
						showConfirmButton: false,
						timer: 2500
					});
				})
		}

    </script>
    {!! Html::script('assets/js/clientes.js') !!}
    {{--?{{ microtime() }}--}}
    @include('comunes.busca_cuenta')
@endpush