<?= $this->include('themes/_commonPartialsBs/select2bs5') ?>
<?= $this->include('themes/_commonPartialsBs/datatables') ?>
<?= $this->include('themes/_commonPartialsBs/sweetalert') ?>
<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
<?= $this->extend('themes/vuexy/main/defaultlayout') ?>


<?= $this->section('content'); ?>
<!--Content Body-->
<div class="row" id="planning-rotativa-page">
    <div class="col-md-12">
        <div class="nav-tabs-shadow nav-align-top">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <button type="button"
                        class="nav-link active"
                        role="tab"
                        id="navs-top-align-rot-tab"
                        data-bs-toggle="tab"
                        data-bs-target="#prot-datatables-container-rot"><?= lang("Produccion.planning_rotativa") ?></button>
                </li>
                <li class="nav-item">
                    <button type="button"
                        class="nav-link"
                        role="tab"
                        id="navs-top-align-plana-tab"
                        data-bs-toggle="tab"
                        data-bs-target="#prot-datatables-container-plana"><?= lang("Produccion.planning_plana") ?></button>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane fade show active" id="prot-datatables-container-rot"  role="tabpanel">
                    <div class="accordion accordion-bordered mt-3" id="accordionPapelGramaje">
                        <div class="card accordion-item active">
                            <h2 class="accordion-header" id="headingOne">
                                <button type="button" class="accordion-button" data-bs-toggle="collapse"
                                    data-bs-target="#accordionPapelGramajeContainer" aria-expanded="false"
                                    aria-controls="accordionPapelGramajeContainer">
                                    <h4><?= lang("Produccion.papel_gramajes") ?></h4>
                                </button>
                            </h2>

                            <div id="accordionPapelGramajeContainer" class="accordion-collapse collapse show"
                                data-bs-parent="#accordionPapelGramaje">
                                <div class="accordion-body">
                                    <?= view("themes/vuexy/components/tables/planning_papel_gramaje_table.php", ["id" => "planning-papel-datatable"]) ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion accordion-bordered mt-3" id="accordionPlanningRotativa">
                        <div class="card accordion-item active">
                            <h2 class="accordion-header" id="headingOne">
                                <button type="button" class="accordion-button" data-bs-toggle="collapse"
                                    data-bs-target="#accordionPlanningRotativaContainer" aria-expanded="false"
                                    aria-controls="accordionPlanningRotativaContainer">
                                    <h4><?= lang("Produccion.planning_rotativa") ?></h4>
                                </button>
                            </h2>

                            <div id="accordionPlanningRotativaContainer" class="accordion-collapse collapse show"
                                data-bs-parent="#accordionPlanningRotativa">
                                <div class="accordion-body">
                                    <h6 id="papel-impresion-name-header" class="text-secondary "></h6>
                                    <?= view("themes/vuexy/components/tables/planning_rot_table.php", ["id" => "planning-rotativa-datatable"]) ?>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="prot-datatables-container-plana" role="tabpanel">
                    <div class="accordion accordion-bordered mt-3" id="accordionPapelPliego">
                        <div class="card accordion-item active">
                            <h2 class="accordion-header" id="headingOne">
                                <button type="button" class="accordion-button" data-bs-toggle="collapse"
                                    data-bs-target="#accordionPapelPliegoContainer" aria-expanded="false"
                                    aria-controls="accordionPapelPliegoContainer">
                                    <h4><?= lang("Produccion.papel_gramajes") ?></h4>
                                </button>
                            </h2>

                            <div id="accordionPapelPliegoContainer" class="accordion-collapse collapse show"
                                data-bs-parent="#accordionPapelPliego">
                                <div class="accordion-body">
                                    <?= view("themes/vuexy/components/tables/planning_papel_pliego_table.php", ["id" => "planning-pliego-datatable"]) ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion accordion-bordered mt-3" id="accordionPlanningPlana">
                        <div class="card accordion-item active">
                            <h2 class="accordion-header" id="headingOne">
                                <button type="button" class="accordion-button" data-bs-toggle="collapse"
                                    data-bs-target="#accordionPlanningPlanaContainer" aria-expanded="false"
                                    aria-controls="accordionPlanningPlanaContainer">
                                    <h4><?= lang("Produccion.planning_plana") ?></h4>
                                </button>
                            </h2>

                            <div id="accordionPlanningPlanaContainer" class="accordion-collapse collapse show"
                                data-bs-parent="#accordionPlanningPlana">
                                <div class="accordion-body">
                                    <h6 id="papel-impresion-name-plana-header" class="text-secondary "></h6>
                                    <?= view("themes/vuexy/components/tables/planning_plana_table.php", ["id" => "planning-plana-datatable"]) ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <!--//.card -->
</div>
<?= $this->endSection() ?>

<?= $this->section('css') ?>
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/formvalidation/dist/css/formValidation.min.css') ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.css') ?>" />
<?= $this->endSection() ?>

<?= $this->section("additionalExternalJs") ?>
<script type="module" src="<?= site_url("assets/js/safekat/pages/produccion/planning_rotativa/index.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/FormValidation.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js") ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.js') ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js") ?>"></script>
<?= $this->endSection() ?>