{{-- Content-Score-Panel (Qualitäts-Feedback): Score 0–100 + Stufe samt
     Abstand zur nächsten Schwelle. Gemeinsam genutzt von PM-Editor und
     PM-Detailseite (13.07.); `note` trägt den kontextspezifischen Fußtext. --}}
@props(['score', 'tier' => null, 'note' => null])

@php
    $tierEnum = $tier instanceof \App\Enums\PressReleaseContentTier
        ? $tier
        : ($tier ? \App\Enums\PressReleaseContentTier::from($tier) : null);
    $tiers = config('scoring.content_score.tiers');
    $nextThreshold = $score < (int) $tiers['gepruft']
        ? (int) $tiers['gepruft']
        : ($score < (int) $tiers['hochwertig'] ? (int) $tiers['hochwertig'] : null);
@endphp

<article class="panel">
    <div class="panel-head">
        <span class="section-eyebrow">{{ __('Qualität') }}</span>
        @if ($tierEnum)
            <span class="badge {{ $tierEnum === \App\Enums\PressReleaseContentTier::Hochwertig ? 'ok' : ($tierEnum === \App\Enums\PressReleaseContentTier::Geprueft ? 'hub' : 'muted') }}">{{ $tierEnum->label() }}</span>
        @endif
    </div>
    <div class="p-4">
        <div class="text-[26px] font-bold leading-none text-[color:var(--color-ink)]">
            {{ $score }}<span class="text-[14px] font-medium text-[color:var(--color-ink-3)]">/100</span>
        </div>
        @if ($nextThreshold)
            <p class="text-[12px] text-[color:var(--color-ink-2)] mt-2 m-0">
                {{ __('Noch :points Punkte bis zur nächsten Stufe.', ['points' => $nextThreshold - $score]) }}
            </p>
        @else
            <p class="text-[12px] text-[color:var(--color-ink-2)] mt-2 m-0">
                {{ __('Höchste Stufe erreicht.') }}
            </p>
        @endif
        @if ($note)
            <p class="text-[11px] text-[color:var(--color-ink-3)] mt-2 leading-[1.45] m-0">
                {{ $note }}
            </p>
        @endif
    </div>
</article>