@extends('dashboard.layout')
@section('title','المستخدمون (الطاقم)')

@section('content')
<div class="card card-dark p-3">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <h2 class="h6 m-0">المستخدمون</h2>
  </div>

  <div class="table-responsive-stack">
    <table class="table align-middle mb-0">
      <thead><tr><th>#</th><th>الاسم</th><th>البريد</th><th>الدور</th><th>آخر دخول</th><th></th></tr></thead>
      <tbody>
      @forelse($users as $u)
        <tr>
          <td>{{ $u->id }}</td>
          <td class="fw-bold">{{ $u->name }}</td>
          <td>{{ $u->email }}</td>
          <td>{{ $u->role ?? 'admin' }}</td>
          <td>{{ $u->last_login_at?->format('Y-m-d H:i') ?? '—' }}</td>
          <td><a href="{{ route('dashboard.users.show',$u) }}" class="btn btn-sm btn-primary">عرض</a></td>
        </tr>
      @empty
        <tr><td colspan="6" class="text-muted">لا يوجد مستخدمون.</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
  <div class="mt-3">{{ $users->links() }}</div>
</div>
@endsection