<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>قائمة الفواتير المفصلة</title>
    <style>
        body { font-family: Arial, sans-serif; direction: rtl; line-height: 1.6; margin: 0; padding: 10px; }
        .header { text-align: center; margin-bottom: 30px; border-bottom: 2px solid #333; padding-bottom: 10px; }
        .header h1 { margin: 0; font-size: 24px; }
        .header p { margin: 5px 0; }
        .summary { margin-bottom: 20px; }
        .summary-item { float: left; width: 23%; margin-right: 2%; background: #f9f9f9; padding: 10px; border: 1px solid #ddd; margin-bottom: 10px; }
        .summary-item .label { font-weight: bold; font-size: 12px; }
        .summary-item .value { font-size: 18px; font-weight: bold; color: #333; }
        .table { width: 100%; border-collapse: collapse; margin: 20px 0; clear: both; }
        .table th { background: #333; color: white; padding: 10px; text-align: right; font-weight: bold; font-size: 11px; }
        .table td { padding: 8px 10px; border-bottom: 1px solid #ddd; text-align: right; font-size: 11px; }
        .table tr:nth-child(even) { background: #f9f9f9; }
        .footer { margin-top: 50px; text-align: center; color: #999; font-size: 12px; }
    </style>
</head>
<body>
    <div class="header">
        <h1>قائمة الفواتير المفصلة</h1>
        <p>{{ \Carbon\Carbon::parse($filters['from_date'])->format('d-m-Y') }} إلى {{ \Carbon\Carbon::parse($filters['to_date'])->format('d-m-Y') }}</p>
    </div>

    <div class="summary">
        <div class="summary-item">
            <div class="label">عدد الفواتير</div>
            <div class="value">{{ number_format($summary['total_invoices']) }}</div>
        </div>
        <div class="summary-item">
            <div class="label">إجمالي المبيعات</div>
            <div class="value">{{ number_format($summary['total_amount'], 0) }}</div>
        </div>
        <div class="summary-item">
            <div class="label">المدفوع</div>
            <div class="value">{{ number_format($summary['total_paid'], 0) }}</div>
        </div>
        <div class="summary-item">
            <div class="label">المعلق</div>
            <div class="value">{{ number_format($summary['total_pending'], 0) }}</div>
        </div>
    </div>

    <table class="table">
        <thead>
            <tr>
                <th>رقم الفاتورة</th>
                <th>العميل</th>
                <th>التاريخ</th>
                <th>المبلغ الإجمالي</th>
                <th>المدفوع</th>
                <th>المعلق</th>
                <th>الحالة</th>
            </tr>
        </thead>
        <tbody>
            @forelse($invoices as $invoice)
                <tr>
                    <td>{{ $invoice['invoice_number'] }}</td>
                    <td>{{ $invoice['customer_name'] }}</td>
                    <td>{{ \Carbon\Carbon::parse($invoice['invoice_date'])->format('d-m-Y') }}</td>
                    <td>{{ number_format($invoice['total_amount'], 2) }}</td>
                    <td>{{ number_format($invoice['paid_amount'], 2) }}</td>
                    <td>{{ number_format($invoice['pending_amount'], 2) }}</td>
                    <td>{{ $invoice['status'] }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" style="text-align: center;">لا توجد فواتير</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    <div class="footer">
        <p>تم إنشاء هذا التقرير بواسطة نظام إدارة المشاريع</p>
        <p>{{ date('d-m-Y H:i') }}</p>
    </div>
</body>
</html>
