@props(['title', 'value', 'icon' => 'bi-file-earmark', 'color' => 'primary', 'href' => null])

@php $content = $value; @endphp

@if($href)
    <a href="{{ $href }}" class="text-decoration-none text-reset">
@endif
    <div class="stat-card d-flex align-items-center gap-3">
        <div class="stat-icon bg-{{ $color }}-subtle text-{{ $color }}">
            <i class="bi {{ $icon }}"></i>
        </div>
        <div>
            <div class="stat-value">{{ $content }}</div>
            <div class="text-secondary small">{{ $title }}</div>
        </div>
    </div>
@if($href)
    </a>
@endif