@extends('layouts.app')
@section('title', 'تقرير العملاء')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">التقارير</a></li>
    <li class="breadcrumb-item active">العملاء</li>
@endsection

@section('page_actions')
    <button onclick="window.print()" class="btn btn-light"><i class="fa-solid fa-print ms-2"></i>طباعة</button>
@endsection

@section('content')
<div class="row g-3 mb-3">
    <div class="col-md-3"><x-stat title="عدد العملاء" :value="number_format($summary['customers'])" icon="fa-users" color="primary"/></div>
    <div class="col-md-3"><x-stat title="إجمالي الفواتير" :value="currency($summary['invoiced'])" icon="fa-file-invoice-dollar" color="info"/></div>
    <div class="col-md-3"><x-stat title="إجمالي المحصّل" :value="currency($summary['collected'])" icon="fa-money-bill-wave" color="success"/></div>
    <div class="col-md-3"><x-stat title="إجمالي المديونيات" :value="currency($summary['balance'])" icon="fa-hand-holding-dollar" color="danger"/></div>
</div>

<div class="row g-3 mb-3">
    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-signs-post text-primary ms-2"></i>العملاء حسب المصدر</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>المصدر</th><th>عدد العملاء</th></tr></thead>
                    <tbody>
                    @forelse ($bySource as $source => $count)
                        <tr>
                            <td>{{ \App\Models\Customer::SOURCES[$source] ?? 'غير محدد' }}</td>
                            <td class="fw-bold">{{ $count }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-location-dot text-primary ms-2"></i>أعلى 10 مدن</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>المدينة</th><th>عدد العملاء</th></tr></thead>
                    <tbody>
                    @forelse ($byCity as $city => $count)
                        <tr>
                            <td>{{ $city ?: 'غير محدد' }}</td>
                            <td class="fw-bold">{{ $count }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-table text-primary ms-2"></i>تفاصيل العملاء</span></div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
            <tr>
                <th>العميل</th><th>الجوال</th><th>المسؤول</th>
                <th>المركبات</th><th>الاشتراكات</th><th>التذاكر</th>
                <th>إجمالي الفواتير</th><th>المحصّل</th><th>الرصيد</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($rows as $c)
                @php $balance = (float) $c->invoiced - (float) $c->collected; @endphp
                <tr>
                    <td><a href="{{ route('customers.show', $c) }}" class="text-decoration-none fw-bold">{{ $c->display_name }}</a></td>
                    <td>{{ $c->phone }}</td>
                    <td class="small">{{ $c->assignee?->name ?? '—' }}</td>
                    <td class="text-center">{{ $c->vehicles_count }}</td>
                    <td class="text-center">{{ $c->subscriptions_count }}</td>
                    <td class="text-center">{{ $c->tickets_count }}</td>
                    <td>{{ currency($c->invoiced ?? 0) }}</td>
                    <td class="text-success">{{ currency($c->collected ?? 0) }}</td>
                    <td class="fw-bold {{ $balance > 0 ? 'text-danger' : 'text-success' }}">{{ currency($balance) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection