@props([
    'order' => null,
])

@if($order)
    @php
        $stats = [
            [
                'icon' => 'download-cloud',
                'label' => __('Reçus'),
                'value' => $order->received_quantity,
                'color' => 'primary',
            ],
            [
                'icon' => 'check-circle',
                'label' => __('Facturables'),
                'value' => $order->billable_quantity,
                'color' => 'success',
            ],
            [
                'icon' => 'cross-circle',
                'label' => __('Rejetés'),
                'value' => $order->rejected_quantity,
                'color' => 'danger',
            ],
            [
                'icon' => 'coins',
                'label' => __('Dépensé'),
                'value' => number_format($order->spent_amount ?? 0, 2) . ' €',
                'color' => 'warning',
            ],
        ];
    @endphp

    <div {{ $attributes->merge(['class' => 'order-quick-stats']) }}>
        <div class="row g-3">
            @foreach($stats as $stat)
                <div class="col-6 col-md-3">
                    <div class="card card-bordered h-100">
                        <div class="card-body text-center py-3 px-2">
                            <div class="tw-inline-flex tw-items-center tw-justify-center tw-w-10 tw-h-10 tw-rounded-full bg-{{ $stat['color'] }}-dim mb-2">
                                <x-ui.nicon :name="$stat['icon']" class="text-{{ $stat['color'] }}"/>
                            </div>
                            <h4 class="mb-0 text-{{ $stat['color'] }}">{{ $stat['value'] }}</h4>
                            <span class="text-muted small">{{ $stat['label'] }}</span>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        
        {{-- Progress Bars --}}
        @if($order->ordered_quantity || $order->planned_investment)
            <div class="mt-4">
                @if($order->ordered_quantity)
                    <x-api.order-progress-widget
                        :label="__('Progression quantité')"
                        :current="$order->billable_quantity"
                        :total="$order->ordered_quantity"
                        icon="package"
                        color="primary"
                        class="mb-3"
                    />
                @endif
                
                @if($order->planned_investment)
                    <x-api.order-progress-widget
                        :label="__('Progression budget')"
                        :current="$order->spent_amount ?? 0"
                        :total="$order->planned_investment"
                        icon="wallet"
                        color="warning"
                    />
                @endif
            </div>
        @endif
    </div>
@endif