import 'package:fikoyt_sistem/apps/uyar/core/base_sol_menu.dart';
import 'package:fikoyt_sistem/main.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:fikoyt_ui/ui/fikoyt_card.dart';
import 'package:flutter/material.dart';
import 'package:gauge_indicator/gauge_indicator.dart' hide GaugeSegment;

class AdminSunucuDurumu extends StatelessWidget {
  AdminSunucuDurumu({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Center(
          child: ConstrainedBox(
            constraints: const BoxConstraints(maxWidth: 760),
            child: SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    // SizedBox(height: 22),
                    FittedBox(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: [
                          ColorFiltered(
                            colorFilter: const ColorFilter.mode(Colors.white, BlendMode.modulate),
                            child: Image.asset("assets/uyar/sunucu.png", height: 256),
                          ),
                          /** */
                          Center(
                            child: FikoYTButton(text: "Sunucu Durumu", tema: FikoYTButtonTheme(fontSize: 24)),
                          ),
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            mainAxisAlignment: MainAxisAlignment.start,
                            spacing: 5,
                            children: [
                              FikoYTButton(
                                text: "🟢 Her şey normal görünüyor",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              SizedBox(height: 10),
                            ],
                          ),
                        ],
                      ),
                    ),

                    Align(
                      alignment: Alignment.centerLeft,
                      child: FikoYTButton(text: "Öneriler", tema: FikoYTButtonTheme(fontSize: 18)),
                    ),

                    FikoYTCard(
                      theme: FikoYTCardTheme(elevation: 0),
                      children: [
                        FikoYTButton(
                          text: "💡 Birinci Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),
                        FikoYTButton(
                          text: "💡 Ikinci Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),
                        FikoYTButton(
                          text: "💡 Ucuncu Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),

                        Align(
                          alignment: Alignment.bottomRight,
                          child: FikoYTButton(
                            text: "Ayrıntılar",
                            tema: FikoYTButtonTheme(
                              textColor: Colors.black87,
                              backgroundColor: Colors.white,

                              // fontWeight: FontWeight.w700,
                              edgePadding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                              borderColor: Colors.black38,
                              elevation: 3,
                              fontWeight: FontWeight.bold,
                              fontSize: 14,
                              radius: 3.0,
                            ),
                            onPressed: () {},
                          ),
                        ),
                      ],
                    ),

                    Wrap(
                      spacing: 5,
                      runSpacing: 5,
                      children: [
                        FikoYTCard(
                          theme: FikoYTCardTheme(
                            elevation: 4,
                            backgroundColor: Colors.white,
                            borderColor: Colors.grey,
                            padding: EdgeInsets.all(5),
                            radius: 5,
                            boxConstraints: BoxConstraints(maxWidth: 160,),
                          ),
                          children: [
                            Center(
                              child: AnimatedRadialGauge(
                                duration: const Duration(seconds: 1),
                                curve: Curves.elasticOut,
                                radius: 50,
                                value: 20.0,
                                axis: GaugeAxis(
                                  min: 0,
                                  max: 100,
                                  degrees: 180,
                                  style: const GaugeAxisStyle(thickness: 10, background: Color(0xFFDFE2EC), segmentSpacing: 4),
                                  pointer: GaugePointer.needle(
                                    width: 8,
                                    borderRadius: 16,
                                    height: 48,
                                    color: Color(0xFF193663),
                                    // backgroundColor: Color(0xFF193663),
                                  ),
                                  progressBar: const GaugeProgressBar.rounded(color: Color.fromARGB(255, 24, 60, 202)),
                                ),
                              ),
                            ),
                            Center(
                              child: FikoYTButton(
                                text: "54%",
                                tema: FikoYTButtonTheme(fontSize: 10, fontWeight: FontWeight.w200),
                              ),
                            ),
                            Center(
                              child: FikoYTButton(
                                text: "CPU",
                                tema: FikoYTButtonTheme(
                                  edgePadding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                                  borderColor: Colors.transparent,
                                  elevation: 3,
                                  fontWeight: FontWeight.bold,
                                  fontSize: 14,
                                  radius: 3.0,
                                ),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ],
    );
  }
}