@extends('layout.master', [
'activePage' => $activePage,
'categoria' => $categoria,
'menuParent' => $menuParent,
'titlePage' => $titlePage
])


@push('plugin-styles')
{!! Html::style('assets/css/loader.css') !!}
{!! Html::style('assets/css/apps/tickets.css') !!}
{!! Html::style('plugins/table/datatable/datatables.css') !!}
{!! Html::style('plugins/table/datatable/dt-global_style.css') !!}
@endpush


@section('content')

<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);"> {{__('Configuración')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><span> {{__('Parametros contables')}}</span></li>
                        </ol>
                    </nav>
                </div>
            </li>
        </ul>
    </header>
</div>
<div class="layout-px-spacing">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <ul class="nav nav-pills nav-pills-primary" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#link1" role="tablist">
                                    Periodos y ejercicios
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#link2" role="tablist" onclick="loadCuentas()">
                                    Asignación de cuentas
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#link3" role="tablist">
                                    Nivel de cuentas
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#link4" role="tablist" onclick=" loadTiposCuentas();">
                                    Tipos de cuentas
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#link5" role="tablist" onclick="loadTipoP()">
                                    Tipos de pólizas
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#link8" role="tablist" onclick="loadConfiguracion()">
                                    Configuración
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#link9" role="tablist" onclick="loadFolios()">
                                    Folios
                                </a>
                            </li>
                        </ul>
                        <hr>
                        <div class="tab-content tab-space">
                            <!-- PERIODOS Y EJECICIOS -->
                            <div class="tab-pane active " id="link1">
                                <div class="row justify-content-center">
                                    <div class="container col-md-5 card ">
                                        <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                            <h4 class="card-title">Ejercicios</h4>
                                        </div>
                                        <hr>
                                        <div class="col-md-12 card-body mt-2 p-0">
                                            <div class="row" style="margin-top: -10px;">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Ejercicio:</label>
                                                        <select id="id_ejercicio_filtro" class="form-control form-control-sm" onchange="loadPeriodos(); loadEjercicio()">
                                                            <option value="0">TODOS</option>
                                                            @foreach($data['ejercicios'] as $m)
                                                            <option value="{{$m->id}}" anio="{{$m->anio}}">{{$m->anio}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-6 text-right mt-4">
                                                    <button class="btn btn-primary " onclick="nuevoEjercicio()">Nuevo ejercicio</button>
                                                </div>
                                            </div>
                                            <div class="row date-table-container layout-top-spacing">
                                                <div class="table-responsive">
                                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableEjercicios">
                                                        <thead>
                                                            <tr>
                                                                <th>Ejercicio</th>
                                                                <th>Estatus</th>
                                                                <th>Acciones</th>
                                                            </tr>
                                                        </thead>
                                                        <!-- <tfoot>
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Periodo</th>
                                                        <th>Descripción</th>
                                                        <th>Estatus</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </tfoot> -->
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="container col-md-5 card ">
                                        <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                            <h4 class="card-title">Periodos</h4>
                                        </div>
                                        <hr>

                                        <div class="col-md-12 card-body mt-2 p-0">
                                            <div class="row" style="margin-top: -10px;">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Periodo:</label>
                                                        <select id="id_periodo_filtro" class="form-control form-control-sm" onchange="loadPeriodos();">
                                                            <option value="0">TODOS</option>
                                                            @foreach($data['meses'] as $m)
                                                            <option value="{{$m->mes}}">{{$m->descripcion}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-6 text-right mt-4">
                                                    <button class="btn btn-primary " onclick="nuevoPeriodo()">Nuevo periodo</button>
                                                </div>
                                            </div>
                                            <div class="row date-table-container layout-top-spacing">
                                                <div class="table-responsive">
                                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tablePeriodos">
                                                        <thead>
                                                            <tr>
                                                                <th>Periodo</th>
                                                                <th>Descripción</th>
                                                                <th>Estatus</th>
                                                                <th>Acciones</th>
                                                            </tr>
                                                        </thead>
                                                        <!-- <tfoot>
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Periodo</th>
                                                        <th>Descripción</th>
                                                        <th>Estatus</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </tfoot> -->
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ASIGNACIÓN DE CUENTAS -->
                            <div class="tab-pane " id="link2">
                                <div class="row mb-2">
                                    <div class="col-12 ">
                                        <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarAsignacion()">Limpiar</button>
                                        <button type="submit" class="btn btn-fill btn-primary" onclick="guardarAsignacion()">Guardar</button>
                                    </div>
                                </div>
                                <div class="col-md-12 row">
                                    <div class="col-md-6 container d-flex card h-50">
                                        <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                            <h4 class="card-title">General</h4>
                                        </div>
                                        <hr>
                                        <div class="col-md-12 card-body">
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Descuentos por ventas:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G1NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">IEPS Trasladado:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G2NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">IEPS Trasladado por aplicar:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G3NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta de cuadre:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G4NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta de cuadre pol. automaticas :</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G5NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta para utilidad cambiaria:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G6NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta para pérdida cambiaria:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G7NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta de resultados:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G8NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>

                                            <div class="col-md-12 row">
                                                <div class="col-md-6 py-2">
                                                    <label for="">Cuenta general banco:</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="G9NCuenta" class="form-control form-control-sm CC">
                                                        <option value="" selected>[Sin cuenta]</option>

                                                    </select>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 ">
                                        <div class="container col-md-12 card  mb-3">
                                            <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                                <h4 class="card-title">Proveedores</h4>
                                            </div>
                                            <hr>
                                            <div class="col-md-12 card-body">
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IEPS acreditable:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P10NCuenta" class="form-control form-control-sm  CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IEPS acreditable por aplicar:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P11NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">Impuestos locales trasladados:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P12NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">Descuentos por compras:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P13NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA acreditable 16%:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P14NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA acreditable por aplicar 16%:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P15NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA acreditable 8%:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P16NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA acreditable por aplicar 8%:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="P17NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="container col-md-12 card">
                                            <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                                <h4 class="card-title">Clientes</h4>
                                            </div>
                                            <hr>
                                            <div class="col-md-12 card-body">
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA en retención:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C18NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA en retención por aplicar:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C19NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA traslados:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C20NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">IVA traslados por aplicar:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C21NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">ISR en retención:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C22NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                                <div class="col-md-12 row">
                                                    <div class="col-md-6 py-2">
                                                        <label for="">ISR en retención por aplicar:</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select id="C23NCuenta" class="form-control form-control-sm CC">
                                                            <option value="" selected>[Sin cuenta]</option>

                                                        </select>
                                                    </div>

                                                </div>
                                            </div>

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

                            </div>
                            <!-- NIVELES DE CUENTAS -->
                            <div class="tab-pane " id="link3">
                                <div class="col-md-12 row">
                                    <div class="container col-md-5 card ">
                                        <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                            <h4 class="card-title">Niveles de cuentas</h4>
                                        </div>
                                        <hr>
                                        <div class="col-md-12 card-body mt-2">
                                            <div class="form-group filled ">
                                                <label for="exampleEmail" class="bmd-label-floating">Caracter mascara: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control col-md-4" id="caracter" maxlength="1" onkeyup="setChar()" onchange="limpiarNiveles()">
                                            </div>
                                            <div class="form-group filled">
                                                <label for="exampleEmail" class="bmd-label-floating">Nivel 1: <span class="text-danger">*</span></label>
                                                <input type="number" class="form-control input" id="nivel_1" onblur="generarCadena(this.value);" disabled>
                                            </div>
                                            <div class="form-group filled">
                                                <label for="exampleEmail" class="bmd-label-floating">Nivel 2:</label>
                                                <input type="number" class="form-control input" id="nivel_2" onblur="generarCadena(this.value);" disabled>
                                            </div>
                                            <div class="form-group filled">
                                                <label for="exampleEmail" class="bmd-label-floating">Nivel 3:</label>
                                                <input type="number" class="form-control input " id="nivel_3" onblur="generarCadena(this.value);" disabled>
                                            </div>
                                            <div class="form-group filled">
                                                <label for="exampleEmail" class="bmd-label-floating">Nivel 4:</label>
                                                <input type="number" class="form-control input" id="nivel_4" onblur="generarCadena(this.value);" disabled>
                                            </div>
                                            <div class="form-group filled">
                                                <label for="exampleEmail" class="bmd-label-floating">Nivel 5:</label>
                                                <input type="number" class="form-control input" id="nivel_5" onkeyup="generarCadena(this.value);" onblur="a()" disabled>
                                            </div>

                                            <div class="container col-md-5 text-center">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Ejemplo de cuenta: <br><span class="text-primary" id="ejemploestructura"></span><br><span class="text-info"> *La cadena no debe de contener letras y su longitud no debe de ser mayor a 20*</span></label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer row justify-content-end">
                                            <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarNiveles()">Limpiar</button>
                                            <button type="submit" class="btn btn-fill btn-primary" onclick="guardarNiveles()">Guardar</button>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- TIPOS DE CUENTAS -->
                            <div class="tab-pane " id="link4">
                                <div class="row">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-primary " onclick="nuevoTipoCuenta()">Nuevo tipo de cuenta</button>
                                    </div>
                                </div>
                                <div class="row date-table-container layout-top-spacing">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableTiposCuentas">
                                            <thead>
                                                <tr>
                                                    <th>Tipo</th>
                                                    <th>Descripción</th>
                                                    <th>Subtipo</th>
                                                    <th>Descripción subnivel</th>
                                                    <th>Cuenta inicial</th>
                                                    <th>Cuenta final</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <!-- <tfoot>
                                            <tr>
                                                <th>ID</th>
                                                <th>Descripción</th>
                                                <th>Nivel</th>
                                                <th>Subnivel</th>
                                                <th>Descripción subnivel</th>
                                                <th>Naturaleza</th>
                                                <th>Cuenta inicial</th>
                                                <th>Cuenta final</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </tfoot> -->
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- TIPOS DE POLIZAS -->
                            <div class="tab-pane " id="link5">
                                <div class="row col-12">
                                    <div class="col-md-4">
                                        <div class="card ">
                                            <div class="row px-4 pt-3" style="margin-bottom: -15px;">
                                                <h4 class="card-title">Tipos de pólizas</h4>
                                            </div>
                                            <hr>
                                            <input type="hidden" class="form-control" id="idTipoPHidden">
                                            <div class="card-body ">
                                                <div class="form-group ">
                                                    <label for="exampleEmail" class="bmd-label-floating">Tipo: <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="tipoP">
                                                </div>
                                                <div class="form-group ">
                                                    <label for="exampleEmail" class="bmd-label-floating">Descripción: <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="descripcionP">
                                                </div>
                                                <div class="form-group">
                                                    <label>Estatus:<span class="text-danger">*</span></label>
                                                    <select id="estatusP" class="form-control">
                                                        <option value="Activa" selected>Activa</option>
                                                        <option value="Restringida">Restringida</option>
                                                        <option value="Cancelada">Cancelada</option>
                                                    </select>
                                                </div>

                                                <div class="row">
                                                    <div class="col-12 text-right">
                                                        <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarTipoP()">Limpiar</button>
                                                        <button type="submit" class="btn btn-fill btn-primary" onclick="guardarTipoP()">Guardar</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row date-table-container layout-top-spacing col-md-8">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableTipoP">
                                                <thead>
                                                    <tr>
                                                        <th>Tipo de póliza</th>
                                                        <th>Descripción</th>
                                                        <th>Estatus</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <!-- <tfoot>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Tipo de poliza</th>
                                                    <th>Descripción</th>
                                                    <th>Estatus</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </tfoot> -->
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- BANCOS -->
                            <div class="tab-pane " id="link6">
                                <div class="row col-12">
                                    <div class="col-md-4">
                                        <div class="card ">
                                            <div class="card-header card-header-primary card-header-icon">
                                                <div class="card-icon">
                                                    <i class="material-icons">account_balance</i>
                                                </div>
                                                <h4 class="card-title">Nuevo banco</h4>
                                            </div>
                                            <input type="hidden" class="form-control" id="idBancoHidden">

                                            <div class="card-body ">
                                                <div class="form-group filled2">
                                                    <label for="exampleEmail" class="bmd-label-floating">Nombre:<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="nombre">
                                                </div>
                                                <div class="form-group filled2">
                                                    <label for="exampleEmail" class="bmd-label-floating">Descripción:<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="descripcionB">
                                                </div>
                                                <div class="form-group">
                                                    <label>Moneda:<span class="text-danger">*</span></label>
                                                    <select id="id_moneda" class="form-control">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                        @foreach ($data['moneda'] as $m)
                                                        <option value="{{$m->id}}">{{$m->descripcion}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label>Cuenta contable:<span class="text-danger">*</span></label>
                                                    <select id="id_cuenta" class="form-control" data-live-search="true">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                        @foreach ($data['cuentas'] as $c)
                                                        <option value="{{$c['id']}}">({{$c['cuenta']}}) {{$c['descripcion']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="card-footer row justify-content-end">
                                                <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarBanco()">Limpiar</button>
                                                <button type="submit" class="btn btn-fill btn-primary" onclick="guardarBanco()">Guardar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="material-datatables col-md-8">
                                        <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableBancos">
                                            <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nombre</th>
                                                    <th>Descripción</th>
                                                    <th>Moneda</th>
                                                    <th>Cuenta contable</th>
                                                    <th>Estatus</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <!-- <tfoot>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nombre</th>
                                                    <th>Descripción</th>
                                                    <th>Moneda</th>
                                                    <th>Cuenta contable</th>
                                                    <th>Estatus</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </tfoot> -->
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- MONEDAS -->
                            <div class="tab-pane " id="link7">
                                <div class="row col-12">
                                    <div class="col-md-4">
                                        <div class="card ">
                                            <div class="card-header card-header-primary card-header-icon">
                                                <div class="card-icon">
                                                    <i class="material-icons">monetization_on</i>
                                                </div>
                                                <h4 class="card-title">Nueva moneda</h4>
                                            </div>
                                            <input type="hidden" class="form-control" id="idMonedaHidden">

                                            <div class="card-body ">
                                                <div class="form-group filledM">
                                                    <label for="exampleEmail" class="bmd-label-floating">Nombre:<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="nombre_moneda">
                                                </div>
                                                <div class="form-group filledM">
                                                    <label for="exampleEmail" class="bmd-label-floating">Descripción:<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control " id="descripcion_moneda">
                                                </div>
                                                <div class="form-group filledM">
                                                    <label for="exampleEmail" class="bmd-label-floating">Tipo de cambio:<span class="text-danger">*</span></label>
                                                    <input type="number" step="any" class="form-control " id="tipocambio_moneda">
                                                </div>
                                                <!-- <div class="form-group">
                                                    <label>Cuenta contable:<span class="text-danger">*</span></label>
                                                    <select id="id_cuenta" class="form-control"  data-live-search="true">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                        @foreach ($data['cuentas'] as $c)
                                                        <option value="{{$c['id']}}">({{$c['cuenta']}}) {{$c['descripcion']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div> -->
                                            </div>
                                            <div class="card-footer row justify-content-end">
                                                <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarMoneda()">Limpiar</button>
                                                <button type="submit" class="btn btn-fill btn-primary" onclick="guardarMoneda()">Guardar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="material-datatables col-md-8">
                                        <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableMonedas">
                                            <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nombre</th>
                                                    <th>Descripción</th>
                                                    <th>Tipo de cambio</th>
                                                    <th>Estatus</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <!-- <tfoot>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nombre</th>
                                                    <th>Descripción</th>
                                                    <th>Moneda</th>
                                                    <th>Cuenta contable</th>
                                                    <th>Estatus</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </tfoot> -->
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- CONFIGURACION -->

                            <div class="tab-pane " id="link8">
                                <h6>Configuración de pólizas</h6>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Pólizas de depositos:</label>
                                            <select id="poliza_ingreso" id_tabla="1" descripcion_tabla="poliza_ingreso" class="form-control form-control-sm">
                                                <option value="">-Selecciona-</option>
                                                @foreach($data['tipospolizas'] as $m)
                                                <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>Pólizas de pagos:</label>
                                            <select id="poliza_pago" id_tabla="2" descripcion_tabla="poliza_pago" class="form-control form-control-sm">
                                                <option value="">-Selecciona-</option>
                                                @foreach($data['tipospolizas'] as $m)
                                                <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>Pólizas de clientes:</label>
                                            <select id="poliza_clientes" id_tabla="3" descripcion_tabla="poliza_clientes" class="form-control form-control-sm ">
                                                <option value="">-Selecciona-</option>
                                                @foreach($data['tipospolizas'] as $m)
                                                <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>Pólizas de proveedores:</label>
                                            <select id="poliza_proveedores" id_tabla="4" descripcion_tabla="poliza_proveedores" class="form-control form-control-sm ">
                                                <option value="">-Selecciona-</option>
                                                @foreach($data['tipospolizas'] as $m)
                                                <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>Pólizas de diario o cuadre:</label>
                                            <select id="poliza_diario" id_tabla="5" descripcion_tabla="poliza_diario" class="form-control form-control-sm ">
                                                <option value="">-Selecciona-</option>
                                                @foreach($data['tipospolizas'] as $m)
                                                <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 text-right">
                                                <button type="submit" class="btn btn-fill btn-secondary" onclick="limpiarSeleccionados()">Limpiar</button>
                                                <button type="submit" class="btn btn-fill btn-primary" onclick="guardarConfiguracion()">Guardar</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- FOLIOS -->
                            <div class="tab-pane " id="link9">
                                <div class="row">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-primary " onclick="nuevoFolio()">Nuevo folio contable</button>
                                    </div>
                                </div>
                                <div class="row date-table-container layout-top-spacing">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableFolios">
                                            <thead>
                                                <tr>
                                                    <th>Tipo póliza</th>
                                                    <th>Folio</th>
                                                    <th>Fecha de creación</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>

                                            <tbody>

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

<input type="hidden" id="idTipoHidden">
<div class="modal fade draggable" id="modalNuevoTipoCuenta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModal"></h4>
                <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="row">
                    <div class="col-md-6">
                        <div class="form-group filled">
                            <label class="bmd-label-floating">Tipo: <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="nivel">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group filled">
                            <label for="exampleEmail" class="bmd-label-floating">Subtipo: <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="sub_nivel">
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-md-12">
                        <div class="form-group filled">
                            <label for="exampleEmail" class="bmd-label-floating">Descripción: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="descripcion">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group filled">
                            <label for="exampleEmail" class="bmd-label-floating">Descripción Subtipo:</label>
                            <input type="text" class="form-control" id="descripcion_subnivel">
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-md-6">
                        <div class="form-group filled">
                            <label for="exampleEmail" class="bmd-label-floating">Cuenta inicial: <span class="text-danger">*</span></label>
                            <input class="form-control" id="cuenta_inicial" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type="number">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group  filled">
                            <label for="exampleEmail" class="bmd-label-floating">Cuenta final: <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="cuenta_final" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
                        </div>
                    </div>
                </div>
                <!-- <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Naturaleza <span class="text-danger">*</span></label>
                            <select id="naturaleza" class="form-control">
                                <option value="0" selected disaled>-Selecciona-</option>
                                <option value="1">Acreedora</option>
                                <option value="2">Deudora</option>
                            </select>
                        </div>
                    </div>
                </div> -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarTipoCuenta();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalNuevoPeriodo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModalPeriodo"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="las la-times"></i>
                </button>
            </div>
            <input type="hidden" id="idPeriodoHidden">
            <div class="modal-body">
                <div class="form-group">
                    <label>Periodos contables: <span class="text-danger">*</span></label>
                    <select id="periodo" class="form-control">
                        <option value="0" disabled selected>-Selecciona-</option>
                        @foreach($data['meses'] as $m)
                        <option value="{{$m->id}}" descripcion="{{$m->descripcion}}" mes="{{$m->mes}}">{{$m->descripcion}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Ejercicio:</label>
                    <select id="id_ejercicio" class="form-control">
                        <option value="0" disabled selected>-Selecciona-</option>
                        @foreach($data['ejercicios'] as $m)
                        <option value="{{$m->id}}" anio="{{$m->anio}}">{{$m->anio}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-check mt-2">
                    <label class="form-check-label">
                        <input id="cerrarperiodo" class="form-check-input" type="checkbox" value=""> Cerrar último periodo
                        <span class="form-check-sign">
                            <span class="check"></span>
                        </span>
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarPeriodo()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalNuevoEjercicio" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModalEjercicio"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="las la-times"></i>
                </button>
            </div>
            <input type="hidden" id="idEjercicio">
            <div class="modal-body">
                <div class="form-group">
                    <label>Ejercicio contable:</label>
                    <input type="number" class="form-control" id="dateEjercicio" min="1900" max="2100" step="1" placeholder="Año" />
                </div>

                <div class="form-check mt-2">
                    <label class="form-check-label">
                        <input id="cerrarejercicio" class="form-check-input" type="checkbox" value=""> Cerrado
                        <span class="form-check-sign">
                            <span class="check"></span>
                        </span>
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarEjercicio();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalCierreEjercicio" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Cierre de ejercicio</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="las la-times"></i>
                </button>
            </div>
            <input type="hidden" id="idEjercicio">
            <div class="modal-body">
                <div class="form-group">
                    <label class="text-bold">Cuenta de resultados: <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm form-select2" id="cuentaResultados">
                        @foreach ($data['cuentasResultados'] as $cuenta)
                        <option value="{{ $cuenta['id'] }}"> {{ $cuenta['cuenta']  }} ({{ $cuenta['descripcion']  }})</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarCierreEjercicio();">Aceptar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalVerPdf" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">PDF de póliza</h4>
            </div>
            <div class="modal-body">
                <h5 class="text-center card-description" style="margin-top: -20px;">¿Deseas abrir el PDF de la póliza generada?</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-success" onclick="abrirPdf(2)">Abrir</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalNuevoFolio" tabindex="-1" aria-labelledby="myModalLabel" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModalFolio">Folios contables</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="las la-times"></i>
                </button>
            </div>
            <input type="hidden" id="idFolioHidden">
            <div class="modal-body">
                <div class="form-group">
                    <label>Tipo de póliza: <span class="text-danger">*</span></label>
                    <select id="tipo_poliza" class="form-control">
                        <option value="0" disabled selected>-Selecciona-</option>
                        @foreach($data['tipospolizas'] as $m)
                        <option value="{{$m->id}}">({{$m->tipo}}) {{$m->descripcion}}</option>

                        @endforeach
                    </select>
                </div>
                <div class="form-group ">
                    <label for="exampleEmail">Folio: <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="folio" value="0">
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarFolio()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="id_pdf_poliza_hidden">
<!-- NIVELES DE CUENTAS -->
<input type="hidden" id="idNivelesHidden">

@endsection

@push('plugin-scripts')
{!! Html::script('plugins/table/datatable/datatables.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
{!! Html::script('assets/js/loader.js') !!}
{!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
{!! Html::script('assets/js/basicui/inputmask.js') !!}

@endpush
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

@push('custom-scripts')
<script>
    const ajaxErrorMessage = {
        icon: 'error',
        title: '¡Lo sentimos!',
        text: ''
    }

    const workDoneMessage = {
        icon: 'success',
        title: '¡Hecho!',
        text: '',
    }

    const noContentMessageOptions = {
        icon: 'info',
        title: '¡Sin contenido!',
        text: '',
        confirmButtonText: 'Aceptar'
    }

    $(document).ready(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });



        $(".form-select2").select2({
            theme: "bootstrap",
            dropdownParent: $('#modalCierreEjercicio')
        });


        loadPeriodos();
        loadEjercicio();
        @if(isset($niveles))
        loadNiveles();
        loadTipoP()
        @else
        showNotification('error', 'top', 'center', 'warning', 'No se han definido los niveles de cuentas', '¡ADVERTENCIA!')
        @endif
    });

    function loadPeriodos() {
        $('#tablePeriodos').dataTable().fnDestroy();
        $('#tablePeriodos').DataTable({
            "scrollX": true,
            ajax: {
                url: "{{url('cont/parametros/get_periodos')}}",
                type: "POST",
                data: {
                    id_ejercicio: $('#id_ejercicio_filtro option:selected').val(),
                    id_periodo: $('#id_periodo_filtro option:selected').val(),

                }
            },
            columns: [{
                    data: "periodo"
                },
                {
                    data: "descripcion"
                },
                {
                    data: "estatus"
                },
                {
                    data: "acciones"
                },

            ],
            order: [
                [0, "desc"]
            ],

        });
    }

    function nuevoPeriodo() {
        $('#modalNuevoPeriodo').modal('show');
        $('#titleModalPeriodo').text('Nuevo periodo');
        // setPeriodo()
    }

    function guardarPeriodo() {
        var id = $('#idPeriodoHidden').val();
        var id_mes = $('#periodo option:selected').val();
        var id_ejercicio = $('#id_ejercicio option:selected').val();
        var descripcion_ejercicio = $('#id_ejercicio option:selected').attr('anio');
        var numero_mes = $('#periodo option:selected').attr('mes');
        var descripcion_mes = $('#periodo option:selected').attr('descripcion');
        if ($('#cerrarperiodo').prop('checked')) {
            var cerrarperiodo = 2;
        } else {
            var cerrarperiodo = 1;
        }
        $('#loadingModal').modal('show');
        $.ajax({
                url: "{{ url('cont/parametros/save_periodo')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    id_mes: id_mes,
                    id_ejercicio: id_ejercicio,
                    descripcion_ejercicio: descripcion_ejercicio,
                    numero_mes: numero_mes,
                    descripcion_mes: descripcion_mes,
                    cerrarperiodo: cerrarperiodo,
                    estatus: 1
                }
            })
            .done(function(resp) {
                console.log(resp.data)
                if (resp.result == 1) {
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();;
                        // location.reload();
                        $('#modalNuevoPeriodo').modal('hide');
                        $('#tablePeriodos').DataTable().ajax.reload();

                    }, 2000);
                } else if (resp.result == 2) {
                    setTimeout(() => {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '!ERROR!');
                        $('#error_message').text(resp.mensaje);
                        $('#error').show();
                        $('#modalNuevoPeriodo').modal('hide');
                        $('#tablePeriodos').DataTable().ajax.reload();
                    }, 2000);
                }

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingModal').modal('hide');
                }, 2000);
            });
    }

    function desact(estatus, id) {

        if (estatus == 'Abierto') {
            var title = '¿Estás seguro de abrir el periodo?'
        } else {
            var title = '¿Estás seguro de cerrar el periodo?'
        }
        Swal.fire({
            title: title,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Si, hazlo'
        }).then((result) => {
            $('#loadingLoad').modal('show')
            if (result.value) {
                $.ajax({
                        url: "{{ url('cont/parametros/update_periodo')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            id: id,
                            estatus: estatus
                        },
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            $('#success_message').text(resp.mensaje);
                            $('#success').show();
                            $('#tablePeriodos').DataTable().ajax.reload();
                        }, 2000);


                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide')
                        }, 2000);
                    });
            }
        })
    }

    function loadEjercicio() {
        $('#tableEjercicios').dataTable().fnDestroy();
        $('#tableEjercicios').DataTable({
            "scrollX": true,
            ajax: {
                url: "{{url('cont/parametros/get_ejercicios')}}",
                type: "POST",
                data: {
                    id_ejercicio: $('#id_ejercicio_filtro option:selected').val()
                }
            },
            columns: [{
                    data: "anio"
                },
                {
                    data: "estatus"
                },
                {
                    data: "acciones"
                },
            ],
            order: [
                [0, "desc"]
            ],

        });
    }

    function nuevoEjercicio() {
        $('#modalNuevoEjercicio').modal('show');
        $('#titleModalEjercicio').text('Nuevo ejercicio');
        // setPeriodo()
    }

    function guardarEjercicio() {
        var id = $('#idEjercicioHidden').val();
        var ejercicio = $('#dateEjercicio').val();
        var estatus = $('#ejercicioEstatus option:selected').val();
        if ($('#cerrarejercicio').prop('checked')) {
            var cerrarejercicio = 2;
        } else {
            var cerrarejercicio = 1;
        }
        $('#loadingModal').modal('show')
        $.ajax({
                url: "{{ url('cont/parametros/save_ejercicio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    anio: ejercicio,
                    estatus: cerrarejercicio,
                }
            })
            .done(function(resp) {
                console.log(resp.data)
                if (resp.result == 1) {
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        // location.reload()
                        $('#tableEjercicios').DataTable().ajax.reload();
                        $('#modalNuevoEjercicio').modal('hide');
                    }, 2000);
                } else if (resp.result == 0) {
                    setTimeout(() => {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!');
                        $('#error_message').text(resp.mensaje);
                        $('#error').show();
                    }, 2000);
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingModal').modal('hide')
                }, 2000);
            });
    }

    function desactEjer(estatus, id) {
        $('#idEjercicio').val(id);
        $('#modalCierreEjercicio').modal('show');
    }

    function guardarCierreEjercicio() {
        //  if (estatus == 1) {
        //         var title = '¿Estas seguro de abrir el ejercicio?'
        //         var text = 'Esta acción permitirá crear periodos dentro de este ejercicio'
        //     } else {
        var title = '¿Estas seguro de cerrar el ejercicio?'
        var text = 'Esta acción cerrar todos los periodos de este ejercicio'
        // }
        Swal.fire({
            icon: 'warning',
            title: title,
            text: text,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Si, hazlo'
        }).then((result) => {
            if (result.value) {

                $('#loadingLoad').modal('show')
                $.ajax({
                    url: "{{ url('cont/parametros/cierre_ejercicio')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        ejercicio: $('#idEjercicio').val(),
                        cuentaResultados: $('#cuentaResultados').val(),
                    },
                    beforeSend: () => {
                        $("#loadingModal").modal("show");
                    },
                    success: (res, _, jqXHR) => {
                        setTimeout(() => {
                            $("#loadingModal").modal("hide")

                            console.log(jqXHR.status);
                            if (jqXHR.status == 500) {
                                noContentMessageOptions.text = res.message;
                                Swal.fire(noContentMessageOptions);
                                return false;
                            }
                            workDoneMessage.text = res.message;
                            Swal.fire(workDoneMessage);


                            let link = document.createElement('a');
                            link.href = res.url;
                            link.download = res.filename;

                            link.click();
                            link.remove();

                            $('#tableEjercicios').DataTable().ajax.reload();
                            $('#tablePeriodos').DataTable().ajax.reload();
                            $('#modalCierreEjercicio').modal('hide');

                        }, 2000);
                    },
                    error: (error) => {
                        setTimeout(() => {
                            $("#loadingModal").modal("hide")
                            ajaxErrorMessage.text = error.responseJSON.message;
                            Swal.fire(ajaxErrorMessage);
                        }, 500);
                    }
                });
            }
        });
    }

        function abrirPdf(tipo) {
            var id = $('#id_pdf_poliza_hidden').val();
            if (tipo == 1) {
                $('#modalVerPdf').modal('show');
            } else if (tipo == 2) {
                // window.open("{{asset('archivos/PDFs/Polizas/Poliza_')}}" + id + '.pdf')
                // location.reload();
                window.open("{{url('contabilidad/polizascon/imprimir')}}/" + id);

                $('#modalVerPdf').modal('hide');
            }
        }

        //ASIGNACION DE CUENTAS

        var arrCuentas = @json($data['cuentas']);

        function loadCuentas() {
            $('#loadingModal').modal('show');

            setTimeout(() => {
                $('#loadingModal').modal('hide');
                $.each(arrCuentas, function(index, value) {
                    $('.CC').append('<option value="' + value.id + '" descripcion="' + value.descripcion + '">(' + value.cuenta + ') ' + value.descripcion + '</option>');
                });

                fetchCuentasFromBackend();
            }, 3000);
        }

        function fetchCuentasFromBackend() {
            $.ajax({
                    url: "{{ url('cont/parametros/get_cuentas')}}",
                    type: 'POST',
                    dataType: 'json',
                })
                .done(function(resp) {
                    $.each(resp.data, function(key, value) {
                        $('#' + value['descripcion'] + 'Cuenta').val(value['id_cuenta']);
                    });
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    setTimeout(() => {
                        $('#loadingModal').modal('hide');

                    }, 2000);

                });
        }

        // function setCuenta(tipo, id, idInput) {
        //     if (id == '') {
        //         return false;
        //     }
        //     $.ajax({
        //             url: "{{ url('cont/parametros/get_cuenta')}}",
        //             type: 'POST',
        //             dataType: 'json',
        //             data: {
        //                 id: id
        //             }
        //         })
        //         .done(function(resp) {
        //             i = 1;
        //             for (i; i <= 23; i++) {
        //                 if (tipo == "G" + i + "N") {
        //                     $('#G' + i + 'DesCuenta').text(resp.data['descripcion'])
        //                     break;
        //                 }
        //                 if (tipo == "P" + i + "N") {
        //                     $('#P' + i + 'DesCuenta').text(resp.data['descripcion'])
        //                     break;
        //                 }
        //                 if (tipo == "C" + i + "N") {
        //                     $('#C' + i + 'DesCuenta').text(resp.data['descripcion'])
        //                     break;
        //                 }
        //             }

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

        // }

        function guardarAsignacion() {
            var cuentasasignadas = new Array;
            $('.CC').each(function() {
                var selectedOption = $(this).find('option:selected');
                if (selectedOption.val() !== '') {
                    var dat = {
                        descripcion: $(this).attr('id').split('Cuenta')[0],
                        idcuenta: selectedOption.val(),
                        descripcioncuenta: selectedOption.attr('descripcion'),
                    };
                    cuentasasignadas.push(dat);
                }
            });

            $('#loadingModal').modal('show');
            $.ajax({
                    url: "{{ url('cont/parametros/save_cuentas')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        cuentasasignadas: cuentasasignadas
                    }
                })
                .done(function(resp) {
                    console.log(resp.data)
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }, 2000);
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                    setTimeout(() => {
                        $('#loadingModal').modal('hide');
                    }, 2000);
                });

        }

        function limpiarAsignacion() {
            $('.CC').val('')
            $('.DCC').text('')

        }
        // NIVELES DE CUENTAS 
        function setChar() {
            $('.input').removeAttr('disabled');
        }

        function generarCadena(a) {
            if (a.length == 0) {
                $('#ejemploestructura').text('');

            }
            var a = a - 1;
            var char = $('#caracter').val();
            for (var i = 0; a >= i; i++) {
                var numero = '9';
                var texto = $('#ejemploestructura').text();
                var txt = texto + numero;
                $('#ejemploestructura').text(txt);
                if (a == i) {
                    $('#ejemploestructura').text(txt + char);
                }
            }
        }

        function a() {
            const estructura = $('#ejemploestructura').text();
            const estructura2 = estructura.substring(0, estructura.length - 1);
            $('#ejemploestructura').text(estructura2);
        }

        function limpiarNiveles() {
            $('#nivel_1').val('');
            $('#nivel_2').val('');
            $('#nivel_3').val('');
            $('#nivel_4').val('');
            $('#nivel_5').val('');
            $('#ejemploestructura').text('');
            $('.filled').removeClass('is-filled')
        }

        function guardarNiveles() {
            var id = $('#idNivelesHidden').val();
            var nivel_1 = $('#nivel_1').val();
            var nivel_2 = $('#nivel_2').val();
            var nivel_3 = $('#nivel_3').val();
            var nivel_4 = $('#nivel_4').val();
            var nivel_5 = $('#nivel_5').val();
            var caracter = $('#caracter').val();

            const estr = $('#ejemploestructura').text();
            const estructura = estr.substring(0, estr.length - 1);

            var longitud = estructura.length;
            $('#ejemploestructura').text(estructura);
            if (nivel_1 == '' || caracter == '') {
                // showNotification('error', 'top', 'center', 'danger', 'Debes ingresar toda la información', '¡ERROR!');

                $('#error_message').text('Debes ingresar toda la información');
                $('#error').show();
                return false;
            }
            if (estructura.length > 20) {
                // showNotification('error', 'top', 'center', 'danger', 'Cadena de niveles demasiada larga', '¡ERROR!')

                $('#error_message').text('Cadena de niveles demasiada larga');
                $('#error').show();
                return false;
            }
            $.ajax({
                    url: "{{ url('cont/parametros/save_niveles')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        nivel_1: nivel_1,
                        nivel_2: nivel_2,
                        nivel_3: nivel_3,
                        nivel_4: nivel_4,
                        nivel_5: nivel_5,
                        estructura: estructura,
                        caracter: caracter,
                        longitud: longitud

                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();


                    } else {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

        }

        function loadNiveles() {
            $.ajax({
                    url: "{{ url('cont/parametros/get_niveles')}}",
                    type: 'POST',
                    dataType: 'json',

                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!')
                        $('#error_message').text(resp.mensaje);
                        $('#error').show();
                    } else {
                        console.log(resp.data)
                        $('#idNivelesHidden').val(resp.data['id']);
                        $('#caracter').val(resp.data['caracter']);
                        $('#nivel_1').val(resp.data['nivel_1']);
                        $('#nivel_2').val(resp.data['nivel_2']);
                        $('#nivel_3').val(resp.data['nivel_3']);
                        $('#nivel_4').val(resp.data['nivel_4']);
                        $('#nivel_5').val(resp.data['nivel_5']);
                        $('#ejemploestructura').text(resp.data['estructura']);
                        $('.filled').addClass('is-filled');
                        $('#cuenta_inicial').attr('maxlength', $('#nivel_1').val())
                        $('#cuenta_final').attr('maxlength', $('#nivel_1').val())

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

        }

        // TIPOS DE CUENTAS
        function loadTiposCuentas() {
            $('#tableTiposCuentas').dataTable().fnDestroy();
            $('#tableTiposCuentas').DataTable({
                "scrollX": true,
                ajax: {
                    url: "{{url('cont/parametros/get_tiposcuentas')}}",
                    type: "POST",
                },
                columns: [{
                        data: "nivel"
                    },
                    {
                        data: "descripcion"
                    },
                    {
                        data: "sub_nivel"
                    },
                    {
                        data: "descripcion_subnivel"
                    },
                    {
                        data: "cuenta_inicial"
                    },
                    {
                        data: "cuenta_final"
                    },
                    {
                        data: "acciones"
                    },

                ],
                order: [
                    [0, "asc"]
                ],

            });

        }

        function nuevoTipoCuenta() {
            $('#modalNuevoTipoCuenta').modal('show');
            $('#titleModal').text('Agregar tipo de cuenta')
            limpiarModal();
        }

        function guardarTipoCuenta() {
            var id = $('#idTipoHidden').val();
            var nivel = $('#nivel').val();
            var sub_nivel = $('#sub_nivel').val();
            var descripcion = $('#descripcion').val();
            var descripcion_subnivel = $('#descripcion_subnivel').val();
            var cuenta_inicial = $('#cuenta_inicial').val();
            var cuenta_final = $('#cuenta_final').val();
            // var naturaleza = $('#naturaleza option:selected').val();
            // var naturaleza = $('#naturaleza option:selected').text();

            if (nivel == '' || sub_nivel == '' || descripcion == '' || cuenta_inicial == '' || cuenta_final == '') {
                // showNotification('error', 'top', 'center', 'danger', 'Debes ingresar la información obligatoria', '¡ERROR!');
                $('#error_message').text('Debes ingresar la información obligatoria');
                $('#error').show();
                return false;
            }
            if ((cuenta_inicial || cuenta_final).length != $('#nivel_1').val()) {
                // showNotification('error', 'top', 'center', 'danger', 'La longitud de la cuenta inicial o final no corresponde con la longitud del nivel 1.', '¡ERROR!');
                $('#error_message').text('La longitud de la cuenta inicial o final no corresponde con la longitud del nivel 1.');
                $('#error').show();
                return false;
            }
            if (cuenta_inicial > cuenta_final) {
                // showNotification('error', 'top', 'center', 'danger', 'El numero de cuenta inicial debe ser menor al de la cuenta final.', '¡ERROR!');
                $('#error_message').text('El numero de cuenta inicial debe ser menor al de la cuenta final.');
                $('#error').show();
                return false;
            }
            $.ajax({
                    url: "{{ url('cont/parametros/save_tipocuenta')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        nivel: nivel,
                        sub_nivel: sub_nivel,
                        descripcion: descripcion,
                        descripcion_subnivel: descripcion_subnivel,
                        cuenta_inicial: cuenta_inicial,
                        cuenta_final: cuenta_final,
                        // naturaleza: naturaleza,
                    },
                })
                .done(function(resp) {
                    console.log(resp);
                    if (resp.result == 1) {
                        $('#modalNuevoTipoCuenta').modal('hide');
                        limpiarModal();
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        $('#tableTiposCuentas').DataTable().ajax.reload();

                    } else if (resp.result == 2) {
                        $('#modalNuevoTipoCuenta').modal('hide');
                        limpiarModal();
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        $('#tableTiposCuentas').DataTable().ajax.reload();
                    } else if (resp.result == 3) {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!')
                        $('#error_message').text(resp.mensaje);
                        $('#error').show();

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

        function limpiarModal() {
            $('#idTipoHidden').val('');
            $('#nivel').val('');
            $('#sub_nivel').val('');
            $('#descripcion').val('');
            $('#descripcion_subnivel').val('');
            $('#cuenta_inicial').val('');
            $('#cuenta_final').val('');
            // $('#naturaleza').val(0);
            $('.filled').removeClass('is-filled')

        }

        function getTipocuenta(id) {
            $.ajax({
                    url: "{{ url('cont/parametros/get_tipocuenta')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,

                    },
                })
                .done(function(resp) {
                    $('#titleModal').text('Actualizar tipo cuenta');
                    $('#idTipoHidden').val(resp.data['id']);
                    $('#nivel').val(resp.data['nivel']);
                    $('#sub_nivel').val(resp.data['sub_nivel']);
                    $('#descripcion').val(resp.data['descripcion']);
                    $('#descripcion_subnivel').val(resp.data['descripcion_subnivel']);
                    $('#cuenta_inicial').val(resp.data['cuenta_inicial']);
                    $('#cuenta_final').val(resp.data['cuenta_final']);
                    // if (resp.data['naturaleza'] == 'Deudora') {
                    //     $('#naturaleza').val(2);;
                    // } else {
                    //     $('#naturaleza').val(1);;
                    // }
                    $('.filled').addClass('is-filled')

                    $('#modalNuevoTipoCuenta').modal('show');
                })

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

        function eliminarTipoCuenta(id) {
            Swal.fire({
                title: '¿Estás seguro de eliminar?',
                text: "Esta acción no es reversible",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, eliminado!'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                            url: "{{ url('cont/parametros/delete_tipocuenta')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                            },
                        })
                        .done(function(resp) {
                            $('#success_message').text(resp.mensaje);
                            $('#success').show();
                            $('#tableTiposCuentas').DataTable().ajax.reload();
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            console.log("complete");
                        });
                }
            })
        }

        // BANCOS
        function loadBancos() {

            //$('#').DataTable();
            $('#tableBancos').dataTable().fnDestroy();
            $('#tableBancos').DataTable({
                "scrollX": true,
                ajax: {
                    url: "{{url('cont/parametros/get_bancos')}}",
                    type: "POST",
                },
                columns: [{
                        data: "id"
                    },
                    {
                        data: "nombre"
                    },
                    {
                        data: "descripcion"
                    },
                    {
                        data: "moneda"
                    },
                    {
                        data: "cuenta"
                    },
                    {
                        data: "estatus"
                    },
                    {
                        data: "acciones"
                    },

                ],
                order: [
                    [0, "asc"]
                ],

            });

        }

        function guardarBanco() {
            var id = $('#idBancoHidden').val();
            var nombre = $('#nombre').val();
            var descripcion = $('#descripcionB').val();
            var id_moneda = $('#id_moneda option:selected').val();
            var id_cuenta = $('#id_cuenta option:selected').val();

            if (nombre == '' || descripcion == '' || id_moneda == '' || id_cuenta == '') {
                // showNotification('error', 'top', 'center', 'danger', 'Debes ingresar toda la información', '¡ERROR!');
                $('#error_message').text('Debes ingresar toda la información');
                $('#error').show();
                return false;
            }
            $.ajax({
                    url: "{{ url('cont/parametros/save_banco')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        nombre: nombre,
                        descripcion: descripcion,
                        id_moneda: id_moneda,
                        id_cuenta: id_cuenta,
                        estatus: 1,
                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        limpiarBanco();
                        $('#tableBancos').DataTable().ajax.reload();

                    } else {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        limpiarBanco();
                        $('#tableBancos').DataTable().ajax.reload();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

        }

        function limpiarBanco() {
            $('#id').val('');
            $('#nombre').val('');
            $('#descripcionB').val('');
            $('#id_moneda').val('');
            $('#id_cuenta').val('');
            $('.filled2').removeClass('is-filled');


        }

        function activarDes(id) {
            //console.log(val,id)
            var act_des = 0

            if ($('#actdes_' + id).prop('checked')) {
                act_des = 1
            } else {
                act_des = 0

            }
            $.ajax({
                    url: "{{ url('cont/parametros/update_banco')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        estatus: act_des,
                        id: id
                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

        }

        function editar(id) {
            $.ajax({
                    url: "{{url('cont/parametros/get_banco')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                    }
                })
                .done(function(resp) {
                    console.log("success");
                    if (resp.result == 1) {

                        $('#idBancoHidden').val(resp.data['id']);
                        $('#nombre').val(resp.data['nombre']);
                        $('#descripcionB').val(resp.data['descripcion']);
                        $('#id_moneda').val(resp.data['id_moneda']);
                        $('#id_cuenta').val(resp.data['id_cuenta']);

                        $('.filled2').addClass('is-filled');
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }

        function eliminarBanco(id) {
            Swal.fire({
                title: '¿Estás seguro de eliminar?',
                text: "Esta acción no es reversible",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, eliminado!'
            }).then((result) => {
                if (result.value) {
                    //$('#cargandoModal').modal()
                    $.ajax({
                            url: "{{url('cont/parametros/delete_banco')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                            }
                        })
                        .done(function(resp) {
                            console.log("success");
                            if (resp.result == 1) {
                                $('#success_message').text(resp.mensaje);
                                $('#success').show();
                                $('#tableBancos').DataTable().ajax.reload();

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

                }
            })
        }

        // MONEDAS
        function loadMonedas() {
            //$('#').DataTable();
            $('#tableMonedas').dataTable().fnDestroy();
            $('#tableMonedas').DataTable({
                "scrollX": true,
                ajax: {
                    url: "{{url('cont/parametros/get_monedas')}}",
                    type: "POST",
                },
                columns: [{
                        data: "id"
                    },
                    {
                        data: "nombre"
                    },
                    {
                        data: "descripcion"
                    },
                    {
                        data: "tipo_cambio"
                    },
                    {
                        data: "estatus"
                    },
                    {
                        data: "acciones"
                    },

                ],
                order: [
                    [0, "asc"]
                ],

            });

        }

        function guardarMoneda() {
            var id = $('#idMonedaHidden').val();
            var nombre = $('#nombre_moneda').val();
            var descripcion = $('#descripcion_moneda').val();
            var tipo_cambio = $('#tipocambio_moneda').val();

            if (nombre == '' || descripcion == '' || tipo_cambio == '') {
                // showNotification('error', 'top', 'center', 'danger', 'Debes ingresar toda la información', '¡ERROR!');
                $('#error_message').text('Debes ingresar toda la información');
                $('#error').show();
                return false;
            }
            $('#loadingModal').modal('show')
            $.ajax({
                    url: "{{ url('cont/parametros/save_moneda')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        nombre: nombre,
                        descripcion: descripcion,
                        tipo_cambio: tipo_cambio,
                        estatus: 1,
                    },
                })
                .done(function(resp) {
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        limpiarMoneda();
                        $('#tableMonedas').DataTable().ajax.reload();
                    }, 2000);

                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    setTimeout(() => {
                        $('#loadingModal').modal('hide')
                    }, 2000);
                });

        }

        function limpiarMoneda() {
            $('#id').val('');
            $('#nombre_moneda').val('');
            $('#descripcion_moneda').val('');
            $('#tipocambio_moneda').val('');
            $('.filledM').removeClass('is-filled');


        }

        function activarDesMoneda(id) {
            var act_des = 0
            if ($('#actdesM_' + id).prop('checked')) {
                act_des = 1
            } else {
                act_des = 0
            }
            $('#loadingLoad').modal('show');
            $.ajax({
                    url: "{{ url('cont/parametros/update_moneda')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        estatus: act_des,
                        id: id
                    },
                })
                .done(function(resp) {
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }, 2000);
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                    setTimeout(() => {
                        $('#loadingLoad').modal('hide');
                    }, 2000);
                });
        }

        function editarMoneda(id) {
            $.ajax({
                    url: "{{url('cont/parametros/get_moneda')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                    }
                })
                .done(function(resp) {
                    console.log("success");
                    $('#idMonedaHidden').val(resp.data['id']);
                    $('#nombre_moneda').val(resp.data['nombre']);
                    $('#descripcion_moneda').val(resp.data['descripcion']);
                    $('#tipocambio_moneda').val(resp.data['tipo_cambio']);
                    $('.filledM').addClass('is-filled');
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }

        function eliminarMoneda(id) {
            Swal.fire({
                title: '¿Estás seguro de eliminar?',
                text: "Esta acción no es reversible",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, eliminar'
            }).then((result) => {
                if (result.value) {
                    $('#loadingLoad').modal('show')
                    $.ajax({
                            url: "{{url('cont/parametros/delete_moneda')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                            }
                        })
                        .done(function(resp) {
                            console.log("success");
                            setTimeout(() => {
                                $('#tableMonedas').DataTable().ajax.reload();
                                $('#success_message').text(resp.mensaje);
                                $('#success').show();
                            }, 2000);
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            setTimeout(() => {
                                $('#loadingLoad').modal('hide')
                            }, 2000);
                        });

                }
            })
        }
        // TIPOS DE POLIZAS
        function loadTipoP() {
            //$('#').DataTable();
            $('#tableTipoP').dataTable().fnDestroy();
            $('#tableTipoP').DataTable({
                "scrollX": true,
                ajax: {
                    url: "{{url('cont/parametros/get_tiposP')}}",
                    type: "POST",
                },
                columns: [{
                        data: "tipo"
                    },
                    {
                        data: "descripcion"
                    },
                    {
                        data: "estatus"
                    },
                    {
                        data: "acciones"
                    },

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

        function guardarTipoP() {
            var id = $('#idTipoPHidden').val();
            var tipo = $('#tipoP').val();
            var descripcion = $('#descripcionP').val();
            var estatus = $('#estatusP option:selected').val();

            if (tipo == '' || descripcion == '') {
                // showNotification('error', 'top', 'center', 'danger', 'Debes ingresar toda la información', '¡ERROR!');
                $('#error_message').text('Debes ingresar toda la información');
                $('#error').show();
                return false;
            }
            $.ajax({
                    url: "{{ url('cont/parametros/save_tipoP')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        tipo: tipo,
                        descripcion: descripcion,
                        estatus: estatus,
                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        limpiarTipoP();
                        $('#tableTipoP').DataTable().ajax.reload();

                    } else {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        limpiarTipoP();
                        $('#tableTipoP').DataTable().ajax.reload();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

        }

        function limpiarTipoP() {
            $('#tipoP').val('');
            $('#descripcionP').val('');
            $('#estatusP').val('Activa');
            $('#idTipoPHidden').val('');

        }

        function activarDes(id) {
            //console.log(val,id)
            var act_des = 0

            if ($('#actdes_' + id).prop('checked')) {
                act_des = 1
            } else {
                act_des = 0

            }
            $.ajax({
                    url: "{{ url('cont/parametros/update_tipoP')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        estatus: act_des,
                        id: id
                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

        }

        function editar(id) {
            $.ajax({
                    url: "{{url('cont/parametros/get_tipoP')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                    }
                })
                .done(function(resp) {
                    console.log("success");
                    if (resp.result == 1) {

                        $('#idTipoPHidden').val(resp.data['id']);
                        $('#tipoP').val(resp.data['tipo']);
                        $('#descripcionP').val(resp.data['descripcion']);
                        $('#estatusP').val(resp.data['estatus']);
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }

        function eliminarTipoPoliza(id) {
            Swal.fire({
                title: '¿Estás seguro de eliminar?',
                text: "Esta acción no es reversible",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, eliminado!'
            }).then((result) => {
                if (result.value) {
                    $('#loadingLoad').modal('show');
                    $.ajax({
                            url: "{{url('cont/parametros/delete_tipoP')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                            }
                        })
                        .done(function(resp) {
                            console.log("success");
                            if (resp.result == 1) {
                                setTimeout(() => {
                                    $('#success_message').text(resp.mensaje);
                                    $('#success').show();
                                    $('#tableTipoP').DataTable().ajax.reload();
                                }, 2000);
                            } else {
                                setTimeout(() => {
                                    // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!')
                                    $('#error_message').text(resp.mensaje);
                                    $('#error').show();
                                }, 2000);
                            }
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            setTimeout(() => {
                                $('#loadingLoad').modal('hide');
                            }, 2000);
                        });

                }
            })
        }


        function loadConfiguracion() {
            $.ajax({
                    url: "{{url('cont/parametros/get_configuracion')}}",
                    type: 'POST',
                    dataType: 'json',
                })
                .done(function(resp) {

                    console.log(resp.data);

                    $.each(resp.data, function(index, value) {
                        $('#' + value['poliza']).val(value['id_tipopoliza'])
                        // $('#' + value['poliza']).selectpicker('refresh')
                    })
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    setTimeout(() => {
                        $('#loadingLoad').modal('hide');
                    }, 2000);
                });

        }

        function limpiarSeleccionados() {
            $('#poliza_ingreso').val('')
            // $('#poliza_ingreso').selectpicker('refresh')
            $('#poliza_pago').val('')
            // $('#poliza_pago').selectpicker('refresh')
            $('#poliza_clientes').val('')
            // $('#poliza_clientes').selectpicker('refresh')
            $('#poliza_proveedores').val('')
            // $('#poliza_proveedores').selectpicker('refresh')
            $('#poliza_diario').val('')
            // $('#poliza_diario').selectpicker('refresh')
        }

        function guardarConfiguracion() {

            var tipos_polizas = new Array;
            $('#poliza_ingreso').each(function() {
                data = {
                    id: $(this).attr('id_tabla'),
                    id_tipopoliza: $(this).find('option:selected').val(),
                    poliza: $(this).attr('descripcion_tabla'),
                    // vVisaPasajeroCM: $(this).attr('vVisaPasajeroCM'),
                }
                tipos_polizas.push(data)
            });

            $('#poliza_pago').each(function() {
                data = {
                    id: $(this).attr('id_tabla'),
                    id_tipopoliza: $(this).find('option:selected').val(),
                    poliza: $(this).attr('descripcion_tabla'),
                    // vVisaPasajeroCM: $(this).attr('vVisaPasajeroCM'),
                }
                tipos_polizas.push(data)
            });

            $('#poliza_clientes').each(function() {
                data = {
                    id: $(this).attr('id_tabla'),
                    id_tipopoliza: $(this).find('option:selected').val(),
                    poliza: $(this).attr('descripcion_tabla'),
                    // vVisaPasajeroCM: $(this).attr('vVisaPasajeroCM'),
                }
                tipos_polizas.push(data)
            });


            $('#poliza_proveedores').each(function() {
                data = {
                    id: $(this).attr('id_tabla'),
                    id_tipopoliza: $(this).find('option:selected').val(),
                    poliza: $(this).attr('descripcion_tabla'),
                    // vVisaPasajeroCM: $(this).attr('vVisaPasajeroCM'),
                }
                tipos_polizas.push(data)
            });

            $('#poliza_diario').each(function() {
                data = {
                    id: $(this).attr('id_tabla'),
                    id_tipopoliza: $(this).find('option:selected').val(),
                    poliza: $(this).attr('descripcion_tabla'),
                    // vVisaPasajeroCM: $(this).attr('vVisaPasajeroCM'),
                }
                tipos_polizas.push(data)
            });

            $('#loadingModal').modal('show');
            $.ajax({
                    url: "{{url('cont/parametros/save_configuracion')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        tipos_polizas: tipos_polizas,
                    }
                })
                .done(function(resp) {
                    setTimeout(() => {
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                    }, 2000);

                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    setTimeout(() => {
                        $('#loadingModal').modal('hide');
                    }, 2000);
                });
        }

        //FOLIOS

        function loadFolios() {
            //$('#').DataTable();
            $('#tableFolios').dataTable().fnDestroy();
            $('#tableFolios').DataTable({
                "scrollX": true,
                ajax: {
                    url: "{{url('cont/parametros/get_folios')}}",
                    type: "POST",
                },
                columns: [{
                        data: "tipo_poliza.descripcion"
                    },
                    {
                        data: "poliza"
                    },
                    {
                        data: "created_at"
                    },
                    {
                        data: "acciones"
                    },

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


        function nuevoFolio() {
            $('#modalNuevoFolio').modal('show');
            $('#titleModalFolio').text('Agregar folio contable')
            limpiarModalFolio();
        }

        function guardarFolio() {
            var id = $('#idFolioHidden').val();
            var poliza = $('#folio').val();
            var id_tipopoliza = $('#tipo_poliza option:selected').val();

            if (folio == '' || tipo_poliza == '') {
                $('#error_message').text('Debes ingresar la información obligatoria');
                $('#error').show();
                return false;
            }

            $.ajax({
                    url: "{{ url('cont/parametros/save_folio')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        poliza: poliza,
                        id_tipopoliza: id_tipopoliza,
                    },
                })
                .done(function(resp) {
                    if (resp.result == 1) {
                        $('#modalNuevoFolio').modal('hide');
                        $('#success_message').text(resp.mensaje);
                        $('#success').show();
                        $('#tableFolios').DataTable().ajax.reload();
                    } else {
                        $('#error_message').text(resp.mensaje);
                        $('#error').show();
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }

        function limpiarModalFolio() {
            $('#idFolioHidden').val('');
            $('#folio').val(0);
            $('#tipo_poliza').val(0).trigger('change');

        }

        function editarFolio(id) {
            $.ajax({
                    url: "{{ url('cont/parametros/get_folio')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,

                    },
                })
                .done(function(resp) {
                    $('#titleModal').text('Actualizar folio contable');
                    $('#idFolioHidden').val(resp.data['id']);
                    $('#folio').val(resp.data['poliza']);
                    $('#tipo_poliza').val(resp.data['id_tipopoliza']).trigger('change');
                    $('#modalNuevoFolio').modal('show');
                })

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

        function eliminarFolio(id) {
            Swal.fire({
                title: '¿Estás seguro de eliminar?',
                text: "Esta acción no es reversible",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, eliminado!'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                            url: "{{ url('cont/parametros/delete_folio')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                            },
                        })
                        .done(function(resp) {

                            if (resp.result == 1) {
                                $('#success_message').text(resp.mensaje);
                                $('#success').show();
                                $('#tableFolios').DataTable().ajax.reload();
                            } else {
                                $('#error_message').text(resp.mensaje);
                                $('#error').show();
                            }
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            console.log("complete");
                        });
                }
            })
        }
</script>
@endpush