@extends('adminlte::page')

@section('title', 'Users')
@php($user_details_url = View::getSection('user_details_url') ?? config('adminlte.user_details_url', 'users'))

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Users List</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
                <li class="breadcrumb-item active">Users List</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <!-- User Table -->
    <form action="{{ $user_details_url }}" method="get">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h3 class="card-title">Here, you can easily manage user accounts by creating, viewing, and updating them.
                </h3>

                <button type="submit" class="btn bg-gradient-primary ml-auto" id="addUserBtn">Add New User</button>
                <input type="hidden" name="newForm" value="">

            </div>
            <div class="card-body">
                <table id="users_table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Full Name</th>
                            <th>Alias</th>
                            <th>Email</th>
                            <th>Username</th>
                            <th>Role</th>
                            <th>Status</th>
                            <th>Created By</th>
                            <th>Created Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                        <tr>
                            <td>1</td>
                            <td><a href="{{ $user_details_url }}">Rahul Swami</a></td>
                            <td>Swami R</td>
                            <td>rahul.swami@ranosys.com</td>
                            <td>rahul.swami</td>
                            <td>Admin</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>System</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Admin</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Alexander Morganh</td>
                            <td>09-11-2023</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td><a href="{{ $user_details_url }}">Alexander Morgan</a></td>
                            <td>Alex Stone</td>
                            <td>alexander.morgan@example.com</td>
                            <td>alexander.morgan</td>
                            <td>Approver</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>Jane Smith</td>
                            <td>15-04-2024</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Admin</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Rahul Swami</td>
                            <td>05-11-2023</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td><a href="{{ $user_details_url }}">Alexander Morgan</a></td>
                            <td>Alex Stone</td>
                            <td>alexander.morgan@example.com</td>
                            <td>alexander.morgan</td>
                            <td>Normal User</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>Jane Smith</td>
                            <td>19-05-2023</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Admin</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Alexander Morganh</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td><a href="{{ $user_details_url }}">Alexander Morgan</a></td>
                            <td>Alex Stone</td>
                            <td>alexander.morgan@example.com</td>
                            <td>alexander.morgan</td>
                            <td>Approver</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>Jane Smith</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Approver</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Alexander Morganh</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td><a href="{{ $user_details_url }}">Alexander Morgan</a></td>
                            <td>Alex Stone</td>
                            <td>alexander.morgan@example.com</td>
                            <td>alexander.morgan</td>
                            <td>Normal User</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>Jane Smith</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Admin</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Alexander Morganh</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td><a href="{{ $user_details_url }}">Alexander Morgan</a></td>
                            <td>Alex Stone</td>
                            <td>alexander.morgan@example.com</td>
                            <td>alexander.morgan</td>
                            <td>Approver</td>
                            <td class="text-center"><span class="badge bg-success"><i
                                        class="fas fa-duotone fa-solid fa-check" style="font-size: 11px;"></i></span></td>
                            <td>Jane Smith</td>
                            <td>24-12-2024</td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td><a href="{{ $user_details_url }}">Robert Johnson</a></td>
                            <td>Jone P</td>
                            <td>robert.johnson@example.com</td>
                            <td>robert.johnson</td>
                            <td>Normal User</td>
                            <td class="text-center"><span class="badge bg-danger"><i
                                        class="fas fa-duotone fa-solid fa-times" style="font-size: 14px;"></i></span></td>
                            <td>Alexander Morganh</td>
                            <td>24-12-2024</td>
                        </tr>
                        <!-- Add more static rows as needed -->
                    </tbody>
                </table>
            </div>
        </div>
    </form>
@endsection

@push('js')
    <!-- Include jQuery, AdminLTE JS, and DataTables JS -->
    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Initialize DataTable on the #users_table
            $('#users_table').DataTable({
                "paging": true,
                "lengthChange": false,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "responsive": true,
                "columnDefs": [{
                    "targets": [3, 5,
                    6], // Replace 0, 1 with the indexes of the columns you want to disable sorting for
                    "orderable": false
                }],
                "colReorder": true // Enables column reordering
            });

            // Temporary disabled datatable search, sorting and download excel button
            $('.dataTables_filter input').unbind().keyup(function(e) {
                // do nothing.   
            });
            $('.sorting_asc, .sorting_desc, .sorting').unbind().keyup(function(e) {
                // do nothing.
            });
            $('.buttons-excel').unbind().keyup(function(e) {
                // do nothing.
            });
        });
    </script>
@endpush