<div style="font-family: Arial, sans-serif; direction: rtl; max-width: 600px; margin: 0 auto;">
    <div style="background: #f5f5f5; padding: 20px; text-align: center;">
        <h2 style="color: #333; margin: 0;">قائمة الفواتير المفصلة</h2>
    </div>

    <div style="padding: 20px; background: white; border: 1px solid #ddd;">
        <p style="margin-top: 0;">مرحباً،</p>

        <p>يسرنا إرسال قائمة الفواتير للفترة من {{ \Carbon\Carbon::parse($filters['from_date'])->format('d-m-Y') }} إلى {{ \Carbon\Carbon::parse($filters['to_date'])->format('d-m-Y') }}</p>

        <div style="background: #f9f9f9; padding: 15px; margin: 20px 0; border-right: 4px solid #007bff;">
            <table style="width: 100%; border-collapse: collapse;">
                <tr>
                    <td style="padding: 8px; border-bottom: 1px solid #eee;"><strong>عدد الفواتير:</strong></td>
                    <td style="padding: 8px; border-bottom: 1px solid #eee;">{{ number_format($summary['total_invoices']) }}</td>
                </tr>
                <tr>
                    <td style="padding: 8px; border-bottom: 1px solid #eee;"><strong>إجمالي المبيعات:</strong></td>
                    <td style="padding: 8px; border-bottom: 1px solid #eee; color: #28a745; font-weight: bold;">{{ number_format($summary['total_amount'], 0) }} ريال</td>
                </tr>
                <tr>
                    <td style="padding: 8px; border-bottom: 1px solid #eee;"><strong>المدفوع:</strong></td>
                    <td style="padding: 8px; border-bottom: 1px solid #eee; color: #17a2b8; font-weight: bold;">{{ number_format($summary['total_paid'], 0) }} ريال</td>
                </tr>
                <tr>
                    <td style="padding: 8px;"><strong>المعلق:</strong></td>
                    <td style="padding: 8px; color: #ffc107; font-weight: bold;">{{ number_format($summary['total_pending'], 0) }} ريال</td>
                </tr>
            </table>
        </div>

        <p style="color: #666; font-size: 14px;">
            تم إرسال هذا التقرير يحتوي على {{ count($invoices) }} فاتورة
        </p>

        <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;">
            <p style="color: #999; font-size: 12px; margin: 0;">
                هذا البريد تم إرساله بواسطة نظام إدارة المشاريع<br>
                يرجى عدم الرد على هذا البريد
            </p>
        </div>
    </div>
</div>
