@props(['block'])

@inject('renderer', 'App\Domains\Encyclopedia\Services\ContentRenderer')

@php
    $type = $block['type'] ?? 'section';
    // Tout texte éditorial passe par le renderer : échappement strict +
    // références [[L631-1]] transformées en chips justifiés (pop-up sourcé BDD).
@endphp

@switch($type)
    @case('retenir')
        <div class="reveal my-5 rounded-lg border-l-[3px] border-rep-blue bg-paper px-5 py-4">
            <div class="mb-2 text-xs font-bold uppercase tracking-wider text-title-2">À retenir</div>
            <ul class="space-y-1.5">
                @foreach($block['items'] as $item)
                    <li class="flex gap-2 text-[15px] text-ink"><span class="mt-1 text-rep-blue" aria-hidden="true">&#8226;</span><span>{{ $renderer->html($item) }}</span></li>
                @endforeach
            </ul>
        </div>
        @break

    @case('todo')
        <div class="encart encart--action reveal my-5 px-5 py-4">
            <div class="encart-titre mb-2">{{ $block['title'] ?? 'Ce que vous devez faire maintenant' }}</div>
            <ul class="space-y-1.5">
                @foreach($block['items'] as $item)
                    <li class="flex gap-2 text-[15px] text-ink"><span class="mt-0.5" aria-hidden="true">&#10003;</span><span>{{ $renderer->html($item) }}</span></li>
                @endforeach
            </ul>
        </div>
        @break

    @case('avoid')
        <div class="encart encart--interdit reveal my-5 px-5 py-4">
            <div class="encart-titre mb-2">{{ $block['title'] ?? "Ce qu'il ne faut pas faire" }}</div>
            <ul class="space-y-1.5">
                @foreach($block['items'] as $item)
                    <li class="flex gap-2 text-[15px] text-ink"><span class="mt-0.5" aria-hidden="true">&#10007;</span><span>{{ $renderer->html($item) }}</span></li>
                @endforeach
            </ul>
        </div>
        @break

    @case('liste')
        <div class="reveal my-4">
            @if(!empty($block['title']))<h3 class="mb-2 text-base font-bold text-title">{{ $block['title'] }}</h3>@endif
            <ul class="space-y-1.5">
                @foreach($block['items'] as $item)
                    <li class="flex gap-2 text-[15px]"><span class="mt-1.5 h-1.5 w-1.5 flex-none rounded-full bg-rep-blue" aria-hidden="true"></span><span>{{ $renderer->html($item) }}</span></li>
                @endforeach
            </ul>
        </div>
        @break

    @case('note')
        <p class="encart encart--info reveal my-4 px-4 py-3 text-sm text-ink">{{ $renderer->html($block['body'] ?? '') }}</p>
        @break

    @default
        <div class="reveal my-4">
            @if(!empty($block['title']))<h3 class="mb-1.5 text-base font-bold text-title">{{ $block['title'] }}</h3>@endif
            <p class="text-[15px] leading-relaxed">{{ $renderer->html($block['body'] ?? '') }}</p>
        </div>
@endswitch