{{--
    La vignette d'un module sur le chemin. L'image porte le sens (§3) : un module sans photo
    tombe sur un pictogramme, jamais sur un rectangle vide.
--}}
@if ($module->image_path)
    <img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($module->image_path) }}"
         alt="" loading="lazy" decoding="async"
         class="h-16 w-16 shrink-0 rounded-xl object-cover">
@else
    <span class="grid h-16 w-16 shrink-0 place-items-center rounded-xl bg-surface text-3xl" aria-hidden="true">📘</span>
@endif

<span class="min-w-0 flex-1">
    <span class="block text-base font-bold leading-snug">{{ $module->titre }}</span>
    <span class="mt-1 block text-sm text-encre-doux">
        @if ($etat === 'verrouille')
            {{ __('formation.verrouille') }}
        @elseif ($etat === 'termine')
            {{ __('formation.termine') }}
        @else
            {{-- Un module qui ne porte que des notions affichait « 0 / 0 · Séquence » : le
                 bénéficiaire y lisait « il n'y a rien », alors que tout son parcours est là. --}}
            @if ($etape['sequences_total'] > 0)
                <span dir="ltr">{{ $etape['sequences_terminees'] }} / {{ $etape['sequences_total'] }}</span> · {{ __('formation.sequence') }}
                @if (($etape['notions_total'] ?? 0) > 0)
                    · <span dir="ltr">{{ $etape['notions_total'] }}</span> {{ trans_choice('formation.notions_compte', $etape['notions_total']) }}
                @endif
            @elseif (($etape['notions_total'] ?? 0) > 0)
                <span dir="ltr">{{ $etape['notions_total'] }}</span> {{ trans_choice('formation.notions_compte', $etape['notions_total']) }}
            @endif
        @endif
    </span>
</span>