@php
    $crawlers = $seo['crawlers'];
    $files = [
        'robots' => ['title' => 'robots.txt', 'url' => route('robots'), 'auto' => $seo['autoRobots'] ?? '', 'help' => 'Tells search engines which parts of the store to crawl. Auto mode blocks admin, cart, checkout and account pages and links the sitemap.'],
        'llms' => ['title' => 'llms.txt', 'url' => route('llms'), 'auto' => $seo['autoLlms'] ?? '', 'help' => 'A plain-language guide to the store for AI assistants such as ChatGPT, Claude and Perplexity. Auto mode lists products, collections, pages, guides and policies.'],
    ];
@endphp
<form method="post" action="{{ route('admin.settings.seo.crawlers') }}" class="space-y-5">
    @csrf @method('PUT')
    @foreach ($files as $file => $meta)
        @php $mode = old($file.'_mode', $crawlers[$file.'_mode']); @endphp
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]" data-crawler-file="{{ $file }}">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div class="max-w-xl">
                    <h3 class="text-sm font-semibold">{{ $meta['title'] }}</h3>
                    <p class="mt-1 text-xs text-[#6d7175]">{{ $meta['help'] }}</p>
                </div>
                <div class="inline-flex rounded-lg border border-[var(--color-admin-border)] p-0.5 text-sm">
                    @foreach (['auto' => 'Automatic', 'manual' => 'Manual'] as $value => $label)
                        <label class="cursor-pointer rounded-md px-3 py-1 has-[:checked]:bg-[#202223] has-[:checked]:text-white">
                            <input type="radio" class="sr-only" name="{{ $file }}_mode" value="{{ $value }}" @checked($mode === $value)>{{ $label }}
                        </label>
                    @endforeach
                </div>
            </div>
            <div class="mt-4">@include('admin.settings.partials.seo-url-row', ['label' => 'Live file', 'url' => $meta['url']])</div>

            @if ($file === 'robots')
                <div class="mt-4 grid gap-4 md:grid-cols-2">
                    <label class="block text-sm">
                        <span class="admin-label">Extra rules (automatic mode)</span>
                        <textarea class="admin-input min-h-[5rem] font-mono text-xs" name="robots_extra_rules" placeholder="Disallow: /pages/internal">{{ old('robots_extra_rules', $crawlers['robots_extra_rules']) }}</textarea>
                    </label>
                    <div class="text-sm">
                        <label class="inline-flex items-start gap-2">
                            <input type="checkbox" class="mt-0.5" name="block_ai_crawlers" value="1" @checked(old('block_ai_crawlers', $crawlers['block_ai_crawlers']))>
                            <span>Block AI training crawlers<span class="mt-0.5 block text-xs text-[#6d7175]">{{ implode(', ', \App\Domain\SEO\Services\SeoSettingsService::AI_CRAWLERS) }}</span></span>
                        </label>
                    </div>
                </div>
            @else
                <label class="mt-4 block text-sm">
                    <span class="admin-label">Store summary (automatic mode)</span>
                    <textarea class="admin-input min-h-[4rem]" name="llms_summary" placeholder="Falls back to the store tagline or default meta description.">{{ old('llms_summary', $crawlers['llms_summary']) }}</textarea>
                </label>
            @endif

            <div class="mt-4 grid gap-4 lg:grid-cols-2">
                <label class="block text-sm">
                    <span class="admin-label">Automatic version (preview)</span>
                    <textarea class="admin-input min-h-[14rem] bg-[#f6f6f7] font-mono text-xs" readonly data-crawler-auto>{{ $meta['auto'] }}</textarea>
                </label>
                <label class="block text-sm">
                    <span class="admin-label flex items-center justify-between">Manual content
                        <button type="button" class="text-xs font-medium text-[#2c6ecb] hover:underline" onclick="const s = this.closest('[data-crawler-file]'); s.querySelector('[data-crawler-manual]').value = s.querySelector('[data-crawler-auto]').value;">Start from automatic</button>
                    </span>
                    <textarea class="admin-input min-h-[14rem] font-mono text-xs" name="{{ $file }}_manual" data-crawler-manual>{{ old($file.'_manual', $crawlers[$file.'_manual']) }}</textarea>
                </label>
            </div>
        </section>
    @endforeach
    <button class="admin-btn admin-btn-primary" type="submit">Save crawler settings</button>
</form>