@php
  $cost = $order->cost;
  $canEdit = (bool) auth()->user()?->hasPermission('orders.edit');
  $dollars = fn (string $field): string => old(str_replace('_cents', '', $field), $cost && $cost->{$field} ? number_format($cost->{$field} / 100, 2, '.', '') : '');
  $status = old('status', $cost?->status ?? 'estimated');
  $inputs = [
      'production_cents' => ['label' => 'Production / product cost', 'icon' => 'factory', 'help' => 'Manufacturing, supplier invoice, or landed product cost.'],
      'shipping_cents' => ['label' => 'Outbound shipping', 'icon' => 'truck', 'help' => 'Paid to the carrier. Customer was charged '.$order->money('shipping_cents').'.'],
      'packaging_cents' => ['label' => 'Packaging & handling', 'icon' => 'package', 'help' => 'Boxes, crating, pallets, pick & pack labour.'],
      'payment_fees_cents' => ['label' => 'Payment processing fees', 'icon' => 'credit-card', 'help' => 'Card, gateway, or bank fees for this order.'],
  ];
@endphp
<section id="order-costs" class="order-ops-panel scroll-mt-24">
    <div class="order-ops-panel-head">
        <div>
            <h2 class="order-ops-panel-title">Cost of goods sold (COGS)</h2>
            <p class="order-ops-panel-hint">Record what this order cost to make and ship. Internal only; customers never see it.</p>
        </div>
        @if($cost)
            <div class="text-right text-[11px] leading-relaxed text-[#8c9196]">
                Updated {{ $cost->updated_at?->diffForHumans() }}
                @if($cost->updatedBy)<br>by {{ $cost->updatedBy->name ?: $cost->updatedBy->email }}@endif
            </div>
        @endif
    </div>

    @if($catalogueCost['cents'] > 0 || $inventoryCogsCents > 0)
        <div class="order-cost-refs">
            @if($catalogueCost['cents'] > 0)
                <div class="order-cost-ref">
                    <div>
                        <div class="order-cost-ref-label">Catalogue cost</div>
                        <div class="order-cost-ref-value tabular-nums">{{ $order->moneyFromCents($catalogueCost['cents']) }}</div>
                        <div class="order-cost-ref-meta">Variant unit cost × qty · {{ $catalogueCost['costed_lines'] }} of {{ $catalogueCost['total_lines'] }} lines</div>
                    </div>
                    @if($canEdit)
                        <button type="button" class="admin-btn" data-cost-fill="production" data-amount="{{ number_format($catalogueCost['cents'] / 100, 2, '.', '') }}">Use</button>
                    @endif
                </div>
            @endif
            @if($inventoryCogsCents > 0)
                <div class="order-cost-ref">
                    <div>
                        <div class="order-cost-ref-label">Inventory COGS (FIFO)</div>
                        <div class="order-cost-ref-value tabular-nums">{{ $order->moneyFromCents($inventoryCogsCents) }}</div>
                        <div class="order-cost-ref-meta">Posted from stock when items were fulfilled</div>
                    </div>
                    @if($canEdit)
                        <button type="button" class="admin-btn" data-cost-fill="production" data-amount="{{ number_format($inventoryCogsCents / 100, 2, '.', '') }}">Use</button>
                    @endif
                </div>
            @endif
        </div>
    @endif

    <form method="post" action="{{ route('admin.orders.costs.update', $order) }}" class="order-cost-form" data-cost-form>
        @csrf
        @method('PUT')
        <fieldset @disabled(! $canEdit) class="contents">
            <div class="grid gap-4 sm:grid-cols-2">
                @foreach($inputs as $field => $meta)
                    @php $name = str_replace('_cents', '', $field); @endphp
                    <x-admin.field :label="$meta['label']" :name="$name" :help="$meta['help']">
                        <div class="order-cost-input">
                            <span class="order-cost-input-prefix"><i data-lucide="{{ $meta['icon'] }}" class="h-3.5 w-3.5"></i>{{ $order->currency }}</span>
                            <input id="{{ $name }}" name="{{ $name }}" type="number" inputmode="decimal" step="0.01" min="0" placeholder="0.00" value="{{ $dollars($field) }}" class="admin-input" data-cost-input>
                        </div>
                    </x-admin.field>
                @endforeach
                <x-admin.field label="Other costs" name="other" help="Commissions, customs/duties, install, rework…">
                    <div class="order-cost-input">
                        <span class="order-cost-input-prefix"><i data-lucide="plus-circle" class="h-3.5 w-3.5"></i>{{ $order->currency }}</span>
                        <input id="other" name="other" type="number" inputmode="decimal" step="0.01" min="0" placeholder="0.00" value="{{ $dollars('other_cents') }}" class="admin-input" data-cost-input>
                    </div>
                </x-admin.field>
                <x-admin.field label="Other cost description" name="other_label">
                    <input id="other_label" name="other_label" maxlength="120" value="{{ old('other_label', $cost?->other_label) }}" placeholder="e.g. Customs duty" class="admin-input">
                </x-admin.field>
            </div>

            <x-admin.field label="Internal notes" name="notes" class="mt-4">
                <textarea id="notes" name="notes" rows="2" maxlength="2000" class="admin-input" placeholder="Supplier invoice #, freight quote ref, assumptions…">{{ old('notes', $cost?->notes) }}</textarea>
            </x-admin.field>

            <div class="order-cost-footer">
                <div class="order-cost-status" role="radiogroup" aria-label="Cost status">
                    <label class="order-cost-status-option">
                        <input type="radio" name="status" value="estimated" @checked($status === 'estimated')>
                        <span><strong>Estimate</strong><small>Still waiting on invoices</small></span>
                    </label>
                    <label class="order-cost-status-option">
                        <input type="radio" name="status" value="final" @checked($status === 'final')>
                        <span><strong>Final</strong><small>All costs confirmed</small></span>
                    </label>
                </div>
                <div class="order-cost-live">
                    <div><span>Total costs</span><strong class="tabular-nums" data-live-cost>{{ $order->moneyFromCents($profit['total_cost_cents']) }}</strong></div>
                    <div><span>Gross profit</span><strong class="tabular-nums" data-live-profit data-tone="{{ $profit['margin_tone'] }}">{{ $profit['costed'] ? $order->moneyFromCents($profit['profit_cents']) : '—' }}</strong></div>
                    <div><span>Margin</span><strong class="tabular-nums" data-live-margin>{{ $profit['margin_bps'] === null ? '—' : number_format($profit['margin_bps'] / 100, 1).'%' }}</strong></div>
                </div>
            </div>

            @if($canEdit)
                <div class="mt-4 flex justify-end">
                    <button class="admin-btn admin-btn-primary"><i data-lucide="save" class="h-3.5 w-3.5"></i> Save costs</button>
                </div>
            @else
                <p class="mt-4 text-xs text-[#8c9196]">You need the "Edit orders" permission to change costs.</p>
            @endif
        </fieldset>
    </form>
</section>