@props([
    'length' => 0,
    'max' => null,
])

@php
    $limite = (int) ($max ?? \App\Models\PianoAlimentare::limiteObiettivo());
    $lunghezza = max(0, (int) $length);
    $percentuale = $limite > 0 ? min(100, ($lunghezza / $limite) * 100) : 0;
    $classe = 'text-muted';
    if ($lunghezza > $limite) {
        $classe = 'text-danger font-weight-bold';
    } elseif ($percentuale >= 90) {
        $classe = 'text-warning';
    }
@endphp

<small {{ $attributes->merge(['class' => $classe . ' d-block mt-1']) }} role="status" aria-live="polite">
    {{ $lunghezza }}/{{ $limite }}
    @if ($lunghezza > $limite)
        <span class="d-block">Hai superato il limite massimo consentito.</span>
    @endif
</small>