@extends('layouts.app')

@section('title', 'الذمم المُعمّرة')

@php
    $bucketMeta = [
        '0-30'  => ['label' => '0–30 يوم',  'color' => 'success', 'icon' => 'clock', 'desc' => 'حديثة — متابعة عادية'],
        '31-60' => ['label' => '31–60 يوم', 'color' => 'info',    'icon' => 'clock-hour-3', 'desc' => 'تستحق المتابعة'],
        '61-90' => ['label' => '61–90 يوم', 'color' => 'warning', 'icon' => 'alert-triangle', 'desc' => 'متأخرة — تواصل مع المريض'],
        '90+'   => ['label' => '90+ يوم',   'color' => 'danger',  'icon' => 'alert-octagon', 'desc' => 'حرجة — قد تحتاج إجراء قانوني'],
    ];
@endphp

@section('content')
<x-clinic-hero
    title="الذمم المُعمّرة"
    subtitle="الفواتير غير المدفوعة موزّعة بحسب عمر الدين"
    icon="ti-clock-dollar"
    tone="reports"
    :stats="[
        ['icon' => 'ti-receipt', 'value' => number_format($totals['count']), 'label' => 'فاتورة مفتوحة'],
        ['icon' => 'ti-coin', 'value' => \App\Support\Currency::format($totals['amount'], 0), 'label' => 'إجمالي الذمم'],
        ['icon' => 'ti-alert-octagon', 'value' => \App\Support\Currency::format($bucketTotals['90+']['amount'], 0), 'label' => 'متأخر >90 يوم'],
        ['icon' => 'ti-flag', 'value' => $bucketTotals['90+']['count'].' / '.$bucketTotals['61-90']['count'], 'label' => '+90 / 61-90'],
    ]"
>
    <x-slot:actions>
        <button class="btn btn-light" onclick="window.print()">
            <i class="ti ti-printer me-1"></i> طباعة
        </button>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-light">
            <i class="ti ti-arrow-right me-1"></i> كل التقارير
        </a>
    </x-slot:actions>
</x-clinic-hero>

{{-- Bucket summary cards --}}
<div class="row row-cards g-3">
    @foreach($buckets as $range => $invs)
        @php $meta = $bucketMeta[$range]; $totals_b = $bucketTotals[$range]; @endphp
        <div class="col-md-6 col-xl-3">
            <a href="#bucket-{{ $loop->index }}"
               class="card clinic-section text-decoration-none text-reset h-100"
               style="border-top: 3px solid var(--tblr-{{ $meta['color'] }}, #cbd5e1) !important;">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-2">
                        <span class="icon-pad bg-{{ $meta['color'] }}-lt text-{{ $meta['color'] }}"
                              style="width:42px;height:42px;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;">
                            <i class="ti ti-{{ $meta['icon'] }}"></i>
                        </span>
                        <div class="ms-2 flex-grow-1">
                            <div class="text-muted small">{{ $meta['label'] }}</div>
                            <div class="fs-3 fw-bold text-{{ $meta['color'] }}">{{ $totals_b['count'] }}</div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between align-items-center">
                        <span class="text-muted small">{{ $meta['desc'] }}</span>
                        <strong class="text-mono-en">{{ number_format($totals_b['amount'], 0) }} <x-sar class="text-muted" /></strong>
                    </div>
                </div>
            </a>
        </div>
    @endforeach
</div>

{{-- Per-bucket detail tables --}}
@foreach($buckets as $range => $invs)
    @php $meta = $bucketMeta[$range]; @endphp
    <div class="card clinic-section mt-3" id="bucket-{{ $loop->index }}">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title">
                <span class="status-pill bg-{{ $meta['color'] }}-lt text-{{ $meta['color'] }} me-2">
                    <i class="ti ti-{{ $meta['icon'] }}"></i>{{ $meta['label'] }}
                </span>
                <span class="text-muted small">{{ $meta['desc'] }}</span>
            </h3>
            <span class="text-mono-en">
                <strong>{{ $invs->count() }}</strong> فاتورة ·
                <strong class="text-{{ $meta['color'] }}">{{ number_format($invs->sum('balance'), 0) }} <x-sar /></strong>
            </span>
        </div>

        @if($invs->isEmpty())
            <div class="card-body text-center text-muted py-3">
                <i class="ti ti-mood-smile fs-2 d-block mb-1 text-success"></i>
                لا توجد فواتير في هذه الفئة 🎉
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-vcenter clinic-table mb-0">
                    <thead>
                        <tr>
                            <th>الفاتورة</th>
                            <th>التاريخ</th>
                            <th>العمر</th>
                            <th>المريض</th>
                            <th class="text-end">الإجمالي</th>
                            <th class="text-end">المتبقي</th>
                            <th class="w-1"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($invs as $inv)
                            @php
                                $name = trim(($inv->patient?->first_name ?? '').' '.($inv->patient?->last_name ?? ''));
                                $initials = collect(preg_split('/\s+/u', $name))
                                    ->filter()->take(2)
                                    ->map(fn ($w) => mb_substr($w, 0, 1))
                                    ->implode('') ?: '؟';
                                $genderClass = ($inv->patient->gender ?? null) === 'female' ? 'gender-female' : '';
                            @endphp
                            <tr>
                                <td>
                                    <a href="{{ route('invoices.show', $inv) }}" class="text-decoration-none">
                                        <code class="text-mono-en">{{ $inv->invoice_number }}</code>
                                    </a>
                                </td>
                                <td class="text-mono-en text-muted">{{ $inv->issue_date->format('Y-m-d') }}</td>
                                <td>
                                    <span class="status-pill bg-{{ $meta['color'] }}-lt text-{{ $meta['color'] }}">
                                        {{ $inv->age_days }} يوم
                                    </span>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center gap-2">
                                        <span class="entity-avatar {{ $genderClass }}">{{ $initials }}</span>
                                        <div>
                                            <strong><bdi>{{ $name ?: '—' }}</bdi></strong>
                                            @if($inv->patient?->phone)
                                                <div class="small text-muted text-mono-en">
                                                    <i class="ti ti-phone"></i> {{ $inv->patient->phone }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td class="text-end fw-bold text-mono-en">{{ number_format($inv->total, 2) }}</td>
                                <td class="text-end fw-bold text-{{ $meta['color'] }} text-mono-en">
                                    {{ number_format($inv->balance, 2) }}
                                </td>
                                <td>
                                    <a href="{{ route('invoices.show', $inv) }}"
                                       class="btn btn-sm btn-icon btn-outline-primary" title="عرض">
                                        <i class="ti ti-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endforeach
@endsection