<?=$this->include('themes/_commonPartialsBs/datatables') ?>
<?= $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('Users.userList') ?></h3>
                    <?= anchor(route_to('newUser'), lang('Basic.global.addNew') . ' ' . lang('Users.user'), ['class' => 'btn btn-primary float-end']); ?>
                </div><!--//.card-header -->
                <div class="card-body">
                    <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>

                    <table id="tableOfUsers" class="table table-striped table-hover using-data-table"
                           style="width: 100%;">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th><?= lang('Users.firstName') ?></th>
                            <th><?= lang('Users.lastName') ?></th>
                            <th><?= lang('Users.email') ?></th>
                            <th><?= lang('Users.cliente') ?></th>
                            <th class="noFilter"><?= lang('Users.lastAccess') ?></th>
                            <th class="noFilter text-nowrap"><?= lang('Basic.global.Action') ?></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") ?>">
<?=$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 type="module" src="<?= site_url('assets/js/safekat/pages/users/list.js') ?>"></script>

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