<?= $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('Catalogo.listingPage') ?></h3>
                <?= anchor(route_to('catalogoLibrosAdd'), lang('Basic.global.addNew') . ' ' . lang('Catalogo.libro'), ['class' => 'btn btn-primary float-end']); ?>
            </div><!--//.card-header -->
            <div class="card-body">
                <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>

                <table id="tableOfCatalogoLibros" class="table table-striped table-hover" style="width: 100%;">
                    <thead>
                        <tr>
                            <th><?= lang('Catalogo.portada') ?></th>
                            <th><?= lang('Catalogo.id') ?></th>
                            <th><?= lang('Catalogo.titulo') ?></th>
                            <th><?= lang('Catalogo.cliente') ?></th>
                            <th><?= lang('Catalogo.edicion') ?></th>
                            <th><?= lang('Catalogo.autor') ?></th>
                            <th><?= lang('Catalogo.isbn') ?></th>
                            <th><?= lang('Catalogo.ean') ?></th>
                            <th><?= lang('Catalogo.paginas') ?></th>
                            <th class="text-nowrap" style="min-width: 85px;"><?= lang('Basic.global.Action') ?></th>
                        </tr>
                        <tr>
                            <th></th>
                            <th></th>
                            <th><input type="text" class="form-control filtro_catalogo" name="titulo"></th>
                            <th><input type="text" class="form-control filtro_catalogo" name="cliente"></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </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/catalogo/list.js") ?>"></script>
<?= $this->endSection() ?>