@extends('layouts.app')
@section('title', __('Workspace dashboard'))
@section('page-title', $tenant->name)
@section('page-subtitle', __('Workspace admin'))

@php
    $fmt   = fn ($v, $d = 0) => number_format((float) $v, $d, ',', ' ');
    $money = fn ($v) => number_format((float) $v, 2, ',', ' ').' '.$kpis['currency'];
    $pal   = \App\Services\Charting\ChartRenderer::PALETTE;
@endphp

@section('content')

{{-- ─── Suggestions strip ──────────────────────────────────────── --}}
@if(!empty($suggestions))
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mb-6">
        @foreach($suggestions as $s)
            @php
                $tone = match($s['level']) {
                    'danger' => 'border-rose-200 dark:border-rose-800/60 bg-rose-50/70 dark:bg-rose-900/20',
                    'warn'   => 'border-amber-200 dark:border-amber-800/60 bg-amber-50/70 dark:bg-amber-900/20',
                    default  => 'border-sky-200 dark:border-sky-800/60 bg-sky-50/70 dark:bg-sky-900/20',
                };
                $iconTone = match($s['level']) {
                    'danger' => 'text-rose-600 dark:text-rose-300 bg-rose-100 dark:bg-rose-900/40',
                    'warn'   => 'text-amber-600 dark:text-amber-300 bg-amber-100 dark:bg-amber-900/40',
                    default  => 'text-sky-600 dark:text-sky-300 bg-sky-100 dark:bg-sky-900/40',
                };
            @endphp
            <a href="{{ $s['href'] }}"
               class="flex items-start gap-3 rounded-2xl border {{ $tone }} p-4 hover:shadow-sm transition">
                <span class="shrink-0 w-9 h-9 rounded-lg flex items-center justify-center {{ $iconTone }}">
                    <x-icon name="{{ $s['icon'] }}" class="w-5 h-5"/>
                </span>
                <div class="min-w-0 flex-1">
                    <div class="text-sm font-semibold text-slate-900 dark:text-white truncate">{{ $s['title'] }}</div>
                    <div class="text-xs text-slate-600 dark:text-slate-400 mt-0.5">{{ $s['detail'] }}</div>
                    <div class="text-xs text-brand-600 dark:text-brand-300 mt-2 font-medium">
                        {{ $s['cta'] }} <span aria-hidden="true">→</span>
                    </div>
                </div>
            </a>
        @endforeach
    </div>
@endif

{{-- ─── Operational KPI strip ─────────────────────────────────── --}}
<div class="grid grid-cols-1 sm:grid-cols-3 gap-3 mb-6">
    {{-- Analyses --}}
    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Analyses') }}</div>
            <span class="w-7 h-7 rounded-lg bg-indigo-100 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200 flex items-center justify-center">
                <x-icon name="sparkles" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['analyses_month']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">
            {{ __('this month') }}
            @if(!is_null($kpis['analyses_delta']))
                @php $up = $kpis['analyses_delta'] >= 0; @endphp
                <span class="ms-1 font-medium {{ $up ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400' }}">
                    {{ $up ? '▲' : '▼' }} {{ $fmt(abs($kpis['analyses_delta']), 1) }}%
                </span>
            @endif
        </div>
        <div class="text-[11px] text-slate-400 mt-1 tabular-nums">
            {{ __('Lifetime') }}: <span class="font-semibold text-slate-600 dark:text-slate-300">{{ $fmt($kpis['analyses_lifetime']) }}</span>
            · <span class="text-emerald-600">{{ $kpis['analyses_done'] }} ✓</span>
            <span class="text-rose-600 ms-1">{{ $kpis['analyses_failed'] }} ✗</span>
        </div>
    </div>

    {{-- Submissions --}}
    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Submissions') }}</div>
            <span class="w-7 h-7 rounded-lg bg-violet-100 text-violet-700 dark:bg-violet-900/40 dark:text-violet-200 flex items-center justify-center">
                <x-icon name="inbox" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['submissions_month']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">
            {{ __('this month') }}
            @if(!is_null($kpis['submissions_delta']))
                @php $up = $kpis['submissions_delta'] >= 0; @endphp
                <span class="ms-1 font-medium {{ $up ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400' }}">
                    {{ $up ? '▲' : '▼' }} {{ $fmt(abs($kpis['submissions_delta']), 1) }}%
                </span>
            @endif
        </div>
        <div class="text-[11px] text-slate-400 mt-1 tabular-nums">
            {{ __('Lifetime') }}: <span class="font-semibold text-slate-600 dark:text-slate-300">{{ $fmt($kpis['submissions_lifetime']) }}</span>
            @if($kpis['pending_submissions'] > 0)
                · <a href="{{ route('tenant.submissions.index') }}" class="text-amber-600 dark:text-amber-400 font-semibold hover:underline">{{ $kpis['pending_submissions'] }} {{ __('pending') }}</a>
            @endif
        </div>
    </div>

    {{-- Awaiting action --}}
    <div class="card-pad">
        <div class="flex items-center justify-between">
            <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Awaiting action') }}</div>
            <span class="w-7 h-7 rounded-lg bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-200 flex items-center justify-center">
                <x-icon name="clock" class="w-4 h-4"/>
            </span>
        </div>
        <div class="mt-2 text-2xl font-bold tabular-nums">{{ $fmt($kpis['awaiting_review']) }}</div>
        <div class="text-[11px] text-slate-500 mt-0.5">{{ __('analyses to review') }}</div>
        <div class="text-[11px] text-slate-400 mt-1 tabular-nums">
            {{ __('Unpaid invoices') }}:
            @if($kpis['outstanding_count'] > 0)
                <a href="{{ route('tenant.user-invoices.index') }}" class="text-amber-600 dark:text-amber-400 font-semibold hover:underline whitespace-nowrap">
                    {{ $kpis['outstanding_count'] }} · {{ $money($kpis['outstanding_total']) }}
                </a>
            @else
                <span class="font-semibold text-slate-600 dark:text-slate-300">0</span>
            @endif
        </div>
    </div>
</div>

{{-- ─── Revenue grid ──────────────────────────────────────────── --}}
@php
    $unitPriceFmt = number_format((float) $kpis['unit_price'], 2, ',', ' ').' '.$kpis['currency'];
    $vatRateFmt   = rtrim(rtrim(number_format((float) $kpis['vat_rate'], 2, '.', ''), '0'), '.').' %';
@endphp

<div class="card mb-6 overflow-hidden">
    <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
        <div>
            <h2 class="font-semibold">{{ __('Revenue') }}</h2>
            <p class="text-xs text-slate-500">
                {{ __('Unit price') }}:
                <span class="font-mono tabular-nums text-slate-700 dark:text-slate-200">{{ $unitPriceFmt }}</span>
                · {{ __('VAT') }}: <span class="font-mono tabular-nums text-slate-700 dark:text-slate-200">{{ $vatRateFmt }}</span>
                @if($kpis['has_user_overrides'])
                    <span class="ms-2 text-amber-600 dark:text-amber-400" title="{{ __('Some users have a negotiated price that differs from the default.') }}">
                        ⚠ {{ __('per-user overrides apply') }}
                    </span>
                @endif
            </p>
        </div>
        <a href="{{ route('tenant.billing-settings.edit') }}" class="text-xs text-brand-600 hover:underline">{{ __('Edit pricing') }}</a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-slate-200/70 dark:divide-slate-800">

        {{-- Approved revenue --}}
        <div class="p-5">
            <div class="flex items-center justify-between">
                <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Approved revenue') }}</div>
                <span class="w-7 h-7 rounded-lg bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-200 flex items-center justify-center">
                    <x-icon name="check" class="w-4 h-4"/>
                </span>
            </div>
            <div class="mt-2 text-2xl font-bold tabular-nums whitespace-nowrap text-emerald-700 dark:text-emerald-300">
                {{ $money($kpis['approved_month']) }}
            </div>
            <div class="text-[11px] text-slate-500 mt-0.5">
                {{ __('this month') }}
                @if(!is_null($kpis['approved_delta']))
                    @php $up = $kpis['approved_delta'] >= 0; @endphp
                    <span class="ms-1 font-medium {{ $up ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400' }}">
                        {{ $up ? '▲' : '▼' }} {{ $fmt(abs($kpis['approved_delta']), 1) }}%
                    </span>
                @endif
            </div>
            <div class="text-[11px] text-slate-500 mt-2 font-mono tabular-nums">
                {{ $kpis['approved_count_month'] }} × {{ $unitPriceFmt }}{{ $kpis['has_user_overrides'] ? ' *' : '' }}
            </div>
            <div class="text-[11px] text-slate-400 mt-2 tabular-nums">
                {{ __('Lifetime') }}:
                <span class="font-semibold text-slate-600 dark:text-slate-300">{{ $money($kpis['approved_lifetime']) }}</span>
                <span class="text-slate-400">({{ $kpis['approved_count_lifetime'] }} {{ __('analyses') }})</span>
            </div>
        </div>

        {{-- Potential revenue --}}
        <div class="p-5">
            <div class="flex items-center justify-between">
                <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('Potential revenue') }}</div>
                <span class="w-7 h-7 rounded-lg bg-sky-100 text-sky-700 dark:bg-sky-900/40 dark:text-sky-200 flex items-center justify-center">
                    <x-icon name="trending-up" class="w-4 h-4"/>
                </span>
            </div>
            <div class="mt-2 text-2xl font-bold tabular-nums whitespace-nowrap text-sky-700 dark:text-sky-300">
                {{ $money($kpis['potential_month']) }}
            </div>
            <div class="text-[11px] text-slate-500 mt-0.5">
                {{ __('this month') }}
                @if(!is_null($kpis['potential_delta']))
                    @php $up = $kpis['potential_delta'] >= 0; @endphp
                    <span class="ms-1 font-medium {{ $up ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400' }}">
                        {{ $up ? '▲' : '▼' }} {{ $fmt(abs($kpis['potential_delta']), 1) }}%
                    </span>
                @endif
            </div>
            <div class="text-[11px] text-slate-500 mt-2 font-mono tabular-nums">
                {{ $kpis['potential_count_month'] }} × {{ $unitPriceFmt }}{{ $kpis['has_user_overrides'] ? ' *' : '' }}
            </div>
            <div class="text-[11px] text-slate-400 mt-2 tabular-nums">
                {{ __('Lifetime') }}:
                <span class="font-semibold text-slate-600 dark:text-slate-300">{{ $money($kpis['potential_lifetime']) }}</span>
                <span class="text-slate-400">({{ $kpis['potential_count_lifetime'] }} {{ __('analyses') }})</span>
            </div>
        </div>

        {{-- VAT collected --}}
        <div class="p-5">
            <div class="flex items-center justify-between">
                <div class="text-xs uppercase tracking-wider text-slate-500">{{ __('VAT collected') }}</div>
                <span class="w-7 h-7 rounded-lg bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/40 dark:text-fuchsia-200 flex items-center justify-center">
                    <x-icon name="receipt" class="w-4 h-4"/>
                </span>
            </div>
            <div class="mt-2 text-2xl font-bold tabular-nums whitespace-nowrap text-fuchsia-700 dark:text-fuchsia-300">
                {{ $money($kpis['vat_month']) }}
            </div>
            <div class="text-[11px] text-slate-500 mt-0.5">
                {{ __('this month') }}
                @if(!is_null($kpis['vat_delta']))
                    @php $up = $kpis['vat_delta'] >= 0; @endphp
                    <span class="ms-1 font-medium {{ $up ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400' }}">
                        {{ $up ? '▲' : '▼' }} {{ $fmt(abs($kpis['vat_delta']), 1) }}%
                    </span>
                @endif
            </div>
            <div class="text-[11px] text-slate-500 mt-2 font-mono tabular-nums">
                {{ $money($kpis['approved_month']) }} × {{ $vatRateFmt }}
            </div>
            <div class="text-[11px] text-slate-400 mt-2 tabular-nums">
                {{ __('Lifetime') }}:
                <span class="font-semibold text-slate-600 dark:text-slate-300">{{ $money($kpis['vat_lifetime']) }}</span>
            </div>
        </div>
    </div>

    @if($kpis['has_user_overrides'])
        <div class="px-6 py-2 border-t border-slate-200/70 dark:border-slate-800 bg-slate-50/60 dark:bg-slate-900/40 text-[11px] text-slate-500 dark:text-slate-400">
            * {{ __('Total reflects per-user negotiated prices — not a flat multiplication.') }}
        </div>
    @endif
</div>

{{-- ─── Main charts row ────────────────────────────────────────── --}}
<div class="grid lg:grid-cols-3 gap-6 mb-6">

    {{-- 14-day activity (spans 2 columns) --}}
    <div class="card overflow-hidden lg:col-span-2">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
            <div>
                <h2 class="font-semibold">{{ __('Last 14 days') }}</h2>
                <p class="text-xs text-slate-500">{{ __('Analyses created per day') }}</p>
            </div>
            @php $totalRecent = array_sum($recentChart['vals']); $peakRecent = max($recentChart['vals'] ?: [0]); @endphp
            <div class="flex items-center gap-5 text-xs">
                <div class="text-end">
                    <div class="text-[10px] uppercase tracking-wider text-slate-500 font-semibold">{{ __('Total') }}</div>
                    <div class="text-lg font-bold tabular-nums">{{ $fmt($totalRecent) }}</div>
                </div>
                <div class="text-end">
                    <div class="text-[10px] uppercase tracking-wider text-slate-500 font-semibold">{{ __('Peak') }}</div>
                    <div class="text-lg font-bold tabular-nums">{{ $fmt($peakRecent) }}</div>
                </div>
                <div class="text-end">
                    <div class="text-[10px] uppercase tracking-wider text-slate-500 font-semibold">{{ __('Avg') }}</div>
                    <div class="text-lg font-bold tabular-nums">{{ $fmt($totalRecent / 14, 1) }}</div>
                </div>
            </div>
        </div>
        <div class="p-6">
            @if($totalRecent === 0)
                <div class="py-12 text-center text-slate-500 text-xs">{{ __('No recent activity yet.') }}</div>
            @else
                <div class="overflow-x-auto">
                    {!! \App\Services\Charting\ChartRenderer::render('area', [[
                        'label'  => __('Analyses'),
                        'values' => $recentChart['vals'],
                    ]], [
                        'categories' => $recentChart['cats'],
                        'width'      => 760,
                        'height'     => 240,
                    ]) !!}
                </div>
            @endif
        </div>
    </div>

    {{-- Submission status donut --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h2 class="font-semibold">{{ __('Submission status') }}</h2>
            <p class="text-xs text-slate-500">{{ __('Active items in the inbox') }}</p>
        </div>
        <div class="p-4">
            @php
                $statusOrder = [
                    \App\Models\FileSubmission::STATUS_RECEIVED         => __('Received'),
                    \App\Models\FileSubmission::STATUS_SEEN             => __('Seen'),
                    \App\Models\FileSubmission::STATUS_ANALYSING        => __('Analysing'),
                    \App\Models\FileSubmission::STATUS_READY            => __('Ready'),
                    \App\Models\FileSubmission::STATUS_SENT             => __('Sent'),
                    \App\Models\FileSubmission::STATUS_OPENED           => __('Opened'),
                    \App\Models\FileSubmission::STATUS_EVALUATED_GOOD   => __('Approved'),
                    \App\Models\FileSubmission::STATUS_EVALUATED_BAD    => __('Rejected'),
                    \App\Models\FileSubmission::STATUS_EVALUATED_UPDATE => __('Update requested'),
                    \App\Models\FileSubmission::STATUS_FAILED           => __('Failed'),
                ];
                $donutSeries = [];
                foreach ($statusOrder as $st => $label) {
                    $v = (int) ($statusBreakdown[$st] ?? 0);
                    if ($v > 0) $donutSeries[] = ['label' => $label, 'value' => $v];
                }
                $donutTotal = array_sum(array_column($donutSeries, 'value'));
            @endphp
            @if($donutTotal === 0)
                <div class="py-12 text-center text-slate-500 text-xs">{{ __('Inbox is empty.') }}</div>
            @else
                <div class="flex items-center justify-center">
                    {!! \App\Services\Charting\ChartRenderer::render('donut', $donutSeries, [
                        'width' => 240, 'height' => 220,
                    ]) !!}
                </div>
                <ul class="mt-3 grid grid-cols-2 gap-x-3 gap-y-1 text-[11px]">
                    @foreach($donutSeries as $i => $row)
                        <li class="flex items-center justify-between gap-2">
                            <span class="flex items-center gap-1.5 min-w-0">
                                <span class="inline-block w-2 h-2 rounded-sm shrink-0" style="background-color: {{ $pal[$i % count($pal)] }}"></span>
                                <span class="truncate text-slate-600 dark:text-slate-300">{{ $row['label'] }}</span>
                            </span>
                            <span class="font-mono tabular-nums text-slate-500">{{ $row['value'] }}</span>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>
</div>

{{-- ─── Mid row: by type + top users ──────────────────────────── --}}
<div class="grid lg:grid-cols-2 gap-6 mb-6">

    {{-- Analyses by type --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
            <div>
                <h2 class="font-semibold">{{ __('Analyses by type') }}</h2>
                <p class="text-xs text-slate-500">{{ __('Volume + revenue split') }}</p>
            </div>
            @if($byType->isNotEmpty())
                <div class="text-end">
                    <div class="text-[10px] uppercase tracking-wider text-slate-500 font-semibold">{{ __('Total') }}</div>
                    <div class="text-lg font-bold tabular-nums">{{ $fmt($byType->sum('c')) }}</div>
                </div>
            @endif
        </div>
        <div class="p-6">
            @if($byType->isEmpty())
                <div class="py-8 text-center text-slate-500 text-xs">{{ __('No analyses yet.') }}</div>
            @else
                @php
                    $byTypeTotal = max(1, $byType->sum('c'));
                    $byTypeMax   = max(1, $byType->max('c'));
                @endphp
                <ul class="space-y-3">
                    @foreach($byType as $i => $row)
                        @php
                            $label   = __($typeLabels[$row->analysis_type] ?? $row->analysis_type);
                            $count   = (int) $row->c;
                            $pct     = $count / $byTypeTotal * 100;
                            $barPct  = $count / $byTypeMax * 100;
                            $color   = $pal[$i % count($pal)];
                        @endphp
                        <li>
                            <div class="flex items-center justify-between gap-3 mb-1">
                                <span class="flex items-center gap-2 min-w-0 text-sm text-slate-800 dark:text-slate-100">
                                    <span class="inline-block w-2.5 h-2.5 rounded-sm shrink-0" style="background-color: {{ $color }}"></span>
                                    <span class="truncate font-medium">{{ $label }}</span>
                                </span>
                                <span class="text-xs font-mono tabular-nums text-slate-600 dark:text-slate-300 shrink-0 whitespace-nowrap">
                                    {{ $fmt($count) }}
                                    <span class="text-slate-400 dark:text-slate-500 ms-1">{{ number_format($pct, 1) }}%</span>
                                </span>
                            </div>
                            <div class="h-2 rounded-full bg-slate-100 dark:bg-slate-800 overflow-hidden">
                                <div class="h-full rounded-full" style="width: {{ max(2, $barPct) }}%; background-color: {{ $color }}"></div>
                            </div>
                            @if((float) $row->revenue > 0)
                                <div class="mt-1 text-[11px] text-end text-emerald-600 dark:text-emerald-400 font-mono tabular-nums">
                                    {{ number_format((float) $row->revenue, 2, ',', ' ') }} {{ $kpis['currency'] }}
                                </div>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>

    {{-- Top users this month --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
            <div>
                <h2 class="font-semibold">{{ __('Most active users') }}</h2>
                <p class="text-xs text-slate-500">{{ __('By submissions this month') }}</p>
            </div>
            <a href="{{ route('tenant.users.index') }}" class="text-xs text-brand-600 hover:underline">{{ __('View all') }}</a>
        </div>
        <div class="divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($topUsers as $row)
                @php $u = $row->uploader; @endphp
                <div class="px-6 py-3 flex items-center justify-between">
                    <div class="flex items-center gap-3 min-w-0">
                        <span class="w-9 h-9 rounded-full bg-gradient-to-br from-brand-500 to-brand-700 text-white flex items-center justify-center text-xs font-semibold shrink-0">
                            {{ $u?->initials() ?? '?' }}
                        </span>
                        <div class="min-w-0">
                            <div class="font-medium truncate">{{ $u?->name ?? __('Unknown user') }}</div>
                            <div class="text-xs text-slate-500 truncate">{{ $u?->email }}</div>
                        </div>
                    </div>
                    <span class="text-sm font-mono tabular-nums text-slate-700 dark:text-slate-200 shrink-0 ms-3">
                        {{ $row->submissions_count }}
                    </span>
                </div>
            @empty
                <div class="px-6 py-10 text-center text-sm text-slate-500">{{ __('No activity this month yet.') }}</div>
            @endforelse
        </div>
    </div>
</div>

{{-- ─── Workspace footer row ─────────────────────────────────── --}}
<div class="grid lg:grid-cols-3 gap-6">

    {{-- Recent members --}}
    <div class="card overflow-hidden lg:col-span-2">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 flex items-center justify-between">
            <div>
                <h3 class="font-semibold">{{ __('Recent members') }}</h3>
                <p class="text-xs text-slate-500">
                    {{ $totalUsers }} {{ __('total') }} ·
                    <span class="text-slate-700 dark:text-slate-300 font-medium">{{ $endUsers }}</span> {{ __('clients') }} ·
                    <span class="text-slate-700 dark:text-slate-300 font-medium">{{ $tenantAdmins }}</span> {{ __('admins') }}
                </p>
            </div>
            <a href="{{ route('tenant.users.index') }}" class="text-sm text-brand-600 hover:underline">{{ __('Manage all') }}</a>
        </div>
        <div class="divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($recentUsers as $member)
                <div class="px-6 py-3 flex items-center justify-between">
                    <div class="flex items-center gap-3">
                        <span class="w-9 h-9 rounded-full bg-gradient-to-br from-brand-500 to-brand-700 text-white flex items-center justify-center text-xs font-semibold">{{ $member->initials() }}</span>
                        <div>
                            <div class="font-medium">{{ $member->name }}</div>
                            <div class="text-xs text-slate-500">{{ $member->email }}</div>
                        </div>
                    </div>
                    <span class="badge-neutral capitalize">{{ str_replace('_', ' ', $member->role) }}</span>
                </div>
            @empty
                <div class="px-6 py-10 text-center text-sm text-slate-500">{{ __('No users yet — invite your first one.') }}</div>
            @endforelse
        </div>
    </div>

    {{-- Quick actions --}}
    <div class="card overflow-hidden">
        <div class="px-6 py-3 border-b border-slate-200/70 dark:border-slate-800">
            <h3 class="font-semibold">{{ __('Quick actions') }}</h3>
        </div>
        <div class="p-4 space-y-2">
            <a href="{{ route('tenant.users.create') }}" class="btn-primary w-full">
                <x-icon name="user-plus" class="w-4 h-4"/> {{ __('Invite user') }}
            </a>
            <a href="{{ route('tenant.submissions.index') }}" class="btn-secondary w-full">
                <x-icon name="inbox" class="w-4 h-4"/> {{ __('Open inbox') }}
            </a>
            <a href="{{ route('tenant.user-invoices.index') }}" class="btn-secondary w-full">
                <x-icon name="receipt" class="w-4 h-4"/> {{ __('Client invoices') }}
            </a>
            <a href="{{ route('tenant.billing-settings.edit') }}" class="btn-secondary w-full">
                <x-icon name="credit-card" class="w-4 h-4"/> {{ __('Billing settings') }}
            </a>
        </div>
    </div>
</div>
@endsection