<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/configuration_index'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Configuration</a></p><br>
        <h2>Log Pengguna</h2>
        <?= $this->session->flashdata('success'); //to display success message 
        ?>
        <?= $this->session->flashdata('result'); //to display result message 
        ?>
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->

<section>
    <p>
        <select id="filterByUser" onchange="filterByUser()">
            <option class="form-control" value="">Tampilkan Semua Pengguna</option>
            <?php foreach ($users as $user) : ?>
                <option value="<?= $user->id; ?>"><?= $user->name; ?></option>
            <?php endforeach; ?>
        </select>
    </p>

    <script>
        function filterByUser() {
            var selectedUserId = document.getElementById("filterByUser").value;
            window.location.href = '<?= base_url('admin/user/filterByUser/'); ?>' + selectedUserId;
        }
    </script>
    <div class="table-responsive">
        <table id="tabellog" class="table table-striped">
            <thead>
                <tr>
                    <th>Log ID</th>
                    <th>Waktu</th>
                    <th>User</th>
                    <th>Aktifitas</th>
                </tr>
            </thead>
            <tbody>
                <?php if (count($logs)) : ?>
                    <?php foreach ($logs as $log) : ?>

                        <tr>
                            <td><?= $log->id; ?></td>
                            <td><?= $log->time; ?></td>
                            <td><?= $log->user_name; ?></td>
                            <td><?= $log->activity; ?></td>
                        </tr>




                    <?php endforeach; ?>
                <?php else : ?>
                    <tr>
                        <td colspan="3">Kami tidak dapat menemukan log apa pun.</td>
                    </tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</section>

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css">
<script>
    $('#tabellog').DataTable({
        "ordering": true,
        dom: 'Bfrtip',
        buttons: [{
                extend: 'excelHtml5',
                title: 'Log Activity <?php echo (isset($_SESSION['startProduk'])) ? $_SESSION['startProduk'] . " - " . $_SESSION['endProduk'] : ""  ?>'
            },
            {
                extend: 'pdfHtml5',
                title: 'Log Activity <?php echo (isset($_SESSION['startProduk'])) ? $_SESSION['startProduk'] . " - " . $_SESSION['endProduk'] : ""  ?>'
            },
            {
                extend: 'print',
                title: 'Log Activity <?php echo (isset($_SESSION['startProduk'])) ? $_SESSION['startProduk'] . " - " . $_SESSION['endProduk'] : ""  ?>'
            }
        ]
    });
</script>