@php
    $funnelStages = collect([
        [
            'label' => 'Visitantes únicos',
            'value' => (int) ($performance['visitors'] ?? 0),
            'note' => 'Pessoas atribuídas',
            'tone' => 'forest',
        ],
        [
            'label' => 'Produto visualizado',
            'value' => (int) ($performance['product_views'] ?? 0),
            'note' => 'Participantes únicos',
            'tone' => 'leaf',
        ],
        [
            'label' => 'Adicionaram ao carrinho',
            'value' => (int) ($performance['adds_to_cart'] ?? 0),
            'note' => 'Participantes únicos',
            'tone' => 'lime',
        ],
        [
            'label' => 'Checkout iniciado',
            'value' => (int) ($performance['checkout_started'] ?? 0),
            'note' => 'Carrinhos únicos',
            'tone' => 'gold',
        ],
        [
            'label' => 'Pedido criado',
            'value' => (int) ($performance['orders'] ?? 0),
            'note' => 'Pedidos distintos',
            'tone' => 'copper',
        ],
        [
            'label' => 'Pagamento confirmado',
            'value' => (int) ($performance['paid_orders'] ?? 0),
            'note' => 'Pedidos distintos',
            'tone' => 'slate',
        ],
    ]);
    $funnelMaximum = max(1, (int) ($funnelStages->max('value') ?? 0));
@endphp

<section class="vm-panel vm-funnel-panel" aria-labelledby="{{ $funnelId }}-title">
    <header class="vm-panel-header">
        <div>
            <h2 class="vm-panel-title" id="{{ $funnelId }}-title">{{ $funnelTitle }}</h2>
            <p class="vm-panel-subtitle">{{ $funnelSubtitle }}</p>
        </div>
        <span class="vm-panel-badge">
            {{ number_format((float) ($performance['paid_conversion_rate'] ?? 0), 1) }}% visita → pagamento
        </span>
    </header>

    <div class="vm-panel-body">
        <ol class="vm-funnel-flow" aria-label="Etapas do funil comercial">
            @foreach ($funnelStages as $stage)
                @php
                    $stageWidth = $stage['value'] > 0
                        ? max(8, round(($stage['value'] / $funnelMaximum) * 100, 1))
                        : 0;
                @endphp
                <li class="vm-funnel-stage" data-tone="{{ $stage['tone'] }}">
                    <div class="vm-funnel-stage-topline">
                        <span class="vm-funnel-index">{{ str_pad((string) $loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                        <strong>{{ number_format($stage['value']) }}</strong>
                    </div>
                    <div class="vm-funnel-stage-label">{{ $stage['label'] }}</div>
                    <div class="vm-funnel-stage-note">{{ $stage['note'] }}</div>
                    <div class="vm-funnel-track" aria-hidden="true">
                        <span style="width: {{ $stageWidth }}%;"></span>
                    </div>
                </li>
            @endforeach
        </ol>

        <div class="vm-funnel-kpis">
            <div>
                <span>Pedidos criados</span>
                <strong>{{ number_format((int) ($performance['orders'] ?? 0)) }}</strong>
                <small>{{ number_format((float) ($performance['order_conversion_rate'] ?? 0), 1) }}% por visitante</small>
            </div>
            <div>
                <span>Pagamentos confirmados</span>
                <strong>{{ number_format((int) ($performance['paid_orders'] ?? 0)) }}</strong>
                <small>{{ number_format((float) ($performance['paid_conversion_rate'] ?? 0), 1) }}% por visitante</small>
            </div>
            <div class="is-revenue">
                <span>Receita líquida paga</span>
                <strong>${{ number_format((float) ($performance['net_paid_revenue'] ?? 0), 2) }}</strong>
                <small>Valor recebido menos reembolsos</small>
            </div>
        </div>
    </div>
</section>