{{-- What this settlement will do, before and after it is applied. --}}
@php $totals = $this->totals; @endphp

<div class="bg-white border border-gray-200 rounded-xl p-4 mb-4">
    <div class="flex items-center justify-between mb-3">
        <h3 class="text-sm font-bold text-gray-900">{{ __('الإجراءات المختارة') }}</h3>
        <span class="text-xs text-gray-500">{{ count($cart) }} {{ __('إجراء') }}</span>
    </div>

    @if(empty($cart))
        <p class="py-6 text-center text-sm text-gray-400">{{ __('لم تُضف أي إجراءات بعد — ابدأ من جدول الفواتير أعلاه.') }}</p>
    @else
        <ul class="divide-y divide-gray-100 mb-4">
            @foreach($cart as $index => $item)
                <li class="py-2.5 flex items-start justify-between gap-3">
                    <div class="min-w-0">
                        <p class="text-sm text-gray-800">
                            @switch($item['type'])
                                @case('record_payment')
                                    {{ __('تحصيل') }} <span dir="ltr" class="font-bold">{{ format_money($item['amount']) }}</span>
                                    {{ __('على') }} <span dir="ltr">{{ $item['invoice_number'] }}</span>
                                    <span class="text-gray-500">· {{ $item['date'] }}</span>
                                    @break
                                @case('settle_short')
                                    {{ __('إغلاق') }} <span dir="ltr">{{ $item['invoice_number'] }}</span>
                                    {{ __('بمبلغ') }} <span dir="ltr" class="font-bold">{{ format_money($item['amount']) }}</span>
                                    {{ __('وإسقاط الباقي') }}
                                    @break
                                @case('waive_invoice')
                                    {{ __('إسقاط') }} <span dir="ltr">{{ $item['invoice_number'] }}</span>
                                    (<span dir="ltr">{{ format_money($item['amount']) }}</span>)
                                    @break
                                @case('bill_month')
                                    {{ __('فاتورة شهر') }} <span dir="ltr">{{ $item['month'] }}</span>
                                    {{ __('بمبلغ') }} <span dir="ltr" class="font-bold">{{ format_money($item['amount']) }}</span>
                                    @if($item['paid_amount'] > 0) · {{ __('محصَّل') }} <span dir="ltr">{{ format_money($item['paid_amount']) }}</span> @endif
                                    @if($item['close_month']) · {{ __('مغلق') }} @endif
                                    @break
                                @case('sell_product')
                                    {{ __('بيع منتج بأثر رجعي') }} ×{{ $item['quantity'] }}
                                    <span dir="ltr" class="font-bold">{{ format_money($item['unit_price'] * $item['quantity']) }}</span>
                                    @if($item['adjust_stock']) · {{ __('مع خصم المخزون') }} @endif
                                    @break
                                @case('link_line')
                                    {{ __('ربط بند') }} «{{ $item['description'] }}» {{ __('بمنتج') }} {{ $item['product_name'] }}
                                    @break
                                @case('move_payment')
                                    {{ __('نقل دفعة') }} <span dir="ltr" class="font-bold">{{ $item['amount_display'] ?? '' }}</span>
                                    {{ __('من') }} <span dir="ltr">{{ $item['from_invoice_number'] ?? '' }}</span> {{ __('إلى الفاتورة الصحيحة') }}
                                    @break
                                @case('credit_wallet')
                                    {{ __('إضافة') }} <span dir="ltr" class="font-bold">{{ format_money($item['amount']) }}</span> {{ __('لمحفظة المشترك') }}
                                    @break
                                @case('plan_installments')
                                    {{ __('خطة أقساط') }} {{ $item['paid_installments'] }}/{{ $item['total_installments'] }}
                                    {{ __('على') }} <span dir="ltr">{{ $item['invoice_number'] }}</span>
                                    @break
                            @endswitch
                        </p>
                        @if(!empty($item['note']))
                            <p class="text-[11px] text-gray-500 mt-0.5">{{ $item['note'] }}</p>
                        @endif
                    </div>
                    @if($editable)
                        <button type="button" wire:click="removeCartItem({{ $index }})"
                                class="text-xs text-red-600 hover:text-red-800 shrink-0">{{ __('حذف') }}</button>
                    @endif
                </li>
            @endforeach
        </ul>

        <div class="grid grid-cols-3 gap-3 pt-3 border-t border-gray-100">
            <div class="p-2.5 bg-emerald-50 rounded-lg">
                <p class="text-[11px] text-emerald-700">{{ __('سيُحصَّل') }}</p>
                <p class="text-sm font-bold text-emerald-800 tabular-nums" dir="ltr">{{ format_money($totals['collected']) }}</p>
            </div>
            <div class="p-2.5 bg-red-50 rounded-lg">
                <p class="text-[11px] text-red-700">{{ __('سيُسقَط') }}</p>
                <p class="text-sm font-bold text-red-800 tabular-nums" dir="ltr">{{ format_money($totals['waived']) }}</p>
            </div>
            <div class="p-2.5 bg-gray-50 rounded-lg">
                <p class="text-[11px] text-gray-600">{{ __('سيُفوتَر') }}</p>
                <p class="text-sm font-bold text-gray-800 tabular-nums" dir="ltr">{{ format_money($totals['billed']) }}</p>
            </div>
        </div>
    @endif
</div>
