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

<?= $this->section('content'); ?>
<div class="row">
    <div class="col-md-12">

        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title"><?= lang('Importador.importadorBubokTitle') ?></h3>
            </div><!--//.card-header -->

            <form id="catalogoLibroForm" class="card-body" method="post" action="#">
                <?= csrf_field() ?>

                <!-- card-body -->
                <div class="card-body">

                    <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label for="xmlFile"
                                class="form-label"><?= lang('Importador.subirArchivoBubok') ?? 'Subir archivo XML' ?></label>
                            <input type="file" id="xmlFile" accept=".xml" class="form-control">
                        </div>
                        <div class="col-md-4 mb-3 d-flex align-items-end">
                            <button type="button" id="importBtn" class="btn btn-success w-100">
                                <i class="fas fa-file-import me-2"></i> <?= lang('Importador.importar') ?? 'Importar' ?>
                            </button>
                        </div>

                        <div class="col-md-12 mb-3">

                            <table id="xmlTable" class="table">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" id="selectAll" /></th>
                                        <th>Referencia</th>
                                        <th>Título</th>
                                        <th>Tamaño</th>
                                        <th>Páginas</th>
                                        <th>Tirada</th>
                                        <th>Interior</th>
                                        <th>Notas</th>
                                        <th>Acciones</th>
                                    </tr>
                                    <tr>
                                        <th></th> <!-- No filtro para checkbox -->
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th> <!-- No filtro para notas -->
                                        <th></th> <!-- No filtro para acciones -->
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>

                        </div>

                    </div>

                </div>
            </form>

        </div><!--//.card-body -->
        <div class="card-footer">

        </div><!--//.card-footer -->
    </div><!--//.card -->
</div><!--//.col -->
</div><!--//.row -->

<?= $this->endSection() ?>



<?= $this->section('css') ?>
<link rel="stylesheet"
    href="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.css") ?>">
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.css') ?>" />
<?= $this->endSection() ?>


<?= $this->section('additionalExternalJs') ?>
<script
    src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/dataTables.buttons.min.js") ?>"></script>
<script
    src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.js") ?>"></script>
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.html5.min.js") ?>"></script>
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.print.min.js") ?>"></script>
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/jszip/jszip.min.js") ?>"></script>
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/pdfmake/pdfmake.min.js") ?>"
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/pdfmake/vfs_fonts.js") ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.js') ?>"></script>
<script type="module" src="<?= site_url("assets/js/safekat/pages/importadores/bubok/bubok_tool.js") ?>"></script>
<?= $this->endSection() ?>