@extends('layouts/contentNavbarLayout')

@section('title', 'Admin - User Management')

@section('content')
  <h4 class="py-3 mb-4">
    <span class="text-muted fw-light">Admin /</span> Users
  </h4>

  <div class="card">
    <h5 class="card-header">Users List</h5>
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Roles</th>
            <th>Joined At</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
          @foreach($users as $user)
            <tr>
              <td><strong>{{ $user->name }}</strong></td>
              <td>{{ $user->email }}</td>
              <td>
                @foreach($user->roles as $role)
                  <span class="badge bg-label-primary me-1">{{ $role->name }}</span>
                @endforeach
              </td>
              <td>{{ $user->created_at->format('d M Y') }}</td>
              <td>
                <div class="dropdown">
                  <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i
                      class="ti ti-dots-vertical"></i></button>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="javascript:void(0);"><i class="ti ti-pencil me-1"></i> Edit</a>
                    <a class="dropdown-item" href="javascript:void(0);"><i class="ti ti-trash me-1"></i> Delete</a>
                  </div>
                </div>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <div class="card-footer">
      {{ $users->links() }}
    </div>
  </div>
@endsection