@php
    /*
     * Shared quota meter.
     *   $label    string
     *   $used     int|null
     *   $limit    int|null  (-1 = unlimited, null = unknown, 0 = none)
     *   $help     string|null
     *   $icon     string|null
     *   $unit     string|null
     */
    $used   = isset($used)  ? (int) $used  : 0;
    $lim    = array_key_exists('limit', get_defined_vars()) ? $limit : null;
    // Matches Dashboard semantics: null OR -1 = unlimited (∞).
    $unlim  = is_null($lim) || (int) $lim === -1;
    $known  = true;
    $pct    = 0;
    if (!$unlim && (int) $lim > 0) {
        $pct = min(100, round(($used / (int) $lim) * 100));
    }
    $state = $pct >= 90 ? 'danger' : ($pct >= 70 ? 'warn' : 'ok');
@endphp
<div class="plan-meter plan-meter--{{ $state }}">
    <div class="plan-meter__head">
        <div class="plan-meter__title">
            @if(!empty($icon))<i class="{{ $icon }}"></i>@endif
            <span>{{ $label }}</span>
        </div>
        <div class="plan-meter__value">
            @if($unlim)
                <strong>@lang('plan.common.unlimited')</strong>
            @elseif(!$known)
                <strong>@lang('plan.common.not_set')</strong>
            @else
                <strong>{{ number_format($used) }}</strong>
                <span>@lang('plan.common.of') {{ number_format((int) $lim) }}</span>
                @if(!empty($unit))<span class="plan-meter__unit">{{ $unit }}</span>@endif
            @endif
        </div>
    </div>
    @if($known && !$unlim)
        <div class="plan-meter__bar"><span style="width: {{ $pct }}%"></span></div>
    @endif
    @if(!empty($help))
        <div class="plan-meter__help">{{ $help }}</div>
    @endif
</div>