@props([
    'title' => '',
    'value' => '',
    'progress' => null,
    'color' => '#FFFFFF',
    'barColor' => '#A0E86F'
])

<div class="report-stat-card">
    <div class="stat-header">
        <span class="stat-title">{{ $title }}</span>
    </div>
    <div class="stat-body">
        <span class="stat-value" style="color: {{ $color }};">{{ $value }}</span>
    </div>
    @if(!is_null($progress))
        <div class="stat-progress-track">
            <div class="stat-progress-bar" style="width: {{ min(100, max(0, (float)$progress)) }}%; background-color: {{ $barColor }};"></div>
        </div>
    @endif
</div>