@section('gauge')
<div class="card" style="max-width: 300px; margin: auto;">
    <div class="card-body text-center">
        <h5 class="card-title">Radial Gauge</h5>
        
        <div class="gauge-container">
            <div class="gauge-body">
                <div class="gauge-fill" style="transform: rotate(0.75turn);"></div>
                <div class="gauge-cover">50%</div>
            </div>
        </div>
        
        <div class="d-flex justify-content-between mt-2">
            <span class="text-danger fw-bold">E</span>
            <span class="text-success fw-bold">F</span>
        </div>
    </div>
</div>
@endsection