gauge_widget.dart

import 'package:flutter/material.dart';
import 'package:gx_gauge/gx_gauge.dart';
import 'package:pslab/theme/colors.dart';

class InstrumentGauge extends StatelessWidget {
  final double currentValue;
  final double minValue;
  final double maxValue;
  final int interval;
  final String unit;
  final double size;
  final int decimalPlaces;

  const InstrumentGauge({
    super.key,
    required this.currentValue,
    required this.maxValue,
    required this.unit,
    required this.size,
    this.minValue = 0.0,
    this.interval = 20,
    this.decimalPlaces = 1,
  });

  @override
  Widget build(BuildContext context) {
    double clampedValue = currentValue.clamp(minValue, maxValue);

    return Stack(
      alignment: Alignment.center,
      children: [
        GxRadialGauge(
          value: GxGaugeValue(
              value: clampedValue.toDouble(),
              min: minValue.toDouble(),
              max: maxValue.toDouble()),
          diameter: size.toDouble(),
          startAngleInDegree: 140.0,
          sweepAngleInDegree: 260.0,
          showValueAtCenter: false,
          showMajorTicks: true,
          showLabels: true,
          interval: interval.toDouble(),
          labelTickStyle: const GxRadialTickLabelStyle(
            padding: 22,
            position: GxRadialElementPosition.outside,
            style: TextStyle(
              fontSize: 8,
              color: Colors.black87,
              fontWeight: FontWeight.w500,
            ),
          ),
          majorTickStyle: GxRadialTickStyle(
            color: Colors.blueGrey.shade300,
            thickness: 2,
            length: 12,
            position: GxRadialElementPosition.outside,
            alignment: GxRadialElementAlignment.start,
          ),
          style: const GxRadialGaugeStyle(
            color: Color(0xFFEEEEEE),
            thickness: 15,
            gradient: LinearGradient(
              colors: [
                gaugeGradientStart,
                gaugeGradientCenter,
                gaugeGradientEnd
              ],
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
            ),
          ),
          showNeedle: true,
          needle: const GxRadialNeedle(
            color: Color(0xFF424242),
            shape: GxRadialNeedleShape.taperedLine,
            thickness: 8,
            alignment: GxRadialElementAlignment.end,
            cap: GxNeedleCap(
              radius: 8,
              innerColor: Colors.black87,
              paintingStyle: PaintingStyle.fill,
            ),
          ),
        ),
        Positioned(
          bottom: size * 0.12,
          child: Column(
            children: [
              Text(
                clampedValue.toStringAsFixed(decimalPlaces),
                style: TextStyle(
                  fontSize: (size * 0.08).clamp(12.0, 24.0),
                  fontWeight: FontWeight.w800,
                  color: Colors.black87,
                ),
              ),
              Container(
                padding:
                    const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
                decoration: BoxDecoration(
                  color: Colors.grey.withValues(alpha: 0.1),
                  borderRadius: BorderRadius.circular(10),
                ),
                child: Text(
                  unit.toUpperCase(),
                  style: TextStyle(
                    fontSize: (size * 0.045).clamp(8.0, 12.0),
                    fontWeight: FontWeight.w800,
                    color: Colors.blueGrey,
                    letterSpacing: 1.5,
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}