@php
    $v = \App\Support\Tokens::detokenizeDeep($block->current());
    $o = $block->getAttribute('original') ?? [];
@endphp
@switch($block->type)
    @case('heading')
        <label class="field"><span>Text <small class="muted">(HTML allowed, e.g. &lt;br&gt;)</small></span><textarea rows="2" data-k="text">{{ $v['text'] ?? '' }}</textarea></label>
        @if (($o['link'] ?? null) !== null)
            <label class="field"><span>Link</span><input type="text" data-k="link" value="{{ $v['link'] ?? '' }}"></label>
        @endif
        @php($chosenTag = ($block->getAttribute('value') ?? [])['tag'] ?? null)
        @php($chosenTag = $chosenTag !== ($o['tag'] ?? null) ? $chosenTag : null)
        <label class="field"><span>HTML tag <small class="muted">(one H1 per page helps SEO)</small></span>
            <select data-k="tag">
                <option value="">As designed{{ ($d = $headingTag ?? $o['tag'] ?? null) ? ' ('.strtoupper($d).')' : '' }}</option>
                @foreach (\App\Services\Blocks::HEADING_TAGS as $t)
                    <option value="{{ $t }}" @selected($chosenTag === $t)>{{ strtoupper($t) }}</option>
                @endforeach
            </select>
        </label>
        @break

    @case('text')
        <div class="field"><span>Text</span><textarea rows="8" data-k="html" data-rte>{{ $v['html'] ?? '' }}</textarea></div>
        @break

    @case('button')
        <div class="field-row">
            <label class="field"><span>Button text</span><input type="text" data-k="text" value="{{ $v['text'] ?? '' }}"></label>
            <label class="field"><span>Link</span><input type="text" data-k="url" value="{{ $v['url'] ?? '' }}"></label>
        </div>
        @break

    @case('image')
        <div class="image-edit">
            <img src="{{ $v['src'] ?? '' }}" alt="" data-preview>
            <div>
                <div class="field"><span>Image</span><div class="media-input"><input type="text" data-k="src" value="{{ $v['src'] ?? '' }}"><button type="button" class="btn btn-sm" data-media-pick>Choose…</button></div></div>
                <label class="field"><span>Alt text <small class="muted">(describes the image for Google and screen readers)</small></span><input type="text" data-k="alt" value="{{ $v['alt'] ?? '' }}"></label>
                @if (($o['link'] ?? '') !== '')<label class="field"><span>Link</span><input type="text" data-k="link" value="{{ $v['link'] ?? '' }}"></label>@endif
                @if (($o['caption'] ?? null) !== null)<label class="field"><span>Caption</span><input type="text" data-k="caption" value="{{ $v['caption'] ?? '' }}"></label>@endif
            </div>
        </div>
        @break

    @case('gallery')
    @case('wpgallery')
        @php($titleKey = $block->type === 'gallery' ? 'title' : 'alt')
        <div class="gallery-edit" data-list="items" data-sortable>
            @foreach ($v['items'] ?? [] as $item)
                <div class="g-item" data-scope data-row>
                    <img src="{{ $item['thumb'] ?: $item['src'] }}" alt="" data-preview>
                    <input type="hidden" data-k="src" value="{{ $item['src'] }}">
                    <input type="hidden" data-k="thumb" value="{{ $item['thumb'] }}">
                    <input type="text" data-k="{{ $titleKey }}" value="{{ $item[$titleKey] ?? '' }}" placeholder="{{ $titleKey === 'title' ? 'Title' : 'Alt text' }}">
                    <div class="row-tools"><button type="button" data-move="-1" title="Move left">←</button><button type="button" data-move="1" title="Move right">→</button><button type="button" data-remove title="Remove">✕</button></div>
                </div>
            @endforeach
            <template data-template>
                <div class="g-item" data-scope data-row>
                    <img src="" alt="" data-preview>
                    <input type="hidden" data-k="src" value=""><input type="hidden" data-k="thumb" value="">
                    <input type="text" data-k="{{ $titleKey }}" value="" placeholder="{{ $titleKey === 'title' ? 'Title' : 'Alt text' }}">
                    <div class="row-tools"><button type="button" data-move="-1">←</button><button type="button" data-move="1">→</button><button type="button" data-remove>✕</button></div>
                </div>
            </template>
        </div>
        <button type="button" class="btn btn-sm" data-media-pick data-multiple data-gallery>+ Add images</button>
        @break

    @case('list')
        <div data-list="items" class="rows">
            @foreach ($v['items'] ?? [] as $item)
                <div class="row" data-scope data-row>
                    <input type="text" data-k="text" value="{{ $item['text'] ?? '' }}" placeholder="Text">
                    <input type="text" data-k="url" value="{{ $item['url'] ?? '' }}" placeholder="Link (optional)">
                    <div class="row-tools"><button type="button" data-move="-1">↑</button><button type="button" data-move="1">↓</button><button type="button" data-remove>✕</button></div>
                </div>
            @endforeach
            <template data-template><div class="row" data-scope data-row><input type="text" data-k="text" value="" placeholder="Text"><input type="text" data-k="url" value="" placeholder="Link (optional)"><div class="row-tools"><button type="button" data-move="-1">↑</button><button type="button" data-move="1">↓</button><button type="button" data-remove>✕</button></div></div></template>
        </div>
        <button type="button" class="btn btn-sm" data-add-row>+ Add item</button>
        @break

    @case('box')
        @if (($o['image'] ?? null) !== null)
            <div class="field"><span>Image</span><div class="media-input"><img src="{{ $v['image'] }}" alt="" data-preview><input type="text" data-k="image" value="{{ $v['image'] }}"><button type="button" class="btn btn-sm" data-media-pick>Choose…</button></div></div>
        @endif
        <label class="field"><span>Title</span><input type="text" data-k="title" value="{{ $v['title'] ?? '' }}"></label>
        <div class="field"><span>Description</span><textarea rows="4" data-k="description" data-rte>{{ $v['description'] ?? '' }}</textarea></div>
        <label class="field"><span>Link</span><input type="text" data-k="url" value="{{ $v['url'] ?? '' }}"></label>
        @break

    @case('menu')
        <p class="small muted">Change the order with ↑ ↓. “+ Sub-item” adds a drop-down entry. Use # as the link for headings that only open a drop-down.</p>
        @include('admin.pages._menu', ['items' => $v['items'] ?? [], 'depth' => 0])
        @break

    @case('video')
        <label class="field"><span>Video address ({{ $v['provider'] ?? 'youtube' }})</span><input type="text" data-k="url" value="{{ $v['url'] ?? '' }}" placeholder="https://www.youtube.com/watch?v=…"></label>
        @break

    @case('icon')
        <label class="field"><span>Icon <small class="muted">(Font Awesome 5 class, e.g. <code>fas fa-star</code>, <code>fab fa-whatsapp</code>)</small></span>
            <span class="icon-input"><i class="{{ $v['icon'] ?? '' }}" data-icon-preview></i><input type="text" data-k="icon" value="{{ $v['icon'] ?? '' }}"></span></label>
        @if (($o['url'] ?? null) !== null)
            <label class="field"><span>Link</span><input type="text" data-k="url" value="{{ $v['url'] ?? '' }}"></label>
        @endif
        @break

    @case('posts')
        <p class="small muted">This list fills itself with the newest posts{{ ! empty($o['terms']) ? ' in “'.implode(', ', $o['terms']).'”' : '' }}{{ ($o['orderby'] ?? 'post_date') === 'post_title' ? ' (sorted by title)' : '' }}. Publish a post and it appears here automatically.</p>
        <label class="field narrow"><span>Number of posts</span><input type="number" min="1" max="50" data-k="count" value="{{ $v['count'] ?? 3 }}"></label>
        @break

    @case('form')
        @php($form = \App\Models\Form::where('widget_id', $block->widgetId())->where('wp_post_id', $page->wp_id)->first() ?? \App\Models\Form::where('widget_id', $block->widgetId())->first())
        <p class="small">The fields are part of the design. Recipients, messages and validation:
            @if ($form)<a href="{{ route('admin.forms.edit', $form) }}" target="_blank">open form settings</a>@else not available @endif</p>
        @break

    @default
        <p class="small muted">Edit the HTML of this {{ str_replace('-', ' ', $v['widget'] ?? 'block') }}. Keep the existing structure and classes so the design stays intact.</p>
        <textarea class="code" rows="10" spellcheck="false" data-k="html">{{ $v['html'] ?? '' }}</textarea>
@endswitch