@extends('admin.layout')
@section('title', 'Site settings & SEO')
@section('content')
@php
    use Illuminate\Support\Str;
    $slugs = array_map(fn ($g) => Str::slug($g), array_keys($groups));
    $active = in_array(request('tab'), $slugs, true) ? request('tab') : $slugs[0];
@endphp
<form method="post" action="{{ route('admin.settings.update') }}">
    @csrf @method('PUT')
    <div class="tabs" data-tabs>
        @foreach ($groups as $group => $fields)
            <button type="button" data-tab="{{ Str::slug($group) }}" @class(['active' => Str::slug($group) === $active])>{{ $group }}</button>
        @endforeach
    </div>
    @foreach ($groups as $group => $fields)
        <section class="tab-panel card" data-panel="{{ Str::slug($group) }}" @if(Str::slug($group) !== $active) hidden @endif>
            @if ($group === 'Floating banner')
                <div class="setting-intro">
                    <div>
                        <h2>Anan Early Years – floating banner</h2>
                        <p class="muted small">A closable promo card at the bottom-left of every page. After a visitor closes it, it floats back in again after the time you set below.</p>
                    </div>
                    <a class="btn" href="{{ url('/') }}/?aefb_preview=1" target="_blank" rel="noopener">@include('admin._icon', ['i' => 'eye'])Preview on site</a>
                </div>
            @endif
            @foreach ($fields as $key => $f)
                @php([$label, $type, $help] = $f)
                <div @class(['field', 'field-toggle' => $type === 'toggle'])>
                    @if ($type === 'toggle')
                        <label class="toggle">
                            <input type="hidden" name="{{ $key }}" value="0">
                            <input type="checkbox" name="{{ $key }}" value="1" @checked(old($key, $values[$key]) === '1')>
                            <span class="toggle-ui" aria-hidden="true"></span>
                            <span class="toggle-text"><strong>{{ $label }}</strong>@if ($help)<small class="muted">{{ $help }}</small>@endif</span>
                        </label>
                        @continue
                    @endif
                    <span>{{ $label }}</span>
                    @if ($type === 'textarea')
                        <textarea name="{{ $key }}" rows="3">{{ old($key, $values[$key]) }}</textarea>
                    @elseif ($type === 'code')
                        <textarea class="code" name="{{ $key }}" rows="{{ $key === 'custom_css' ? 18 : 10 }}" spellcheck="false">{{ old($key, $values[$key]) }}</textarea>
                    @elseif ($type === 'media')
                        <div class="media-input">
                            <img data-preview-for="{{ $key }}" src="{{ $values[$key] }}" alt="" @if(! $values[$key]) hidden @endif>
                            <input type="text" name="{{ $key }}" id="{{ $key }}" value="{{ old($key, $values[$key]) }}">
                            <button type="button" class="btn btn-sm" data-media-pick data-target="#{{ $key }}">Choose…</button>
                        </div>
                    @elseif ($type === 'secret')
                        <input type="password" name="{{ $key }}" value="" autocomplete="new-password" placeholder="{{ $hasSecret ? '•••••••• (set)' : 'not set' }}">
                    @elseif ($type === 'number')
                        <input type="number" class="input-narrow" name="{{ $key }}" value="{{ old($key, $values[$key]) }}" min="{{ $f[4]['min'] ?? 0 }}" max="{{ $f[4]['max'] ?? '' }}" step="1">
                    @else
                        <input type="text" name="{{ $key }}" value="{{ old($key, $values[$key]) }}">
                    @endif
                    @if ($help)<small class="muted">{{ $help }}</small>@endif
                </div>
            @endforeach
        </section>
    @endforeach
    <div class="card">
        <h2>Generated for search engines</h2>
        <ul class="small">
            <li><a href="{{ url('sitemap.xml') }}" target="_blank" rel="noopener">{{ url('sitemap.xml') }}</a> — every published page and post (pages set to “noindex” are left out). Submit this in Google Search Console.</li>
            <li><a href="{{ url('robots.txt') }}" target="_blank" rel="noopener">{{ url('robots.txt') }}</a> · <a href="{{ url('llms.txt') }}" target="_blank" rel="noopener">{{ url('llms.txt') }}</a> · <a href="{{ url('feed') }}/" target="_blank" rel="noopener">RSS feed</a></li>
            <li>Per-page titles, descriptions, social images and schema are edited on each page's <strong>SEO</strong> tab.</li>
        </ul>
    </div>
    <div class="savebar"><button class="btn btn-primary" type="submit">Save settings</button></div>
</form>
@endsection