@props(['pct' => 0, 'over' => false])

@php
    $pct = (int) $pct;
    // Over target: the bar rescales to "raised" — green fills up to the goal and a
    // gold segment shows the amount raised beyond it. Otherwise a normal green fill.
    $over = $over && $pct > 100;
    $goalWidth = $over ? round(10000 / $pct, 1) : min(100, $pct);
@endphp

<div {{ $attributes->class(['mini-th', 'over' => $over]) }}>
    <div class="track">
        <div class="fill" style="width: {{ $goalWidth }}%"></div>
        @if ($over)
            <div class="fill-over" style="left: {{ $goalWidth }}%"></div>
        @endif
    </div>
    <span class="pc">{{ $pct }}%</span>
</div>