@php
    $merchant = $seo['merchant'];
    $report = $seo['feedReport'] ?? ['items' => [], 'skipped' => [], 'warnings' => []];
    $warningLabels = [
        'missing_image' => 'variants have no image and are left out',
        'missing_gtin' => 'items have no GTIN / barcode (SKU is sent as MPN instead)',
        'short_description' => 'products have a description under 50 characters',
    ];
@endphp
<div class="space-y-5">
    <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div class="max-w-xl">
                <h3 class="text-sm font-semibold">Product feed</h3>
                <p class="mt-1 text-xs text-[#6d7175]">In Merchant Center, go to Products → Add products → Add from a file → "Enter a link to your file", paste the feed URL and schedule a daily fetch.</p>
            </div>
            <span class="rounded-full px-2.5 py-1 text-xs font-semibold {{ $merchant['enabled'] ? 'bg-emerald-50 text-emerald-800' : 'bg-[#f1f1f1] text-[#6d7175]' }}">{{ $merchant['enabled'] ? 'Feed live' : 'Feed off' }}</span>
        </div>
        <div class="mt-4">@include('admin.settings.partials.seo-url-row', ['label' => 'Feed URL', 'url' => $seo['feedUrl']])</div>
        <div class="mt-4 grid gap-3 sm:grid-cols-3">
            <div class="rounded-xl border border-[var(--color-admin-border)] px-3 py-2.5">
                <span class="block text-xs text-[#6d7175]">Items in feed</span>
                <span class="block text-lg font-semibold tabular-nums">{{ number_format(count($report['items'])) }}</span>
            </div>
            <div class="rounded-xl border border-[var(--color-admin-border)] px-3 py-2.5">
                <span class="block text-xs text-[#6d7175]">Skipped variants</span>
                <span class="block text-lg font-semibold tabular-nums">{{ number_format(count($report['skipped'])) }}</span>
            </div>
            <div class="rounded-xl border border-[var(--color-admin-border)] px-3 py-2.5">
                <span class="block text-xs text-[#6d7175]">Merchant ID</span>
                <span class="block text-lg font-semibold tabular-nums">{{ $merchant['merchant_id'] ?: '—' }}</span>
            </div>
        </div>
        @php $activeWarnings = array_filter($report['warnings']); @endphp
        @if ($activeWarnings !== [])
            <ul class="mt-4 space-y-1 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-900">
                @foreach ($activeWarnings as $key => $count)
                    <li><strong>{{ $count }}</strong> {{ $warningLabels[$key] ?? $key }}</li>
                @endforeach
            </ul>
        @endif
        @if ($report['skipped'] !== [])
            <details class="mt-3 text-sm">
                <summary class="cursor-pointer text-xs font-medium text-[#2c6ecb]">Show skipped variants</summary>
                <ul class="mt-2 max-h-56 space-y-1 overflow-auto text-xs">
                    @foreach ($report['skipped'] as $row)
                        <li class="flex justify-between gap-3 border-b border-[var(--color-admin-border)] py-1"><span>{{ $row['title'] }}</span><span class="text-[#6d7175]">{{ $row['reason'] }}</span></li>
                    @endforeach
                </ul>
            </details>
        @endif
        @if ($merchant['feed_key'] !== '')
            <form method="post" action="{{ route('admin.settings.seo.merchant.rotate') }}" class="mt-4" onsubmit="return confirm('Rotate the feed key? Merchant Center will need the new URL.')">
                @csrf
                <button class="admin-btn" type="submit"><i data-lucide="key-round" class="h-3.5 w-3.5"></i> Rotate feed key</button>
            </form>
        @endif
    </section>

    <form method="post" action="{{ route('admin.settings.seo.merchant') }}" class="space-y-5">
        @csrf @method('PUT')
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <h3 class="text-sm font-semibold">Connection</h3>
            <div class="mt-4 grid gap-3 sm:grid-cols-2">
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="enabled" value="1" @checked(old('enabled', $merchant['enabled']))> Publish the product feed</label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="protect_feed" value="1" @checked(old('protect_feed', $merchant['feed_key'] !== ''))> Protect the feed URL with a secret key</label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="include_out_of_stock" value="1" @checked(old('include_out_of_stock', $merchant['include_out_of_stock']))> Include out-of-stock variants</label>
            </div>
            <div class="mt-4 grid gap-4 md:grid-cols-2">
                <label class="block text-sm"><span class="admin-label">Merchant Center ID</span><input class="admin-input" name="merchant_id" inputmode="numeric" value="{{ old('merchant_id', $merchant['merchant_id']) }}" placeholder="123456789"></label>
                <label class="block text-sm"><span class="admin-label">Default brand</span><input class="admin-input" name="default_brand" value="{{ old('default_brand', $merchant['default_brand']) }}" placeholder="Used when a product has no vendor"></label>
            </div>
        </section>
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <h3 class="text-sm font-semibold">Product defaults</h3>
            <div class="mt-4 grid gap-4 md:grid-cols-2">
                <label class="block text-sm md:col-span-2"><span class="admin-label">Google product category</span><input class="admin-input" name="google_category" value="{{ old('google_category', $merchant['google_category']) }}"><span class="mt-1 block text-xs text-[#6d7175]">Name or numeric ID from Google's product taxonomy.</span></label>
                <label class="block text-sm"><span class="admin-label">Condition</span>
                    <select class="admin-input" name="condition">
                        @foreach (['new' => 'New', 'refurbished' => 'Refurbished', 'used' => 'Used'] as $value => $label)
                            <option value="{{ $value }}" @selected(old('condition', $merchant['condition']) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </label>
                <label class="block text-sm"><span class="admin-label">Identifier exists</span>
                    <select class="admin-input" name="identifier_exists">
                        @foreach (['auto' => 'Automatic (yes when GTIN or SKU is set)', 'yes' => 'Always yes', 'no' => 'Always no (custom-made goods)'] as $value => $label)
                            <option value="{{ $value }}" @selected(old('identifier_exists', $merchant['identifier_exists']) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </label>
            </div>
        </section>
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <h3 class="text-sm font-semibold">Shipping</h3>
            <p class="mt-1 text-xs text-[#6d7175]">Leave the price empty to manage shipping inside Merchant Center instead.</p>
            <div class="mt-4 grid gap-4 md:grid-cols-3">
                <label class="block text-sm"><span class="admin-label">Country</span><input class="admin-input uppercase" name="shipping_country" maxlength="2" value="{{ old('shipping_country', $merchant['shipping_country']) }}"></label>
                <label class="block text-sm"><span class="admin-label">Service name</span><input class="admin-input" name="shipping_service" value="{{ old('shipping_service', $merchant['shipping_service']) }}"></label>
                <label class="block text-sm"><span class="admin-label">Flat price</span><input class="admin-input" name="shipping_price" type="number" step="0.01" min="0" value="{{ old('shipping_price', $merchant['shipping_price']) }}" placeholder="e.g. 25.00"></label>
            </div>
        </section>
        <button class="admin-btn admin-btn-primary" type="submit">Save Merchant Center settings</button>
    </form>
</div>