@extends('layouts.admin')
@section('title', 'Shipping & tax')
@section('content')
<x-admin.page title="Shipping & tax" subtitle="Zones, rates, tax registrations, and live rate simulation by country.">
    <x-slot:actions>
        <a href="{{ route('admin.markets.index') }}" class="admin-btn">Markets</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat"><span class="order-ops-stat-label">Zones</span><span class="order-ops-stat-value">{{ number_format($zones->count()) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">Rates</span><span class="order-ops-stat-value">{{ number_format($zones->sum(fn ($z) => $z->rates->count())) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">Tax regs</span><span class="order-ops-stat-value">{{ number_format($taxRegistrations->count()) }}</span></div>
    </div>

    <div class="grid gap-5 xl:grid-cols-[1.5fr_1fr]">
        <div class="space-y-4">
            @forelse($zones as $zone)
                <article class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <div class="mb-3 flex flex-wrap items-start justify-between gap-2">
                        <div>
                            <h2 class="text-base font-semibold">{{ $zone->name }}</h2>
                            <p class="mt-1 font-mono text-xs text-[#6d7175]">{{ implode(', ', $zone->countries ?? []) ?: '—' }}</p>
                        </div>
                        <x-admin.badge :tone="$zone->active ? 'success' : 'muted'">{{ $zone->active ? 'active' : 'inactive' }}</x-admin.badge>
                    </div>

                    @if(auth()->user()?->hasPermission('orders.edit'))
                        <form method="post" action="{{ route('admin.shipping.zones.update', $zone) }}" class="mb-4 grid gap-3 md:grid-cols-2">
                            @csrf @method('PUT')
                            <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="{{ $zone->name }}" required></label>
                            <label class="block text-sm"><span class="admin-label">Countries</span><input class="admin-input font-mono text-xs" name="countries" value="{{ implode(', ', $zone->countries ?? []) }}" required></label>
                            <label class="inline-flex items-center gap-2 text-sm md:col-span-2"><input type="checkbox" name="active" value="1" @checked($zone->active)> Active</label>
                            <div class="flex flex-wrap gap-2 md:col-span-2">
                                <button class="admin-btn admin-btn-primary" type="submit">Save zone</button>
                            </div>
                        </form>
                        <form method="post" action="{{ route('admin.shipping.zones.destroy', $zone) }}" class="mb-4" onsubmit="return confirm('Delete zone and rates?')">
                            @csrf @method('DELETE')
                            <button class="admin-btn" type="submit">Delete zone</button>
                        </form>
                    @endif

                    <table class="admin-table w-full text-sm">
                        <thead><tr><th>Rate</th><th>Code</th><th>Method</th><th>Price</th><th>Thresholds</th><th></th></tr></thead>
                        <tbody>
                            @forelse($zone->rates as $rate)
                                <tr>
                                    <td class="font-medium">{{ $rate->name }}</td>
                                    <td class="font-mono text-xs">{{ $rate->code }}</td>
                                    <td>{{ $rate->method }}</td>
                                    <td class="tabular-nums">{{ number_format($rate->price_cents / 100, 2) }}</td>
                                    <td class="text-xs text-[#6d7175]">
                                        min {{ $rate->min_subtotal_cents ?? '—' }}
                                        · max {{ $rate->max_subtotal_cents ?? '—' }}
                                        · free @ {{ $rate->free_threshold_cents ?? '—' }}
                                    </td>
                                    <td class="space-y-2">
                                        @if(auth()->user()?->hasPermission('orders.edit'))
                                            <form method="post" action="{{ route('admin.shipping.rates.update', $rate) }}" class="grid gap-1">
                                                @csrf @method('PUT')
                                                <input class="admin-input" name="name" value="{{ $rate->name }}" required>
                                                <input class="admin-input font-mono text-xs" name="code" value="{{ $rate->code }}">
                                                <input class="admin-input" name="method" value="{{ $rate->method }}">
                                                <input class="admin-input" type="number" min="0" name="price_cents" value="{{ $rate->price_cents }}" required>
                                                <input class="admin-input" type="number" min="0" name="min_subtotal_cents" value="{{ $rate->min_subtotal_cents }}" placeholder="min">
                                                <input class="admin-input" type="number" min="0" name="max_subtotal_cents" value="{{ $rate->max_subtotal_cents }}" placeholder="max">
                                                <input class="admin-input" type="number" min="0" name="free_threshold_cents" value="{{ $rate->free_threshold_cents }}" placeholder="free @">
                                                <label class="inline-flex items-center gap-2 text-xs"><input type="checkbox" name="active" value="1" @checked($rate->active)> Active</label>
                                                <button class="admin-btn admin-btn-primary" type="submit">Update</button>
                                            </form>
                                            <form method="post" action="{{ route('admin.shipping.rates.destroy', $rate) }}" onsubmit="return confirm('Delete rate?')">
                                                @csrf @method('DELETE')
                                                <button class="admin-btn" type="submit">Delete</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-[#6d7175]">No rates in this zone.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </article>
            @empty
                <x-admin.empty title="No shipping zones" description="Create a zone with ISO country codes, then add rates." />
            @endforelse
        </div>

        <div class="space-y-5">
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold">Rate simulator</h2>
                <form method="post" action="{{ route('admin.shipping.simulate') }}" class="mt-3 grid gap-3">
                    @csrf
                    <label class="block text-sm"><span class="admin-label">Country</span><input class="admin-input uppercase" name="country" maxlength="2" value="{{ $simCountry }}" required></label>
                    <label class="block text-sm"><span class="admin-label">Subtotal (cents)</span><input class="admin-input" type="number" min="0" name="subtotal_cents" value="{{ $simSubtotal }}" required></label>
                    <button class="admin-btn admin-btn-primary" type="submit">Simulate</button>
                </form>
                @if($simulation !== null)
                    <div class="mt-4 space-y-2">
                        @forelse($simulation as $row)
                            <div class="rounded-lg border border-[var(--color-admin-border)] px-3 py-2 text-sm">
                                <div class="font-medium">{{ $row['name'] }} <span class="font-mono text-xs text-[#6d7175]">{{ $row['code'] }}</span></div>
                                <div class="text-xs text-[#6d7175]">{{ $row['method'] }} · {{ number_format($row['price_cents'] / 100, 2) }}</div>
                            </div>
                        @empty
                            <p class="text-xs text-[#6d7175]">No matching rates for {{ $simCountry }} at {{ number_format($simSubtotal) }}¢.</p>
                        @endforelse
                    </div>
                @endif
            </section>

            @if(auth()->user()?->hasPermission('orders.edit'))
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">New zone</h2>
                    <form method="post" action="{{ route('admin.shipping.zones.store') }}" class="mt-3 grid gap-3">
                        @csrf
                        <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" required></label>
                        <label class="block text-sm"><span class="admin-label">Countries</span><input class="admin-input font-mono text-xs" name="countries" placeholder="AU, NZ" required></label>
                        <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="active" value="1" checked> Active</label>
                        <button class="admin-btn admin-btn-primary" type="submit">Create zone</button>
                    </form>
                </section>

                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">New rate</h2>
                    <form method="post" action="{{ route('admin.shipping.rates.store') }}" class="mt-3 grid gap-3">
                        @csrf
                        <label class="block text-sm"><span class="admin-label">Zone</span>
                            <select class="admin-input" name="shipping_zone_id" required>
                                @foreach($zones as $zone)
                                    <option value="{{ $zone->id }}">{{ $zone->name }}</option>
                                @endforeach
                            </select>
                        </label>
                        <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" required></label>
                        <label class="block text-sm"><span class="admin-label">Code</span><input class="admin-input font-mono text-xs" name="code" placeholder="auto"></label>
                        <label class="block text-sm"><span class="admin-label">Method</span><input class="admin-input" name="method" value="standard"></label>
                        <label class="block text-sm"><span class="admin-label">Price (cents)</span><input class="admin-input" type="number" min="0" name="price_cents" value="995" required></label>
                        <label class="block text-sm"><span class="admin-label">Free threshold (cents)</span><input class="admin-input" type="number" min="0" name="free_threshold_cents"></label>
                        <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="active" value="1" checked> Active</label>
                        <button class="admin-btn admin-btn-primary" type="submit">Create rate</button>
                    </form>
                </section>
            @endif

            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold">Tax registrations</h2>
                <ul class="mt-3 space-y-2 text-sm">
                    @forelse($taxRegistrations as $reg)
                        <li class="rounded-lg border border-[var(--color-admin-border)] px-3 py-2">
                            <div class="font-medium">{{ $reg->name }} · {{ $reg->country }}</div>
                            <div class="text-xs text-[#6d7175]">{{ number_format((float) $reg->rate * 100, 2) }}% · {{ $reg->inclusive ? 'inclusive' : 'exclusive' }} · {{ $reg->active ? 'active' : 'off' }}</div>
                        </li>
                    @empty
                        <li class="text-xs text-[#6d7175]">No tax registrations.</li>
                    @endforelse
                </ul>
                @if(auth()->user()?->hasPermission('orders.edit'))
                    <form method="post" action="{{ route('admin.shipping.tax.store') }}" class="mt-4 grid gap-3">
                        @csrf
                        <label class="block text-sm"><span class="admin-label">Country</span><input class="admin-input uppercase" name="country" maxlength="2" value="AU" required></label>
                        <label class="block text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="GST" required></label>
                        <label class="block text-sm"><span class="admin-label">Rate (0–1)</span><input class="admin-input" type="number" step="0.0001" min="0" max="1" name="rate" value="0.1" required></label>
                        <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="inclusive" value="1" checked> Inclusive</label>
                        <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="active" value="1" checked> Active</label>
                        <button class="admin-btn admin-btn-primary" type="submit">Save tax</button>
                    </form>
                @endif
            </section>
        </div>
    </div>
</x-admin.page>
@endsection