@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
  <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" />
  <style>
    /* Smaller datatable styling */
    #dataTableExample {
      font-size: 0.85rem; /* Reduced font size */
    }
    
    #dataTableExample th,
    #dataTableExample td {
      padding: 0.4rem 0.75rem; /* Slightly reduced padding */
    }
    
    #dataTableExample thead th {
      background-color: #f8f9fa; /* Light grey header background */
      font-weight: 600;
      font-size: 0.8rem; /* Match body font size */
    }
    
    /* Make buttons more compact */
    .btn-sm {
      padding: 0.25rem 0.5rem;
      font-size: 0.75rem;
    }
    
    /* Adjust icons to match */
    .btn-sm i {
      width: 14px;
      height: 14px;
    }
  </style>
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Manage Users</a></li>
    <li class="breadcrumb-item active" aria-current="page">List all Users</li>
  </ol>
</nav>
<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
          <div class="col-6 d-flex justify-content-end" style="width: 100%;">
              <a href="/addUsers" id="add_cranes" class="btn btn-primary btn-sm" type="button">
                <i data-feather="plus"></i> Add Users
              </a>
          </div>
        <h6 class="card-title">List all Users</h6>
        <div class="table-responsive">
          <table id="dataTableExample" class="table table-sm"> <!-- Added table-sm class -->
              <thead class="table-light">  <!-- Light grey header -->                  
                <tr>
                      <th>No</th>
                      <th>Name</th>
                      <th>Username</th>
                      <th>Email</th>
                      <th>Role</th>
                      <th>Designation</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
                                    @foreach ($users as $user)
                      <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getRoleName() in /home/pbuild/public_html/oksb/resources/views/pages/users/userList.blade.php:71
Stack trace:
#0 {main}
  thrown in <b>/home/pbuild/public_html/oksb/resources/views/pages/users/userList.blade.php</b> on line <b>71</b><br />