{{-- Ticket Queue widget content — account-wide stats.
     Outer card + title + management controls live in the dashboard
     frame. This view returns only the inner stat grid. --}}
<div data-test="widget-ticket-queue" class="p-4">
    <div class="grid grid-cols-2 gap-3 md:grid-cols-4">
        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-open"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Open') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-open-count">
                {{ $this->stats['open'] }}
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-pending"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Pending') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-pending-count">
                {{ $this->stats['pending'] }}
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-assigned-to-me"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Assigned to me') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-assigned-count">
                {{ $this->stats['assigned_to_me'] }}
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-unassigned"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Unassigned') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-unassigned-count">
                {{ $this->stats['unassigned'] }}
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-oldest"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Oldest open') }}</div>
            <div class="mt-1 text-sm font-medium text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-oldest">
                @if ($this->stats['oldest_open_at'])
                    {{ $this->stats['oldest_open_at']->diffForHumans(short: true) }}
                @else
                    <span class="text-zinc-400 dark:text-zinc-500">—</span>
                @endif
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-new-today"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('New today') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-new-today-count">
                {{ $this->stats['new_today'] }}
            </div>
        </div>

        <div
            class="rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-950"
            data-test="widget-ticket-queue-stat-resolved-today"
        >
            <div class="text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Resolved today') }}</div>
            <div class="mt-1 text-2xl font-semibold text-zinc-900 dark:text-zinc-100" data-test="widget-ticket-queue-resolved-today-count">
                {{ $this->stats['resolved_today'] }}
            </div>
        </div>
    </div>
</div>