// ignore_for_file: library_private_types_in_public_api

import 'package:fikoyt_mesaici/apps/mesaici/widgets/mesaici_navigasyon/mesaici_navigasyon.dart';
import 'package:fikoyt_mesaici/core/Extensions/fiko_tarih.dart';
import 'package:fikoyt_mesaici/core/widgets/fiko_ui/fiko_button/fiko_button.dart';
import 'package:fikoyt_mesaici/core/widgets/yazi_kutulari/yazi_kutulari.dart';
import 'package:fikoyt_ui/ui/fiko_serit_ana.dart';
import 'package:fikoyt_ui/ui/ui.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:get/get.dart';
import 'package:getwidget/getwidget.dart';
import 'package:vrouter/vrouter.dart';

import '../../../../core/fikoyt.service.dart';
import '../../../../core/widgets/base_page/base_page_view.dart';
import '../../../../core/widgets/fikoyt_elastic/fikoyt_elastic.dart';
import '../../base_page_mesaici_view.dart';
import '../../widgets/uygulama_baslik/uygulama_baslik.dart';

class PageHesapAyarlariLogic extends GetxController {}

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

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

class _PageMesaiciHesapAyarlariState extends State<PageMesaiciHesapAyarlari> {
  PageHesapAyarlariLogic logic = Get.put(PageHesapAyarlariLogic());
  BasePageLogic basePageLogic = Get.put(BasePageLogic());
  BasePageMesaiciLogic basePageMesaiciLogic = Get.put(BasePageMesaiciLogic());
  // final FikoYTMesaiciService FikoYTService.servisMesaici = Get.put(FikoYTMesaiciService());
  final FikoYTService servisFikoYT = FikoYTService();
  //--->

  @override
  Widget build(BuildContext context) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      basePageLogic.subTitle.value = "🔐 Hesap Ayarları";
    });

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

    return FikoSeritAna(
      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: Column(
              children: [
                Center(
                  child: CircleAvatar(
                    backgroundColor: Theme.of(context).primaryColor,
                    radius: 64,
                    child: CircleAvatar(
                      backgroundColor: Theme.of(context).primaryColor, // Colors.grey.shade50,
                      radius: 54,
                      child: const CircleAvatar(
                        radius: 54,
                        child: Text(
                          "🔐",
                          style: TextStyle(
                            fontSize: 54,
                          ),
                        ),
                      ), //CircleAvatar
                    ), //CircleAvatar
                  ), //CircleAvatar
                ),
                FikoButton1(
                  text: "Hesap Ayarları",
                  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();
                            if (kDebugMode) {
                              print('clicked');
                            }
                            // }
                          },
                        ),
                      ),
                    ],
                  ),
                ),
                Center(
                  child: Text(
                    "FikoYT Mesaicinin Hesap Ayarlarını Bu Sayfadan Kontrol Edebilirsiniz",
                    style: TextStyle(color: Colors.grey.shade800, fontSize: 10),
                  ),
                ),
                const MesaiciNavigasyon(),
              ],
            ),
          ),
        ],
      ),
      body: [
        Row(
          crossAxisAlignment: CrossAxisAlignment.end,
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            FikoButton1(
              text: Icon(
                Icons.help_outline_rounded,
                color: Colors.blue.withAlpha(100),
                size: 24,
              ),
              radius: 32,
              // backColor: Colors.amber.withAlpha(80),
              // borderColor: Colors.amber.withAlpha(200),
              route: "/mesaici/yardim/konu=hesap_ayarlari",
            ),
          ],
        ),
        Padding(
          padding: const EdgeInsets.all(5),
          child: Column(
            children: [
              GFAccordion(
                title: '🧑🏻‍💻 Kullanıcı Bilgileri',
                contentChild: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text(
                      "İsminizi Ve Soyisminizi Giriniz",
                    ),
                    FikoYaziKutusu(
                      baslik: "İsminiz Soysiminiz",
                      simgeSol: const Text(
                        "👩🏻‍🤝‍👨🏽",
                        style: TextStyle(
                          fontSize: 16,
                        ),
                      ),
                      radius: 5.0,
                      degeri: FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad,
                      degisti: (value) {
                        FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad = value;
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                      },
                    ),
                    const Text(
                      "Şirketinizi Giriniz",
                    ),
                    FikoYaziKutusu(
                      baslik: "Şirketinizin Ünvanı",
                      simgeSol: const Text(
                        "🏭",
                        style: TextStyle(
                          fontSize: 16,
                        ),
                      ),
                      radius: 5.0,
                      degeri: FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket,
                      degisti: (value) {
                        FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket = value;
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                      },
                    ),
                    const Text(
                      "Şirketinizdeki Göreviniz",
                    ),
                    FikoYaziKutusu(
                      baslik: "Şirketteki Göreviniz",
                      simgeSol: const Text(
                        "💼",
                        style: TextStyle(
                          fontSize: 16,
                        ),
                      ),
                      radius: 5.0,
                      degeri: FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.goreviniz,
                      degisti: (value) {
                        FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.goreviniz = value;
                        if (value == "") FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.goreviniz = null;
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                      },
                    ),
                    const Text(
                      "İşe Giriş Tarihiniz",
                    ),
                    Center(
                      child: Obx(
                        () => FikoButton1(
                          text: "📅 ${FikoYTService.servisMesaici.ayarlarModel?.value.hesapAyarlari.iseGirisTarihi == null ? "İşe Giriş Tarihini Giriniz" : FikoYTService.servisMesaici.ayarlarModel?.value.hesapAyarlari.iseGirisTarihi!.formatla("dd MMMM yyyy EEEE")}",
                          onPressed: () async {
                            DateTime selected = FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.iseGirisTarihi ?? DateTime.now();

                            FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.iseGirisTarihi = await DateTime(0, 0, 0, 0, 0, 0, 0, 0).tarihSec(context, gecerliTarihSaat: selected);
                            FikoYTService.servisMesaici.ayarlarModel!.refresh();
                          },
                        ),
                      ),
                    ),
                  ],
                ),
                collapsedIcon: const Icon(Icons.arrow_drop_down),
                expandedIcon: const Icon(Icons.arrow_drop_up),
                titleBorderRadius: const BorderRadius.only(topLeft: Radius.circular(5), topRight: Radius.circular(5)),
                contentBorder: Border.all(color: Colors.grey.shade400),
                contentBorderRadius: const BorderRadius.only(
                  bottomLeft: Radius.circular(5),
                  bottomRight: Radius.circular(5),
                ),
                titlePadding: const EdgeInsets.symmetric(
                  horizontal: 10,
                  vertical: 5,
                ),
                showAccordion: true,
              ),
              // GFAccordion(
              //   title: '🔐 Parola Ayarları',
              //   content: 'Kullanıcı Parola Ayarları.',
              //   collapsedIcon: const Icon(Icons.arrow_drop_down),
              //   expandedIcon: const Icon(Icons.arrow_drop_up),
              //   titleBorderRadius: const BorderRadius.only(topLeft: Radius.circular(5), topRight: Radius.circular(5)),
              //   contentBorder: Border.all(color: Colors.grey.shade400),
              //   contentBorderRadius: const BorderRadius.only(
              //     bottomLeft: Radius.circular(5),
              //     bottomRight: Radius.circular(5),
              //   ),
              //   titlePadding: const EdgeInsets.symmetric(
              //     horizontal: 10,
              //     vertical: 5,
              //   ),
              //   showAccordion: true,
              // ),
              // GFAccordion(
              //   title: '💻 Hesap Durumu',
              //   content: 'Hesap Durumu Ayarları.',
              //   collapsedIcon: const Icon(Icons.arrow_drop_down),
              //   expandedIcon: const Icon(Icons.arrow_drop_up),
              //   titleBorderRadius: const BorderRadius.only(topLeft: Radius.circular(5), topRight: Radius.circular(5)),
              //   contentBorder: Border.all(color: Colors.grey.shade400),
              //   contentBorderRadius: const BorderRadius.only(
              //     bottomLeft: Radius.circular(5),
              //     bottomRight: Radius.circular(5),
              //   ),
              //   titlePadding: const EdgeInsets.symmetric(
              //     horizontal: 10,
              //     vertical: 5,
              //   ),
              //   showAccordion: true,
              // ),
            ],
          ),
        ),
      ],
      // 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: FikoTheme.of(context).uygulamaArkaPlanRenk,
      centerTitle: true,
      alwaysShowLeadingAndAction: true,
      appBarColor: Colors.blue.shade500,
      alwaysShowTitle: true,
      curvedBodyRadius: 0,
      onStretchTrigger: () async {
        context.vRouter.to("/");
      },
    );
  }

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