@extends('admin.layouts.master')

@section('page-header')
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">إحصائيات الشكاوى والاقتراحات</h4>
            </div>
        </div>
        <div class="d-flex align-items-center gap-2">
            <a href="{{ route('admin.complaints.index') }}" class="btn btn-secondary">
                <x-lucide-arrow-right width="20" height="20" /> العودة للقائمة
            </a>
        </div>
    </div>
@endsection

@section('content')
    {{-- الإجمالي --}}
    <div class="row">
        <div class="col-lg-4 col-md-6">
            <div class="card">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2">إجمالي الشكاوى والاقتراحات</h6>
                    <h2 class="mb-0">{{ $stats['total'] ?? 0 }}</h2>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="card">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2">الشكاوى</h6>
                    <h2 class="mb-0 text-danger">{{ $stats['by_type']['complaint'] ?? 0 }}</h2>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="card">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2">الاقتراحات</h6>
                    <h2 class="mb-0 text-info">{{ $stats['by_type']['suggestion'] ?? 0 }}</h2>
                </div>
            </div>
        </div>
    </div>

    {{-- حسب الحالة --}}
    <div class="row mt-3">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">حسب الحالة</h5>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col-lg-3 col-md-6 mb-3">
                            <div class="p-3 border rounded">
                                <span class="badge bg-warning mb-2 d-inline-block">معلّقة</span>
                                <h3 class="mb-0">{{ $stats['by_status']['pending'] ?? 0 }}</h3>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-3">
                            <div class="p-3 border rounded">
                                <span class="badge bg-primary mb-2 d-inline-block">قيد المراجعة</span>
                                <h3 class="mb-0">{{ $stats['by_status']['under_review'] ?? 0 }}</h3>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-3">
                            <div class="p-3 border rounded">
                                <span class="badge bg-success mb-2 d-inline-block">تم الحل</span>
                                <h3 class="mb-0">{{ $stats['by_status']['resolved'] ?? 0 }}</h3>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-3">
                            <div class="p-3 border rounded">
                                <span class="badge bg-danger mb-2 d-inline-block">مرفوضة</span>
                                <h3 class="mb-0">{{ $stats['by_status']['rejected'] ?? 0 }}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection