@extends('layouts.app')

@section('title', 'Users')

@section('content')
<x-page-header title="Users" subtitle="Manage dashboard access" icon="users" icon-color="violet">
    <x-slot:actions>
        @if (auth()->user()->hasAction('users.create'))
            <a href="{{ route('users.create') }}" class="btn-primary btn-sm">
                <x-icon name="plus" class="w-4 h-4" />
                Add User
            </a>
        @endif
    </x-slot:actions>
</x-page-header>

<div class="table-wrap">
    <div class="overflow-x-auto md:overflow-visible">
        <table class="data-table responsive-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Department</th>
                    <th>Role</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $user)
                    <tr>
                        <td data-label="Name">
                            <span class="inline-flex items-center gap-2 font-medium">
                                <span class="icon-box-violet !h-7 !w-7">
                                    <x-icon name="user" class="w-3.5 h-3.5" />
                                </span>
                                {{ $user->name }}
                            </span>
                        </td>
                        <td data-label="Email" class="text-slate-400 break-all">{{ $user->email }}</td>
                        <td data-label="Department">
                            @if ($user->department)
                                <span class="badge-info">{{ $user->department->name }}</span>
                            @else
                                <span class="text-themed-muted">—</span>
                            @endif
                        </td>
                        <td data-label="Role">
                            @php
                                $roleSlug = $user->role;
                                $roleClass = match ($roleSlug) {
                                    'admin' => 'badge-info',
                                    'manager' => 'badge-warning',
                                    default => 'badge-neutral',
                                };
                            @endphp
                            <span class="{{ $roleClass }}">{{ $user->roleModel?->name ?? ucfirst($roleSlug) }}</span>
                        </td>
                        <td data-label="" class="td-actions">
                            <a href="{{ route('users.edit', $user) }}" class="btn-ghost btn-sm text-teal-600">
                                <x-icon name="edit" class="w-4 h-4" />
                                Edit
                            </a>
                            @if (auth()->user()->hasAction('users.delete') && $user->id !== auth()->id())
                                <form method="POST" action="{{ route('users.destroy', $user) }}" class="inline" onsubmit="return confirm('Delete this user?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn-danger btn-sm">
                                        <x-icon name="trash" class="w-4 h-4" />
                                        Delete
                                    </button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection