@extends('layouts.admin')
@section('title', $landedCostPool->name)
@section('content')
<x-admin.page :title="$landedCostPool->name" subtitle="Preview allocation basis before committing to inventory.">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.landed-costs') }}" class="admin-btn">Back</a>
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Status</div>
            <div class="mt-2"><x-admin.badge :tone="$landedCostPool->status === 'open' ? 'warning' : 'success'">{{ $landedCostPool->status }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Pool total</div>
            <div class="mt-1 text-2xl font-semibold">AUD {{ number_format($landedCostPool->total_cents / 100, 2) }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Allocations</div>
            <div class="mt-1 text-2xl font-semibold">{{ $landedCostPool->allocations->count() }}</div>
        </x-admin.card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-admin.section title="Preview allocation">
            <form method="post" action="{{ route('admin.accounting.landed-costs.preview', $landedCostPool) }}" class="space-y-3" id="landed-preview">
                @csrf
                <x-admin.field label="Basis" name="basis" required>
                    <select name="basis" class="admin-input" required>
                        @foreach(['qty','weight','volume','value'] as $basis)
                            <option value="{{ $basis }}" @selected(old('basis', 'qty')===$basis)>{{ strtoupper($basis) }}</option>
                        @endforeach
                    </select>
                </x-admin.field>
                <div class="space-y-2" id="landed-items">
                    <div class="grid grid-cols-[1.4fr_1fr_auto] gap-2">
                        <select name="items[0][variant_id]" class="admin-input" required>
                            <option value="">Variant</option>
                            @foreach($variants as $variant)
                                <option value="{{ $variant->id }}">{{ $variant->sku }}</option>
                            @endforeach
                        </select>
                        <input type="number" step="0.0001" min="0" name="items[0][qty]" value="1" class="admin-input" placeholder="Qty / weight / value">
                        <span class="self-center text-xs text-[#6d7175]">Item 1</span>
                    </div>
                </div>
                <button class="admin-btn admin-btn-primary">Preview</button>
            </form>

            @if(session('allocationPreview'))
                <div class="mt-5 space-y-2 border-t border-[var(--color-admin-border)] pt-4">
                    <div class="text-xs font-semibold uppercase tracking-wide text-[#6d7175]">Preview result</div>
                    @foreach(session('allocationPreview') as $row)
                        <div class="flex justify-between text-sm">
                            <span>Variant #{{ $row['variant_id'] ?? $row['variantId'] ?? '—' }}</span>
                            <span class="tabular-nums font-medium">AUD {{ number_format(($row['amount_cents'] ?? 0) / 100, 2) }}</span>
                        </div>
                    @endforeach
                </div>
            @endif
        </x-admin.section>

        <x-admin.section title="Existing allocations">
            <table class="admin-table w-full">
                <thead><tr><th>Variant</th><th>Basis</th><th class="text-right">Amount</th></tr></thead>
                <tbody>
                    @forelse($landedCostPool->allocations as $allocation)
                        <tr>
                            <td>#{{ $allocation->variant_id }}</td>
                            <td><x-admin.badge tone="info">{{ $allocation->basis }}</x-admin.badge></td>
                            <td class="text-right tabular-nums">{{ number_format($allocation->amount_cents / 100, 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="p-6 text-center text-[#6d7175]">No allocations yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-admin.section>
    </div>
</x-admin.page>
@endsection