import 'package:fikoyt_hmi_pano/apps/pages/fikoyt_merkez/sol_menu.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class FikoYTMerkezSayfa extends StatefulWidget {
  const FikoYTMerkezSayfa({super.key});

  @override
  State<FikoYTMerkezSayfa> createState() => _FikoYTMerkezSayfaState();
}

class _FikoYTMerkezSayfaState extends State<FikoYTMerkezSayfa> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // ignore: avoid_unnecessary_containers
      appBar: AppBar(
        leading: IconButton(
          onPressed: () {
            context.vRouter.historyBack();
          },
          icon: const Image(
            image: AssetImage('assets/core/icons/logo.png'),
            filterQuality: FilterQuality.high,
            // width: widget.logoWidth * cardWidth,
          ),
          iconSize: 22,
          splashRadius: 20,
          color: Colors.blue.shade300,
        ),
        title: Stack(
          children: [
            Center(
              child: Padding(
                padding: const EdgeInsets.only(left: 55, top: 22),
                child: Container(
                  // width: double.infinity,
                  height: 18,
                  constraints: const BoxConstraints(maxWidth: 300),
                  padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
                  decoration: const BoxDecoration(
                    color: Colors.transparent,
                    borderRadius: BorderRadius.all(
                      Radius.circular(10),
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      FikoYTButton(
                        text: "Merkez",
                        tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                              fontSize: 11,
                              textStrokeColor: Colors.transparent,
                              textColor: Colors.black,
                              backgroundColor: Colors.amber,
                            ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
            Center(
              child: Padding(
                padding: const EdgeInsets.only(left: 0, top: 36),
                child: Container(
                  // width: double.infinity,
                  height: 18,
                  constraints: const BoxConstraints(maxWidth: 300),
                  padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
                  decoration: const BoxDecoration(
                    color: Colors.transparent,
                    borderRadius: BorderRadius.all(
                      Radius.circular(10),
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      FikoYTButton(
                        text: "Alt Başlık",
                        tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                              edgePadding: EdgeInsets.symmetric(horizontal: 15, vertical: 0),
                              fontSize: 12,
                              textStrokeWidth: 1,
                              textStrokeColor: Colors.transparent,
                              textColor: Colors.white,
                              backgroundColor: Colors.blue,
                            ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
            Center(
              child: Padding(
                  padding: const EdgeInsets.only(top: 0),
                  child: GestureDetector(
                    onTap: () {
                      context.vRouter.to("/");
                    }, // Image tapped
                    child: const Image(
                      image: AssetImage('assets/core/icons/fikoyt.png'),
                      filterQuality: FilterQuality.high,
                      height: 36,
                      // width: widget.logoWidth * cardWidth,
                    ),
                  )),
            ),
          ],
        ),
        actions: [
          IconButton(
            onPressed: () {
              // context.vRouter.to("/mesaici/ayarlar");
            },
            icon: const Text(
              "⚙️",
              style: TextStyle(
                fontSize: 22,
              ),
            ),
            // const Icon(
            //   Icons.settings,
            // ),
            iconSize: 22,
            splashRadius: 20,
            // color: Colors.blue.shade300,
          ),
        ],
        automaticallyImplyLeading: true,
        centerTitle: true,
        scrolledUnderElevation: 6.0,
      ),
      drawer: AnimatedInteractiveDrawer(), extendBody: true,
      body: Text("sdfsfs"),
    );
  }
}