@php $schema = $seo['schema']; @endphp
<form method="post" action="{{ route('admin.settings.seo.schema') }}" 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)]">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div class="max-w-xl">
                <h3 class="text-sm font-semibold">Automatic structured data</h3>
                <p class="mt-1 text-xs text-[#6d7175]">JSON-LD built from your store details and catalogue, which helps Google show rich results (prices, availability, breadcrumbs, FAQs). Store name, contact and address come from Settings → General.</p>
            </div>
            <label class="inline-flex items-center gap-2 text-sm font-medium">
                <input type="checkbox" name="enabled" value="1" @checked(old('enabled', $schema['enabled']))> Output schema markup
            </label>
        </div>
        <div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
            @foreach ([
                'website_search' => 'Sitelinks search box',
                'product' => 'Product (price, stock, images, GTIN)',
                'breadcrumbs' => 'Breadcrumbs',
                'article' => 'Blog articles',
                'faq' => 'FAQ pages',
            ] as $key => $label)
                <label class="inline-flex items-center gap-2 text-sm">
                    <input type="checkbox" name="{{ $key }}" value="1" @checked(old($key, $schema[$key]))>
                    {{ $label }}
                </label>
            @endforeach
        </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">Organization</h3>
        <div class="mt-4 grid gap-4 md:grid-cols-2">
            <label class="block text-sm">
                <span class="admin-label">Business type</span>
                <select class="admin-input" name="org_type">
                    @foreach (\App\Domain\SEO\Services\SeoSettingsService::ORG_TYPES as $type)
                        <option value="{{ $type }}" @selected(old('org_type', $schema['org_type']) === $type)>{{ \Illuminate\Support\Str::headline($type) }}</option>
                    @endforeach
                </select>
            </label>
            <label class="block text-sm">
                <span class="admin-label">Logo URL</span>
                <input class="admin-input" name="logo_url" value="{{ old('logo_url', $schema['logo_url']) }}" placeholder="https://… or /images/logo.png">
            </label>
            <label class="block text-sm md:col-span-2">
                <span class="admin-label">Social profiles</span>
                <textarea class="admin-input min-h-[5rem] font-mono text-xs" name="same_as" placeholder="https://www.instagram.com/…&#10;https://www.facebook.com/…">{{ old('same_as', $schema['same_as']) }}</textarea>
                <span class="mt-1 block text-xs text-[#6d7175]">One URL per line. Shown to Google as the brand's official profiles.</span>
            </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">Manual JSON-LD</h3>
        <p class="mt-1 text-xs text-[#6d7175]">Optional extra schema added to every storefront page, for example a LocalBusiness with opening hours or an Event. Must be valid JSON. Individual blog posts can also set their own schema in the post editor.</p>
        <textarea class="admin-input mt-3 min-h-[10rem] font-mono text-xs" name="custom_jsonld" spellcheck="false" placeholder='{"@@context": "https://schema.org", "@type": "LocalBusiness", "name": "…"}'>{{ old('custom_jsonld', $schema['custom_jsonld']) }}</textarea>
    </section>

    @if (! empty($seo['schemaPreview']))
        <details class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <summary class="cursor-pointer text-sm font-semibold">Sitewide schema preview</summary>
            <pre class="mt-3 max-h-80 overflow-auto rounded-lg bg-[#f6f6f7] p-3 text-xs">{{ json_encode($seo['schemaPreview'], JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) }}</pre>
            <a href="https://search.google.com/test/rich-results?url={{ urlencode(url('/')) }}" target="_blank" rel="noopener" class="mt-3 inline-block text-xs font-medium text-[#2c6ecb] hover:underline">Test the homepage in Google's Rich Results Test →</a>
        </details>
    @endif

    <button class="admin-btn admin-btn-primary" type="submit">Save schema settings</button>
</form>