<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($fromDate)->format('d-m-Y') }} إلى {{ \Carbon\Carbon::parse($toDate)->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;">{{ number_format($summary['total_amount'], 0) }} ريال</td>
                </tr>
            </table>
        </div>

        <h3 style="color: #333; margin-top: 20px; margin-bottom: 10px;">توزيع الفواتير حسب حالة الدفع:</h3>

        <div style="background: #e8f5e9; padding: 10px; margin-bottom: 10px; border-right: 4px solid #28a745;">
            <strong style="color: #28a745;">✓ مدفوع كاملاً:</strong> {{ number_format($paidFully['count']) }} فاتورة - {{ number_format($paidFully['amount'], 0) }} ريال ({{ $paidFully['percentage'] }}%)
        </div>

        <div style="background: #fff3e0; padding: 10px; margin-bottom: 10px; border-right: 4px solid #ff9800;">
            <strong style="color: #ff9800;">◐ مدفوع جزئياً:</strong> {{ number_format($paidPartially['count']) }} فاتورة - {{ number_format($paidPartially['amount'], 0) }} ريال ({{ $paidPartially['percentage'] }}%)
        </div>

        <div style="background: #fff9c4; padding: 10px; margin-bottom: 10px; border-right: 4px solid #fbc02d;">
            <strong style="color: #fbc02d;">⏳ معلق:</strong> {{ number_format($pending['count']) }} فاتورة - {{ number_format($pending['amount'], 0) }} ريال ({{ $pending['percentage'] }}%)
        </div>

        <div style="background: #ffebee; padding: 10px; border-right: 4px solid #f44336;">
            <strong style="color: #f44336;">⚠ متأخر:</strong> {{ number_format($overdue['count']) }} فاتورة - {{ number_format($overdue['amount'], 0) }} ريال ({{ $overdue['percentage'] }}%)
        </div>

        <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>
