import 'package:fikoyt_mesaici/apps/mesaici/servisler/fikoyt.mesaici.service.dart';
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/fiko_ui/fiko_button/fiko_button.dart';
import 'package:fikoyt_mesaici/core/widgets/yazi_kutulari/yazi_kutulari.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

  final Widget? simge;
  final FikoYTMesaiciService 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: Colors.grey.shade50,
                radius: cap,
                child: simge == null
                    ? CircleAvatar(
                        radius: cap,
                        child: Icon(
                          Icons.person,
                          size: cap,
                        ),
                      )
                    : ClipOval(
                        child: Stack(
                          alignment: Alignment.center,
                          children: [
                            Positioned(
                              top: -2,
                              left: -2,
                              right: 2,
                              bottom: 2,
                              child: Center(
                                child: simge,
                              ),
                            ),
                          ],
                        ),
                      ),
              ),
            ],
          ), //CircleAvatar
        ),
        Obx(
          () => FikoButton1(
            text: "👩🏻‍🤝‍👨🏽 ${servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad.isEmpty ? "İsim Tanımlayın" : servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad}",
            textSize: 16,
            textStrokeColor: Colors.blue,
            onLongPress: () {
              FikoYTService.dialogGoster(
                context,
                Column(
                  children: [
                    const Text(
                      "İsminizi Ve Soyisminizi Giriniz.",
                    ),
                    FikoYaziKutusu(
                      baslik: "👩🏻‍🤝‍👨🏽 İsminiz Soysiminiz",
                      radius: 5.0,
                      degeri: servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad,
                      degisti: (value) {
                        servisMesaici.ayarlarModel!.value.hesapAyarlari.adSoyad = value;
                        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: () {
                        servisMesaici.ayarlarModel!.refresh();
                        Navigator.pop(context);
                      },
                      child: const Text(
                        "Kaydet",
                        style: TextStyle(color: Colors.green, fontWeight: FontWeight.bold),
                      ),
                    ),
                  ],
                ),
              );
            },
          ),
        ),
        Obx(
          () => FikoButton1(
            text: "🏭 ${servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket.isEmpty ? "Şirket Tanımlayın" : servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket}",
            textSize: 12,
            textStrokeColor: Colors.black,
            textColor: Colors.white,
            onLongPress: () {
              FikoYTService.dialogGoster(
                context,
                Column(
                  children: [
                    const Text(
                      "Şirketinizi Giriniz.",
                    ),
                    FikoYaziKutusu(
                      baslik: "🏭 Şirketinizin Adı",
                      radius: 5.0,
                      degeri: servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket,
                      degisti: (value) {
                        servisMesaici.ayarlarModel!.value.hesapAyarlari.sirket = value;
                        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: () {
                        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: servisMesaici.hesapAyarlari.sirket.value,
          //             degisti: (value) {
          //               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: () {
          //               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(
          //         "🏭 ${servisMesaici.hesapAyarlari.sirket.value.isEmpty ? "Şirket Tanımlayın" : 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(
          //         "🏭 ${servisMesaici.hesapAyarlari.sirket.value.isEmpty ? "Şirket Tanımlayın" : 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(
              servisMesaici.mesaiciAyarlar.hesapAyarlari.slogan.value,
              style: TextStyle(color: Colors.grey.shade400, fontSize: 10),
            ),
          ),
        ),
        const MesaiciNavigasyon(),
      ],
    );
  }
}