@extends('layouts.app')
@section('title', __('Accounts'))

@section('content')
<div>
    <form method="GET" class="mb-4 flex flex-wrap items-end gap-2">
        <div>
            <label class="label">{{ __('Search') }}</label>
            <input type="text" name="q" value="{{ $q }}" class="input !w-64" placeholder="{{ __('Search by name or email') }}">
        </div>
        <button class="btn-secondary">{{ __('Filter') }}</button>
    </form>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50">
                <tr>
                    <th class="th">{{ __('Name') }}</th>
                    <th class="th">{{ __('Email') }}</th>
                    <th class="th">{{ __('Tenant') }}</th>
                    <th class="th">{{ __('Role') }}</th>
                    <th class="th">{{ __('Status') }}</th>
                    <th class="th"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($users as $user)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $user->name }}
                            <span class="block text-xs text-slate-400">{{ $user->position ?: $user->email }}</span>
                        </td>
                        <td class="td">{{ $user->email }}</td>
                        <td class="td">{{ $user->tenant?->name ?? '—' }}</td>
                        <td class="td">{{ $user->roles->pluck('name')->join(', ') ?: '—' }}</td>
                        <td class="td">
                            <span class="badge {{ $user->is_active ? 'bg-brand-100 text-brand-700' : 'bg-red-100 text-red-700' }}">
                                {{ $user->is_active ? __('Active') : __('Inactive') }}
                            </span>
                        </td>
                        <td class="td text-right">
                            <a href="{{ route('saas.users.edit', $user) }}" class="text-brand-600 hover:underline">{{ __('Edit') }}</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No accounts.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $users->links() }}</div>
</div>
@endsection