// ignore_for_file: library_private_types_in_public_api

import 'package:fikoyt_merkez/core/widgets/fiko_ui/fiko_button/fiko_button.dart';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:get/get.dart';
import 'package:vrouter/vrouter.dart';

import '../../../../core/widgets/base_page/base_page_view.dart';
import '../../../../core/widgets/draggable_home.dart';
import '../../../../core/widgets/fikoyt_elastic/fikoyt_elastic.dart';
import '../../base_page_mesaici_view.dart';
import '../../widgets/mesaici_navigasyon/mesaici_navigasyon.dart';
import '../../widgets/uygulama_baslik/uygulama_baslik.dart';

class PageAyarResmiTatillerLogic extends GetxController {}

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

  @override
  _PageMesaiciResmiTatillerState createState() =>
      _PageMesaiciResmiTatillerState();
}

class _PageMesaiciResmiTatillerState extends State<PageMesaiciResmiTatiller> {
  PageAyarResmiTatillerLogic logic = Get.put(PageAyarResmiTatillerLogic());
  BasePageLogic basePageLogic = Get.put(BasePageLogic());
  BasePageMesaiciLogic basePageMesaiciLogic = Get.put(BasePageMesaiciLogic());
  //--->

  @override
  Widget build(BuildContext context) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      basePageLogic.subTitle.value = "🚩 Resmi Tatiller";
    });

    ScreenSizeTypes screenType = FikoYTElastic.getScreenSizeType(context);
    [
      // ScreenSizeTypes.small,
      ScreenSizeTypes.mini,
      ScreenSizeTypes.extraMini
    ].contains(screenType);

    return DraggableHome(
      leading: const UygulamaBaslikSol(),
      title: UygulamaBaslikOrta(),
      actions: const [
        UygulamaBaslikSag(),
      ],
      headerWidget: PageView(
        children: <Widget>[
          Container(
            color: Colors.transparent, //Colors.orange,
            height: 300 - kToolbarHeight - 10,
            margin: const EdgeInsets.only(
                top: kToolbarHeight, bottom: 10, right: 10, left: 10),
            child: Container(
              child: Column(
                children: [
                  Center(
                    child: CircleAvatar(
                      backgroundColor: Colors.blueAccent.shade700,
                      radius: 64,
                      child: CircleAvatar(
                        backgroundColor: Colors.blueAccent.shade100,
                        radius: 54,
                        child: const CircleAvatar(
                          radius: 54,
                          child: Text(
                            "🚩",
                            style: TextStyle(
                              fontSize: 54,
                            ),
                          ),
                        ), //CircleAvatar
                      ), //CircleAvatar
                    ), //CircleAvatar
                  ),
                  FikoButton1(
                    text: "Resmi Tatiller",
                    textSize: 24,
                    textStrokeColor: Colors.blue,
                  ),
                  SizedBox(
                    height: 24.0,
                    child: ListView(
                      shrinkWrap: true,
                      scrollDirection: Axis.horizontal,
                      children: [
                        SizedBox(
                          width: 33,
                          child: MaterialButton(
                            elevation: 0,
                            minWidth: 0,
                            shape: RoundedRectangleBorder(
                              borderRadius:
                                  const BorderRadius.all(Radius.circular(5)),
                              side: BorderSide(
                                  width: 1,
                                  color: Colors.blue.withOpacity(0.5),
                                  style: BorderStyle.solid),
                            ),
                            padding: const EdgeInsets.all(0),
                            child: const Text("🏠"),
                            // const Icon(Icons.home,
                            //     color: Colors.lightBlue, size: 14),
                            // color: Colors.white,
                            onPressed: () async {
                              // Scaffold.of(context).openEndDrawer();
                              context.vRouter.to("/mesaici");
                            },
                          ),
                        ),
                        const SizedBox(width: 3),
                        SizedBox(
                          width: 33,
                          child: MaterialButton(
                            elevation: 0,
                            minWidth: 0,
                            shape: RoundedRectangleBorder(
                              borderRadius:
                                  const BorderRadius.all(Radius.circular(5)),
                              side: BorderSide(
                                  width: 1,
                                  color: Colors.blue.withOpacity(0.5),
                                  style: BorderStyle.solid),
                            ),
                            padding: const EdgeInsets.all(0),
                            // color: Colors.white,
                            onPressed: () async {
                              // Scaffold.of(context).openEndDrawer();
                              context.vRouter.to("/mesaici/bildirimler");
                            },
                            child: const Text("🛎️"),
                            // const Icon(Icons.notifications,
                            //     color: Colors.lightBlue, size: 14),
                          ),
                        ),
                        // const SizedBox(width: 3),
                        // SizedBox(
                        //   width: 33,
                        //   child: MaterialButton(
                        //     elevation: 0,
                        //     minWidth: 0,
                        //     shape: RoundedRectangleBorder(
                        //       borderRadius:
                        //           const BorderRadius.all(Radius.circular(5)),
                        //       side: BorderSide(
                        //           width: 1,
                        //           color: Colors.blue.withOpacity(0.5),
                        //           style: BorderStyle.solid),
                        //     ),
                        //     padding: const EdgeInsets.all(0),
                        //     child: const Text("👨‍👩‍👦‍👦"),
                        //     // const Icon(Icons.people,
                        //     //     color: Colors.lightBlue, size: 14),
                        //     // color: Colors.white,
                        //     onPressed: () async {
                        //       context.vRouter.to("/mesaici/arkadaslar");
                        //       // Scaffold.of(context).openEndDrawer();
                        //       // context.vRouter.to("/uye/arkadaslar");
                        //     },
                        //   ),
                        // ),
                        // const SizedBox(width: 3),
                        // SizedBox(
                        //   width: 33,
                        //   child: MaterialButton(
                        //     elevation: 0,
                        //     minWidth: 0,
                        //     shape: RoundedRectangleBorder(
                        //       borderRadius:
                        //           const BorderRadius.all(Radius.circular(5)),
                        //       side: BorderSide(
                        //           width: 1,
                        //           color: Colors.blue.withOpacity(0.5),
                        //           style: BorderStyle.solid),
                        //     ),
                        //     padding: const EdgeInsets.all(0),
                        //     // color: Colors.white,
                        //     onPressed: () {
                        //       if (kDebugMode) {
                        //         context.vRouter.to("/mesaici/mesajlar");
                        //         // Scaffold.of(context).openEndDrawer();
                        //         // print('clicked');
                        //       }
                        //     },
                        //     child: const Text("✉️"),
                        //     // const Icon(Icons.mail,
                        //     //     color: Colors.lightBlue, size: 14),
                        //   ),
                        // ),
                        const SizedBox(width: 3),
                        SizedBox(
                          width: 33,
                          child: MaterialButton(
                            elevation: 0,
                            minWidth: 0,
                            shape: RoundedRectangleBorder(
                              borderRadius:
                                  const BorderRadius.all(Radius.circular(5)),
                              side: BorderSide(
                                  width: 1,
                                  color: Colors.blue.withOpacity(0.5),
                                  style: BorderStyle.solid),
                            ),
                            padding: const EdgeInsets.all(0),
                            child: const Text("⚙️"),
                            // const Icon(Icons.settings,
                            //     color: Colors.lightBlue, size: 14),
                            // color: Colors.white,
                            onPressed: () {
                              // if (kDebugMode) {
                              context.vRouter.to("/mesaici/ayarlar");
                              // Scaffold.of(context).openEndDrawer();
                              print('clicked');
                              // }
                            },
                          ),
                        ),
                      ],
                    ),
                  ),
                  Center(
                    child: Text(
                      "Bu Sayfada Resmi Tatil Olarak Belirlenen Günleri Ayarlayabilirsiniz",
                      style:
                          TextStyle(color: Colors.grey.shade800, fontSize: 10),
                    ),
                  ),
                  const MesaiciNavigasyon(),
                ],
              ),
            ),
          ),
        ],
      ),
      body: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Expanded(
              child: Divider(
                indent: 20.0,
                endIndent: 10.0,
                thickness: 1,
              ),
            ),
            const Text(
              '🚩 Resmi Tatil Listesi',
              style: TextStyle(
                fontWeight: FontWeight.bold,
              ),
            ),
            const Expanded(
              child: Divider(
                indent: 10.0,
                endIndent: 20.0,
                thickness: 1,
              ),
            ),
            SizedBox(
              width: 33,
              child: MaterialButton(
                elevation: 0,
                minWidth: 0,
                shape: CircleBorder(
                  // borderRadius:
                  //     const BorderRadius.all(
                  //         Radius.circular(5)),
                  side: BorderSide(
                      width: 1,
                      color: Colors.blue.withOpacity(0.5),
                      style: BorderStyle.solid),
                ),
                padding: const EdgeInsets.all(0),
                // color: Colors.white,
                onPressed: () async {},
                child: const Text("➕"),
                // const Icon(Icons.notifications,
                //     color: Colors.lightBlue, size: 14),
              ),
            ),
          ],
        ),
        // const SizedBox(
        //   height: 36,
        //   child: DefaultTabController(
        //     length: 2,
        //     child: TabBar(
        //       labelStyle: TextStyle(fontSize: 10),
        //       labelPadding: EdgeInsets.zero,
        //       indicatorPadding: EdgeInsets.zero,
        //       padding: EdgeInsets.zero,
        //       tabs: [
        //         Tab(
        //           icon: Tooltip(
        //             message: "Ayrıntılı Ayarlar",
        //             child: Text(
        //               "📋",
        //               style: TextStyle(
        //                 fontSize: 18,
        //               ),
        //             ),
        //           ),
        //           // text: "Ayrıntılı",
        //         ),
        //         Tab(
        //           icon: Tooltip(
        //             message: "Ayar Sihirbazı",
        //             child: Text(
        //               "🚩",
        //               style: TextStyle(
        //                 fontSize: 18,
        //               ),
        //             ),
        //           ),
        //           // text: "Sihirbaz",
        //         ),
        //       ],
        //     ),
        //   ),
        // ),
        const Padding(
          padding: EdgeInsets.all(5),
          child: Column(children: []),
        ),
      ],
      // bottomNavigationBar:
      // BottomNavigationBar(
      //   items: const <BottomNavigationBarItem>[
      //     BottomNavigationBarItem(
      //         icon: Text(
      //           "📋",
      //           style: TextStyle(
      //             fontSize: 18,
      //           ),
      //         ),
      //         label: 'Ayrıntılı',
      //         backgroundColor: Colors.white,
      //         tooltip: "Ayrıntılı"),
      //     BottomNavigationBarItem(
      //       icon: Text(
      //         "🚩",
      //         style: TextStyle(
      //           fontSize: 18,
      //         ),
      //       ),
      //       label: 'Sihirbaz',
      //       tooltip: 'Sihirbaz',
      //       backgroundColor: Colors.green,
      //     ),
      //   ],
      //   currentIndex: 0,
      //   selectedItemColor: Colors.amber[800],
      //   onTap: (value) {},
      // ),
      //     const SizedBox(
      //   height: 36,
      //   child: DefaultTabController(
      //     length: 2,
      //     child: TabBar(
      //       labelStyle: TextStyle(fontSize: 10),
      //       labelPadding: EdgeInsets.zero,
      //       indicatorPadding: EdgeInsets.zero,
      //       padding: EdgeInsets.zero,
      //       tabs: [
      //         Tab(
      //           icon: Tooltip(
      //             message: "Ayrıntılı Ayarlar",
      //             child: Text(
      //               "📋",
      //               style: TextStyle(
      //                 fontSize: 18,
      //               ),
      //             ),
      //           ),
      //           // text: "Ayrıntılı",
      //         ),
      //         Tab(
      //           icon: Tooltip(
      //             message: "Ayar Sihirbazı",
      //             child: Text(
      //               "🚩",
      //               style: TextStyle(
      //                 fontSize: 18,
      //               ),
      //             ),
      //           ),
      //           // text: "Sihirbaz",
      //         ),
      //       ],
      //     ),
      //   ),
      // ),
      headerExpandedHeight: 315,
      // stretchMaxHeight: 100,
      fullyStretchable: false,
      backgroundColor: Colors.grey.shade200,
      centerTitle: true,
      alwaysShowLeadingAndAction: true,
      appBarColor: Colors.blue.shade500,
      alwaysShowTitle: true,
      curvedBodyRadius: 0,
      onStretchTrigger: () async {
        context.vRouter.to("/");
      },
    );
  }

  @override
  void dispose() {
    Get.delete<PageAyarResmiTatillerLogic>();
    super.dispose();
  }
}