@php
  $marginPct = $profit['margin_bps'] === null ? null : $profit['margin_bps'] / 100;
  $statusLabel = match ($profit['status']) {
      'final' => 'Final',
      'estimated' => 'Estimate',
      default => 'Not costed',
  };
  $statusTone = match ($profit['status']) {
      'final' => 'success',
      'estimated' => 'warning',
      default => 'muted',
  };
@endphp
<section class="order-ops-panel order-profit" data-profit-card data-revenue-cents="{{ $profit['revenue_cents'] }}" data-currency="{{ $order->currency }}">
    <div class="order-ops-panel-head">
        <div>
            <h2 class="order-ops-panel-title">Order profitability</h2>
            <p class="order-ops-panel-hint">Internal only · ex. tax</p>
        </div>
        <x-admin.badge :tone="$statusTone">{{ $statusLabel }}</x-admin.badge>
    </div>

    <div class="order-profit-hero tone-{{ $profit['margin_tone'] }}" data-profit-hero>
        <div class="order-profit-hero-label">Gross profit</div>
        <div class="order-profit-hero-value tabular-nums" data-profit-value>
            {{ $profit['costed'] ? $order->moneyFromCents($profit['profit_cents']) : '—' }}
        </div>
        <div class="order-profit-hero-meta">
            <span data-profit-margin>{{ $marginPct === null ? 'Add costs to see margin' : number_format($marginPct, 1).'% margin' }}</span>
        </div>
        <div class="order-profit-bar" aria-hidden="true"><span data-profit-bar style="width: {{ $marginPct === null ? 0 : max(0, min(100, $marginPct)) }}%"></span></div>
    </div>

    <dl class="order-profit-rows">
        <div class="order-profit-row">
            <dt>Sales <span class="order-profit-sub">incl. {{ $order->moneyFromCents($profit['shipping_charged_cents']) }} shipping charged</span></dt>
            <dd class="tabular-nums">{{ $order->moneyFromCents($profit['gross_sales_cents']) }}</dd>
        </div>
        @if($profit['refunds_cents'] > 0)
            <div class="order-profit-row is-negative">
                <dt>Refunds <span class="order-profit-sub">ex. tax</span></dt>
                <dd class="tabular-nums">−{{ $order->moneyFromCents($profit['refunds_cents']) }}</dd>
            </div>
        @endif
        <div class="order-profit-row is-strong">
            <dt>Net revenue</dt>
            <dd class="tabular-nums">{{ $order->moneyFromCents($profit['revenue_cents']) }}</dd>
        </div>
        <div class="order-profit-row is-negative">
            <dt>Cost of goods sold</dt>
            <dd class="tabular-nums" data-profit-cost>{{ $profit['costed'] ? '−'.$order->moneyFromCents($profit['total_cost_cents']) : '—' }}</dd>
        </div>
        @if($profit['costed'])
            @foreach($profit['costs'] as $component)
                @continue($component['cents'] === 0)
                <div class="order-profit-row is-detail">
                    <dt>{{ $component['label'] }}</dt>
                    <dd class="tabular-nums">{{ $order->moneyFromCents($component['cents']) }}</dd>
                </div>
            @endforeach
        @endif
        @if($profit['shipping_margin_cents'] !== null)
            <div class="order-profit-row {{ $profit['shipping_margin_cents'] < 0 ? 'is-negative' : '' }}">
                <dt>Shipping margin <span class="order-profit-sub">charged − paid</span></dt>
                <dd class="tabular-nums">{{ $profit['shipping_margin_cents'] < 0 ? '−' : '' }}{{ $order->moneyFromCents(abs($profit['shipping_margin_cents'])) }}</dd>
            </div>
        @endif
    </dl>

    <div class="order-profit-foot">
        @if($profit['period_label'])
            <p><i data-lucide="calendar-range" class="h-3.5 w-3.5"></i> Order date {{ $order->created_at->format('j M Y') }}, so it counts in the <strong>{{ $profit['period_label'] }}</strong> P&amp;L.</p>
        @endif
        @if($profit['tax_cents'] > 0)
            <p><i data-lucide="receipt" class="h-3.5 w-3.5"></i> {{ $order->moneyFromCents($profit['tax_cents']) }} tax collected is excluded from revenue.</p>
        @endif
        @if($order->status === 'canceled')
            <p class="text-[var(--color-danger)]"><i data-lucide="ban" class="h-3.5 w-3.5"></i> Canceled order. Record any costs already incurred as a loss.</p>
        @endif
        @unless($profit['costed'])
            <a href="#order-costs" class="admin-btn admin-btn-primary mt-1 w-full justify-center"><i data-lucide="calculator" class="h-3.5 w-3.5"></i> Add order costs</a>
        @endunless
    </div>
</section>