@extends('admin.layouts.app')
@section('title', 'Users')
@section('content')
<h4 class="fw-bold mb-4">Users</h4>
<div class="card border-0 shadow-sm" style="border-radius:16px;">
    <div class="card-body p-0">
        <table class="table align-middle mb-0">
            <thead style="background:var(--purple-bg);"><tr><th class="ps-4">Name</th><th>Email</th><th>Role</th><th>Joined</th></tr></thead>
            <tbody>
                @foreach($users as $user)
                    <tr>
                        <td class="ps-4 fw-bold">{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td><span class="badge {{ $user->role === 'admin' ? 'bg-primary' : 'bg-secondary' }} rounded-pill px-3">{{ ucfirst($user->role) }}</span></td>
                        <td>{{ $user->created_at->format('M d, Y') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
{{ $users->links() }}
@endsection