@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('content')
@include('reports._filter')

<div class="row g-3 mb-3">
    <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="number_format($summary['count'])" icon="fa-receipt" color="info"/></div>
    <div class="col-md-3"><x-stat title="إجمالي المديونيات" :value="currency($summary['receivables'])" icon="fa-hand-holding-dollar" color="warning"/></div>
    <div class="col-md-3"><x-stat title="مديونيات متأخرة" :value="currency($summary['overdue'])" icon="fa-clock" color="danger"/></div>
</div>

<div class="card mb-3">
    <div class="card-header"><span><i class="fa-solid fa-credit-card 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></tr></thead>
            <tbody>
            @forelse ($byMethod as $row)
                <tr>
                    <td>{{ $row['label'] }}</td>
                    <td>{{ $row['count'] }}</td>
                    <td class="fw-bold text-success">{{ currency($row['total']) }}</td>
                </tr>
            @empty
                <tr><td colspan="3" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header"><span><i class="fa-solid fa-triangle-exclamation text-danger ms-2"></i>الفواتير المستحقة ({{ $receivables->count() }})</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 class="text-center">الحالة</th></tr>
            </thead>
            <tbody>
            @forelse ($receivables as $invoice)
                <tr class="{{ $invoice->is_overdue ? 'table-danger' : '' }}">
                    <td><a href="{{ route('invoices.show', $invoice) }}" class="text-decoration-none">{{ $invoice->code }}</a></td>
                    <td>{{ $invoice->customer?->display_name ?? '—' }}</td>
                    <td>{{ arabicDate($invoice->date) }}</td>
                    <td class="{{ $invoice->is_overdue ? 'fw-bold text-danger' : '' }}">{{ arabicDate($invoice->due_date) }}</td>
                    <td>{{ currency($invoice->total) }}</td>
                    <td class="fw-bold text-danger">{{ currency($invoice->remaining) }}</td>
                    <td class="text-center">{!! badge($invoice->status_label, $invoice->status_color) !!}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">لا توجد مديونيات — ممتاز!</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>سندات القبض ({{ $payments->count() }})</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></tr>
            </thead>
            <tbody>
            @forelse ($payments as $payment)
                <tr>
                    <td class="font-monospace small">{{ $payment->code }}</td>
                    <td>{{ arabicDate($payment->date) }}</td>
                    <td>{{ $payment->customer?->display_name ?? '—' }}</td>
                    <td>{{ $payment->invoice?->code ?? '—' }}</td>
                    <td class="fw-bold text-success">{{ currency($payment->amount) }}</td>
                    <td>{{ $payment->method_label }}</td>
                    <td class="small">{{ $payment->creator?->name ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">لا توجد تحصيلات في هذه الفترة</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection