{{--
    One block in the page editor. Expects $index (a number, or __BLOCK__ inside a
    template), $type, $data and $mediaPreviews.
--}}
@php
    $definition = \App\Services\Content\BlockDefinitions::get($type)
        ?? ['label' => $type, 'icon' => 'layout-dashboard', 'hint' => '', 'fields' => []];
    $data = is_array($data) ? $data : [];
    $prefix = 'blocks['.$index.'][data]';
@endphp

<div data-block data-block-type="{{ $type }}" class="rounded-lg border border-border bg-card">
    <div class="flex flex-wrap items-center justify-between gap-2 border-b border-border bg-muted/30 px-4 py-2.5">
        <span class="flex items-center gap-2 text-sm font-semibold">
            @include('admin.partials.icon', ['name' => $definition['icon'], 'class' => 'h-4 w-4 text-muted-foreground'])
            {{ $definition['label'] }}
        </span>

        <span class="flex items-center gap-1">
            <input type="hidden" name="blocks[{{ $index }}][type]" value="{{ $type }}">
            <button type="button" data-block-move="up" class="btn btn-ghost btn-sm" aria-label="Blok omhoog" title="Omhoog">
                @include('admin.partials.icon', ['name' => 'arrow-up', 'class' => 'h-3.5 w-3.5'])
            </button>
            <button type="button" data-block-move="down" class="btn btn-ghost btn-sm" aria-label="Blok omlaag" title="Omlaag">
                @include('admin.partials.icon', ['name' => 'arrow-down', 'class' => 'h-3.5 w-3.5'])
            </button>
            <button type="button" data-block-delete class="btn btn-ghost btn-sm text-destructive" aria-label="Blok verwijderen" title="Verwijderen">
                @include('admin.partials.icon', ['name' => 'trash-2', 'class' => 'h-3.5 w-3.5'])
            </button>
        </span>
    </div>

    <div class="space-y-4 p-4">
        @foreach ($definition['fields'] as $field)
            @include('admin.pages.partials.block-field', [
                'field' => $field,
                'value' => $data[$field['name']] ?? null,
                'prefix' => $prefix,
                'mediaPreviews' => $mediaPreviews,
            ])
        @endforeach

        @if (($definition['hint'] ?? '') !== '')
            <p class="hint">{{ $definition['hint'] }}</p>
        @endif
    </div>
</div>