@extends('layouts.app', ['activePage' => 'contabilidad', 'menuParent' => 'contabilidad', 'titlePage' => __('Contabilidad')])

@section('content')

<div class="content">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-primary card-header-icon">
                        <div class="card-icon ">
                            <i class="material-icons">align_vertical_bottom</i>
                        </div>
                        <h4 class="card-title">Parámetros</h4>
                    </div>
                    <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="card-header card-header-primary card-header-icon">
                                            <div class="card-icon ">
                                                <i class="material-icons">edit_calendar</i>
                                            </div>
                                            <h4 class="card-title">Ejercicios</h4>
                                        </div>

                                        <div class="col-md-12 card-body mt-2 p-0">
                                            <div class="row" >
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Ejercicio:</label>
                                                        <select id="id_ejercicio_filtro" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" 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="material-datatables">
                                                <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 class="container col-md-5 card ">
                                        <div class="card-header card-header-primary card-header-icon">
                                            <div class="card-icon ">
                                                <i class="material-icons">edit_calendar</i>
                                            </div>
                                            <h4 class="card-title">Periodos</h4>
                                        </div>

                                        <div class="col-md-12 card-body mt-2 p-0">
                                            <div class="row" >
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Periodo:</label>
                                                        <select id="id_periodo_filtro" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" 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="material-datatables">
                                                <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>
                            <!-- 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" 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('js')

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





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

    function loadPeriodos() {
        $('#tablePeriodos').dataTable().fnDestroy();
        $('#tablePeriodos').DataTable({
            "scrollX": true,
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{route('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) {
                if (resp.result == 1) {
                    setTimeout(() => {
                        showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                        $('#modalNuevoPeriodo').modal('hide');
                        $('#tablePeriodos').DataTable().ajax.reload();
                    }, 2000);
                } else if (resp.result == 2) {
                    setTimeout(() => {
                        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                        $('#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,
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{route('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(() => {
                        showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                        $('#modalNuevoEjercicio').modal('hide');
                        $('#tableEjercicios').DataTable().ajax.reload();
                    }, 2000);
                } else if (resp.result == 2) {
                    setTimeout(() => {
                        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                        $('#modalNuevoEjercicio').modal('hide');
                        $('#tableEjercicios').DataTable().ajax.reload();
                    }, 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!');

            showNotification('error', 'top', 'center', 'warning', '¡ADVERTENCIA!', 'El nivel 1 debe ser mayor a 0')
            return false;
        }
        if (estructura.length > 20) {
            // showNotification('error', 'top', 'center', 'danger', 'Cadena de niveles demasiada larga', '¡ERROR!')

            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Cadena de niveles demasiada larga')
            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) {
                    setTimeout(() => {
                        showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                        $('#modalNuevoNivel').modal('hide');
                        $('#tableNiveles').DataTable().ajax.reload();
                    }, 2000);
                } else if (resp.result == 2) {
                    setTimeout(() => {
                        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                        $('#modalNuevoNivel').modal('hide');
                        $('#tableNiveles').DataTable().ajax.reload();
                    }, 2000);
                }
            })
            .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', '¡ERROR!', resp.mensaje)
                } 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', '¡ERROR!', 'Debes ingresar la información obligatoria')
            return false;
        }
        if ((cuenta_inicial || cuenta_final).length != $('#nivel_1').val()) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'La longitud de la cuenta inicial o final no corresponde con la longitud del nivel 1.')
            return false;
        }
        if (cuenta_inicial > cuenta_final) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'El numero de cuenta inicial debe ser menor al de la cuenta final.')
            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();
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                    $('#tableTiposCuentas').DataTable().ajax.reload();

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

                }
            })
            .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) {
                        showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                        $('#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', '¡ERROR!', 'Debes ingresar toda la información')
            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) {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                    limpiarBanco();
                    $('#tableBancos').DataTable().ajax.reload();

                } else {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                    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) {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                }
            })
            .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) {
                            showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                            $('#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', '¡ERROR!', 'Debes ingresar toda la información')
            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(() => {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                    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(() => {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                }, 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();
                            showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                        }, 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', '¡ERROR!', 'Debes ingresar toda la información')
            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) {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                    limpiarTipoP();
                    $('#tableTipoP').DataTable().ajax.reload();

                } else {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                    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) {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                }
            })
            .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', '¡ERROR!', resp.mensaje)
                            }, 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 == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar la información obligatoria')
            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 {
                    showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!');
                }
            })
            .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 {
                            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);
                        }
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
            }
        })
    }
</script>
@endpush