@extends('layouts.app')
@section('title', 'Users')

@section('breadcrumb')
    <li class="breadcrumb-item active">Users</li>
@endsection

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <h1 class="page-title"><i class="bi bi-person-gear me-2"></i>System Users</h1>
    @hasrole('Super Admin')
    <a href="{{ route('users.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>Add User</a>
    @endhasrole
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 datatable">
            <thead class="table-light">
                <tr><th>Name</th><th>Email</th><th>Role</th><th>Status</th><th>Last Login</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @foreach($users as $user)
                <tr>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            <img src="{{ $user->avatar_url }}" class="rounded-circle" width="32" height="32" style="object-fit:cover">
                            <span class="fw-medium">{{ $user->name }}</span>
                        </div>
                    </td>
                    <td class="small">{{ $user->email }}</td>
                    <td><span class="badge bg-primary">{{ $user->roles->first()?->name ?? 'No Role' }}</span></td>
                    <td><span class="badge {{ $user->status === 'active' ? 'badge-active' : 'badge-suspended' }}">{{ ucfirst($user->status) }}</span></td>
                    <td class="small text-muted">{{ $user->last_login_at?->diffForHumans() ?? 'Never' }}</td>
                    <td>
                        @hasrole('Super Admin')
                        <div class="d-flex gap-1">
                            <a href="{{ route('users.edit', $user) }}" class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil"></i></a>
                            @if($user->id !== auth()->id())
                            <form method="POST" action="{{ route('users.destroy', $user) }}">
                                @csrf @method('DELETE')
                                <button type="button" class="btn btn-sm btn-outline-danger" data-confirm="Delete user {{ $user->name }}?">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                            @endif
                        </div>
                        @endhasrole
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $users->links('pagination::bootstrap-5') }}</div>
</div>
@endsection