<script src="<?= ruta_base() ?>public/assets/vue-the-mask.js"></script>
<style>
    .scroll1 {
        max-height: 500px;
        width: 100%;
        padding: 0px 5px 0 5px;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-color: rgba(103, 110, 117, 0.15) rgba(122, 128, 134, 0.05);
        scrollbar-width: thin;
    }
</style>
<div class="container">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">Configuración</h4>
            <ul class="breadcrumbs">
                <li class="nav-home">
                    <a href="<?= ruta_base() ?>">
                        <i class="flaticon-home"></i>
                    </a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="<?= url('configuracion') ?>">Configuración</a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item" id="submodulo">
                    Empresa
                </li>
            </ul>
        </div>
        <div class="row">
            <div class="col-12 col-md-2 scroll1">
                <div class="nav flex-column nav-pills nav-secondary nav-pills-no-bd nav-pills-icons" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <a class="nav-link active" data-toggle="pill" href="#empresa" role="tab" aria-controls="empresa" aria-selected="true">Empresa</a>
                    <a class="nav-link" role="tab" aria-selected="false" data-toggle="modal" data-target="#modal-categorias">Categorías</a>
                    <?php if ($wc_conf) : ?>
                        <a class="nav-link" role="tab" aria-selected="false" data-toggle="modal" data-target="#modal-wc">Woocommerce</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#sucursales" role="tab" aria-controls="sucursales" aria-selected="false" onclick="cargarModulo('sucursales', 'sucursales', 'Sucursales')">Sucursales</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#impuestos" role="tab" aria-controls="impuestos" aria-selected="false" onclick="cargarModulo('impuestos', 'impuestos', 'Impuestos')">Impuestos</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#ejercicios" role="tab" aria-controls="ejercicios" aria-selected="false" onclick="cargarModulo('ejercicios', 'ejercicios', 'Ejercicio fiscal')">Ejercicio Fiscal</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#tiposdedocumentos" role="tab" aria-controls="tiposdedocumentos" aria-selected="false" onclick="cargarModulo('tiposdedocumentos', 'tipodocumentos', 'Tipos de documentos')">Tipos de Documentos</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#series" role="tab" aria-controls="series" aria-selected="false" onclick="cargarModulo('series', 'series', 'Series')">Series</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#documentos" role="tab" aria-controls="documentos" aria-selected="false" onclick="cargarModulo('documentos', 'documentos', 'Documentos')">Documentos</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#correlativos" role="tab" aria-controls="correlativos" aria-selected="false" onclick="cargarModulo('correlativos', 'correlativos', 'Correlativos')">Correlativos</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#divisas" role="tab" aria-controls="divisas" aria-selected="false" onclick="cargarModulo('divisas', 'divisas', 'Divisas')">Divisas</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#metodospago" role="tab" aria-controls="metodospago" aria-selected="false" onclick="cargarModulo('metodospago', 'metodospago', 'Metodos de pago')">Métodos de Pago</a>
                    <?php endif; ?>
                    <a class="nav-link" data-toggle="pill" href="#md" role="tab" aria-controls="md" aria-selected="false" onclick="cargarModulo('md', 'DivisasMetodos', 'Divisas metodos')">Métodos / Divisas</a>
                    <a class="nav-link" data-toggle="pill" href="#bancos" role="tab" aria-controls="bancos" aria-selected="false" onclick="cargarModulo('bancos', 'banco', 'Bancos')">Bancos</a>
                    <a class="nav-link" data-toggle="pill" href="#cuentas" role="tab" aria-controls="cuentas" aria-selected="false" onclick="cargarModulo('cuentas', 'bancocuentas', 'Cuentas')">Cuentas</a>
                    <a class="nav-link" data-toggle="pill" href="#cuentasmd" role="tab" aria-controls="cuentasmd" aria-selected="false" onclick="cargarModulo('cuentasmd', 'cuentasmd', 'Cuentas Metodos')">Cuentas/Métodos/Divisas</a>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#impresoras" role="tab" aria-controls="impresoras" aria-selected="false" onclick="cargarModulo('impresoras', 'impresoras', 'Impresoras')">Impresoras</a>
                    <?php endif; ?>
                    <?php if ($_SESSION['user_data']['emp_id'] == 1) : ?>
                        <a class="nav-link" data-toggle="pill" href="#cajas" role="tab" aria-controls="cajas" aria-selected="false" onclick="cargarModulo('cajas', 'caja', 'Cajas')">Cajas</a>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-12 col-md-10">
                <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="empresa" role="tabpanel">
                        <?php require 'app/empresa/vista/index.php'; ?>
                    </div>
                    <div class="tab-pane fade" id="sucursales" role="tabpanel"></div>
                    <div class="tab-pane fade" id="metodospago" role="tabpanel"></div>
                    <div class="tab-pane fade" id="impuestos" role="tabpanel"></div>
                    <div class="tab-pane fade" id="ejercicios" role="tabpanel"></div>
                    <div class="tab-pane fade" id="divisas" role="tabpanel"></div>
                    <div class="tab-pane fade" id="series" role="tabpanel"></div>
                    <div class="tab-pane fade" id="documentos" role="tabpanel"></div>
                    <div class="tab-pane fade" id="correlativos" role="tabpanel"></div>
                    <div class="tab-pane fade" id="tiposdedocumentos" role="tabpanel"></div>
                    <div class="tab-pane fade" id="md" role="tabpanel"></div>
                    <div class="tab-pane fade" id="bancos" role="tabpanel"></div>
                    <div class="tab-pane fade" id="cuentas" role="tabpanel"></div>
                    <div class="tab-pane fade" id="cuentasmd" role="tabpanel"></div>
                    <div class="tab-pane fade" id="impresoras" role="tabpanel"></div>
                    <div class="tab-pane fade" id="cajas" role="tabpanel"></div>
                </div>
                <?php include 'modal_categorias.php' ?>
                <?php include 'modal_wc.php' ?>
            </div>
        </div>
    </div>
</div>
<script>
    function cargarModulo(id, controlador, nombre) {
        document.getElementById('submodulo').innerHTML = nombre;
        document.getElementById(id).innerHTML = '<div class="d-flex justify-content-center"><div class="mt-5 loader loader-lg loader-info text-center"></div></div>';
        axios.get(controlador).then(response => {
            //let contenedor = document.getElementById(id);
            //contenedor.innerHTML = response.data;
            $('#' + id).html(response.data);
        }).catch(e => notificacion());
    }
</script>
