@extends('layouts.admin')
@section('header', 'Case Queue')
@section('title', 'Cases - Abuse AI')

@section('content')
    <div class="kpi-grid">
        <div class="kpi">
            <div class="kpi-label">Open Cases</div>
            <div class="kpi-value">{{ $openCount }}</div>
        </div>
        <div class="kpi">
            <div class="kpi-label">Critical</div>
            <div class="kpi-value" style="color:var(--danger);">{{ $criticalCount }}</div>
        </div>
        <div class="kpi">
            <div class="kpi-label">SLA Breached</div>
            <div class="kpi-value" style="color:var(--warning);">{{ $slaBreachedCount }}</div>
        </div>
        <div class="kpi">
            <div class="kpi-label">Today's Reports</div>
            <div class="kpi-value">{{ $todayReportCount }}</div>
        </div>
    </div>

    @livewire('admin.case-queue')
@endsection