@props([
    'value' => 0,
    'max' => 100,
    'label' => null,
    'showLabel' => true,
])

@php
    $pct = $max > 0 ? min(100, max(0, round(($value / $max) * 100, 1))) : 0;
@endphp

<div {{ $attributes->merge(['class' => 'chm-progress-wrap']) }}>
    @if($label && $showLabel)
        <div class="d-flex justify-content-between align-items-center mb-1">
            <span class="small text-muted">{{ $label }}</span>
            <span class="small fw-semibold">{{ $pct }}%</span>
        </div>
    @endif
    <div class="chm-progress" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100">
        <div class="chm-progress-bar" style="width: {{ $pct }}%"></div>
    </div>
</div>