import 'package:fikoyt_mesaici/apps/mesaici/widgets/fikoyt_navigasyon/fikoyt_navigasyon.dart';
import 'package:fikoyt_mesaici/apps/mesaici/widgets/mesaici_navigasyon/mesaici_navigasyon.dart';
import 'package:fikoyt_mesaici/core/fikoyt.service.dart';
import 'package:fikoyt_mesaici/core/interface/fiko_dialog_ayarlari.dart';
import 'package:fikoyt_mesaici/core/widgets/yazi_kutulari/yazi_kutulari.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class KullaniciBilgiNavigasyon extends StatelessWidget {
  KullaniciBilgiNavigasyon({super.key, this.simge, cap}) : cap = cap ?? 54.0;

  final Widget? simge;
  // final FikoYTMesaiciService FikoYTService.servisMesaici = Get.put(FikoYTMesaiciService());
  final FikoYTService servisFikoYT = FikoYTService();
  double? cap = 54.0;
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Center(
          child: Stack(
            alignment: Alignment.center,
            children: [
              CircleAvatar(
                backgroundColor: Colors.blueAccent.shade700,
                radius: (cap ?? 54.0) + 10.0, //CircleAvatar
              ),
              CircleAvatar(
                backgroundColor: Theme.of(context).extension<FikoTheme>()?.arkaPlanRengi,
                radius: cap,
                child: simge == null
                    ? CircleAvatar(
                        radius: cap,
                        child: Icon(
                          Icons.person,
                          size: cap,
                        ),
                      )
                    : ClipOval(
                        child: Stack(
                          alignment: Alignment.center,
                          children: [
                            Positioned(
                              top: -3,
                              left: -3,
                              right: -3,
                              bottom: -3,
                              child: Center(
                                child: simge,
                              ),
                            ),
                          ],
                        ),
                      ),
              ),
            ],
          ), //CircleAvatar
        ),
        Obx(
          () => FikoYTButton(
            text: "👩🏻‍🤝‍👨🏽 ${FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad.isEmpty ? "İsim Tanımlayın" : FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad}",
            tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                  fontSize: 16,
                  textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                  textStrokeColor: Theme.of(context).extension<FikoTheme>()?.cardBackgroundColor,
                ),
            onPressed: () {
              FikoYTService.dialogGoster(
                context,
                Column(
                  children: [
                    Text(
                      "İsminizi Ve Soyisminizi Giriniz.",
                      style: TextStyle(
                        color: Theme.of(context).extension<FikoTheme>()?.textColor,
                      ),
                    ),
                    FikoYaziKutusu(
                      baslik: "👩🏻‍🤝‍👨🏽 İsminiz Soysiminiz",
                      radius: 5.0,
                      degeri: FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad,
                      degisti: (value) {
                        FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad = value;
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                      },
                    ),
                  ],
                ),
                FikoDialogAyarlari(
                  baslik: "Bilgileriniz",
                  baslikSimge: "👩🏻‍🤝‍👨🏽",
                  altButonlar: [
                    TextButton(
                      onPressed: () {
                        Navigator.pop(context);
                      },
                      child: const Text(
                        "İptal",
                        style: TextStyle(color: Colors.redAccent, fontWeight: FontWeight.bold),
                      ),
                    ),
                    const Spacer(),
                    TextButton(
                      onPressed: () {
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                        Navigator.pop(context);
                      },
                      child: const Text(
                        "Kaydet",
                        style: TextStyle(color: Colors.green, fontWeight: FontWeight.bold),
                      ),
                    ),
                  ],
                ),
              );
            },
          ),
        ),
        Obx(
          () => FikoYTButton(
            text: "🏭 ${FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket.isEmpty ? "Şirket Tanımlayın" : FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket}",
            tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                  fontSize: 12,
                  textStrokeColor: Colors.black,
                  textColor: Colors.white,
                ),
            onPressed: () {
              FikoYTService.dialogGoster(
                context,
                Column(
                  children: [
                    Text(
                      "Şirketinizi Giriniz.",
                      style: TextStyle(
                        color: Theme.of(context).extension<FikoTheme>()?.textColor,
                      ),
                    ),
                    FikoYaziKutusu(
                      baslik: "🏭 Şirketinizin Adı",
                      radius: 5.0,
                      degeri: FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket,
                      degisti: (value) {
                        FikoYTService.servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket = value;
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                      },
                    ),
                  ],
                ),
                FikoDialogAyarlari(
                  altButonlar: [
                    TextButton(
                      onPressed: () {
                        Navigator.pop(context);
                      },
                      child: const Text(
                        "İptal",
                        style: TextStyle(color: Colors.redAccent, fontWeight: FontWeight.bold),
                      ),
                    ),
                    const Spacer(),
                    TextButton(
                      onPressed: () {
                        FikoYTService.servisMesaici.ayarlarModel!.refresh();
                        Navigator.pop(context);
                      },
                      child: const Text(
                        "Kaydet",
                        style: TextStyle(color: Colors.green, fontWeight: FontWeight.bold),
                      ),
                    ),
                  ],
                  baslik: "Şirketiniz",
                  baslikSimge: "🏭",
                ),
              );
            },
          ),
          // TextButton(
          //   // icon: const Text("💡"),
          //   onLongPress: () {
          //     FikoYTService.dialogGoster(
          //       context,
          //       Column(
          //         children: [
          //           const Text(
          //             "Şirketinizi Giriniz.",
          //           ),
          //           FikoYaziKutusu(
          //             baslik: "🏭 Şirketinizin Adı",
          //             radius: 5.0,
          //             degeri: FikoYTService.servisMesaici.hesapAyarlari.sirket.value,
          //             degisti: (value) {
          //               FikoYTService.servisMesaici.hesapAyarlari.sirket.value = value;
          //             },
          //           ),
          //         ],
          //       ),
          //       FikoDialogAyarlari(
          //         altButonlar: [
          //           TextButton(
          //             onPressed: () {
          //               Navigator.pop(context);
          //             },
          //             child: const Text(
          //               "İptal",
          //               style: TextStyle(
          //                   color: Colors.redAccent,
          //                   fontWeight: FontWeight.bold),
          //             ),
          //           ),
          //           TextButton(
          //             onPressed: () {
          //               FikoYTService.servisMesaici.ayarlariKaydet();
          //               Navigator.pop(context);
          //             },
          //             child: const Text(
          //               "Kaydet",
          //               style: TextStyle(
          //                   color: Colors.green, fontWeight: FontWeight.bold),
          //             ),
          //           ),
          //         ],
          //         baslik: "Şirketiniz",
          //         baslikSimge: "🏭",
          //       ),
          //     );
          //   },
          //   onPressed: () {},
          //   child: Stack(
          //     children: [
          //       Text(
          //         "🏭 ${FikoYTService.servisMesaici.hesapAyarlari.sirket.value.isEmpty ? "Şirket Tanımlayın" : FikoYTService.servisMesaici.hesapAyarlari.sirket.value}",
          //         textAlign: TextAlign.center,
          //         style: TextStyle(
          //           // color: Colors.amberAccent,
          //           fontSize: 12,
          //           fontWeight: FontWeight.bold,
          //           foreground: Paint()
          //             ..style = PaintingStyle.stroke
          //             ..strokeWidth = 2
          //             ..color = Colors.black,
          //         ),
          //       ),
          //       Text(
          //         "🏭 ${FikoYTService.servisMesaici.hesapAyarlari.sirket.value.isEmpty ? "Şirket Tanımlayın" : FikoYTService.servisMesaici.hesapAyarlari.sirket.value}",
          //         textAlign: TextAlign.center,
          //         style: const TextStyle(
          //           color: Colors.white,
          //           fontSize: 12,
          //           fontWeight: FontWeight.bold,
          //         ),
          //       ),
          //     ],
          //   ),
          // ),
        ),
        // OverflowBar(
        //   spacing: 5,overflowAlignment: OverflowBarAlignment.center,
        //   children: [
        //     OutlinedButton(
        //       onPressed: () {
        //         debugPrint('Received click');
        //       },
        //       child: Icon(Icons.home),
        //     ),
        //     OutlinedButton(
        //       onPressed: () {
        //         debugPrint('Received click');
        //       },
        //       child: Icon(Icons.person_4),
        //     ),
        //     OutlinedButton(
        //       onPressed: () {
        //         debugPrint('Received click');
        //       },
        //       child: Icon(Icons.notifications),
        //     ),
        //     OutlinedButton(
        //       onPressed: () {
        //         debugPrint('Received click');
        //       },
        //       child: Icon(Icons.message),
        //     ),
        //     OutlinedButton(
        //       onPressed: () {
        //         debugPrint('Received click');
        //       },
        //       child: Icon(Icons.settings),
        //     ),
        //   ],
        // )
        const FikoYTNavigasyon(),
        Center(
          child:
              // Obx(
              //   () =>
              Text(
            "FikoYT İle Gelecek Bugünde",
            style: TextStyle(color: Colors.grey.shade400, fontSize: 10),
          ),
        ),
        // ),
        const MesaiciNavigasyon(),
      ],
    );
  }
}