{{define "content"}}
<div class="">
    <main class="page active">
        <div class="card card-app">
            <div class="card-body">
                <h1 class="h3 mb-3 font-weight-normal">List Users</h1>
                <table id="tbUsers" class="table table-striped table-responsive">
                    <thead>
                        <tr>
                            <th scope="col">Login Date</th>
                            <th scope="col">Login As</th>
                            <th scope="col">Full Name</th>
                            <th scope="col">Email</th>
                            <th scope="col">IP Address</th>
                        </tr>
                    </thead>
                </table>
            </div>
    </main>
</div>

<script>
   
    document.addEventListener("DOMContentLoaded", function (e) {
        new DataTable("#tbUsers", {
            ajax: {
                url: "/admin/get-login-logs",
                fetch: (url, options) => fetch(url, {
                    ...options,
                    credentials: "same-origin",
                    headers: {
                        "Content-Type": "application/json",
                        "Accept": "application/json",
                        "X-Requested-With": "XMLHttpRequest",
                        "X-CSRF-Token": "{{.CSRF}}"
                    }
                })
            },

            columns: [
                { data: "Login_date" },
                { data: "login_as" },
                { data: "full_name" },
                { data: "email" },
                { data: "ip_address" }
            ],
            columnDefs: [
                {
                    target: 4, orderable: false, searchable: false
                }
            ]
        });


    });
{{end}}