import 'dart:convert';
import 'dart:io';

import 'package:fikoyt_mesaici/apps/mesaici/base_page_mesaici_view.dart';
import 'package:fikoyt_mesaici/apps/mesaici/model/ayarlar/model_ayarlar.dart';
import 'package:fikoyt_mesaici/core/fikoyt.service.dart';
import 'package:fikoyt_mesaici/core/interface/fiko_dialog_ayarlari.dart';
import 'package:fikoyt_ui/ui/ui.dart';
import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:get/get.dart';

import 'ek_odeme_ekle.dart';

class EkOdemelerWidget extends StatelessWidget {
  EkOdemelerWidget({super.key, required this.kayit});

  BasePageMesaiciLogic basePageMesaiciLogic = Get.put(BasePageMesaiciLogic());
  // final FikoYTMesaiciService FikoYTService.servisMesaici = Get.put(FikoYTMesaiciService());
  final FikoYTService servisFikoYT = FikoYTService();

  Rx<Maas> kayit;
  final RxBool showToolbar = false.obs;
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Expanded(
              child: Divider(
                indent: 20.0,
                endIndent: 10.0,
                thickness: 1,
              ),
            ),
            FikoButton(
              text: '➕ Ek Ödemeler',
              tema: FikoButtonTema(
                yaziSinirRengi: Colors.transparent,
                yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
              ),
              onPressed: () {
                showToolbar.toggle();
              },
            ),
            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 {
                  EkOdeme ekOd = EkOdeme();
                  FikoYTService.dialogGoster(
                    context,
                    SizedBox(
                      width: 250,
                      child: EkOdemeEkle(
                        ekOdeme: ekOd,
                      ),
                    ),
                    FikoDialogAyarlari(baslik: "Ek Ödeme Tanımlama", baslikSimge: "➕", altButonlar: [
                      FikoButton(
                        text: "Ekle",
                        tema: FikoButtonTema(
                          yaziSinirRengi: Colors.transparent,
                          yaziRengi: Theme.of(context).extension<FikoTema>()?.gecerliYaziRengi,
                          edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        ),
                        onPressed: (() {
                          List<EkOdeme> ekodmler = kayit.value.ekOdemeler!.toList();
                          ekodmler.add(ekOd);
                          kayit.value.ekOdemeler = ekodmler;
                          FikoYTService.servisMesaici.ayarlarModel?.refresh();
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                      const Spacer(),
                      FikoButton(
                        text: "Kapat",
                        tema: FikoButtonTema(
                          yaziSinirRengi: Colors.transparent,
                          yaziRengi: Theme.of(context).extension<FikoTema>()?.hataliYaziRengi,
                          edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        ),
                        onPressed: (() {
                          FikoYTService.servisMesaici.ayarlarModel?.refresh();
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                    ]),
                  );
                },
                child: const Text("➕"),
                // const Icon(Icons.notifications,
                //     color: Colors.lightBlue, size: 14),
              ),
            ),
          ],
        ),
/** */
        Obx(
          () => AnimatedSwitcher(
            duration: const Duration(seconds: 1),
            child: showToolbar.value == true
                ? Container(
                    alignment: Alignment.centerLeft,
                    padding: const EdgeInsets.all(1),
                    margin: const EdgeInsets.symmetric(vertical: 5),
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.grey.shade300),
                      borderRadius: BorderRadius.circular(15),
                      color: Theme.of(context).extension<FikoTema>()?.kartArkaPlanRenk,
                    ),
                    child: SizedBox(
                      height: 18.0,
                      child: ShaderMask(
                        shaderCallback: (Rect rect) {
                          return const LinearGradient(
                            begin: Alignment.centerLeft,
                            end: Alignment.centerRight,
                            colors: [Colors.purple, Colors.transparent, Colors.transparent, Colors.purple],
                            stops: [0.0, 0.1, 0.9, 1.0], // 10% purple, 80% transparent, 10% purple
                          ).createShader(rect);
                        },
                        blendMode: BlendMode.dstOut,
                        child: SingleChildScrollView(
                          scrollDirection: Axis.horizontal,
                          physics: const BouncingScrollPhysics(),
                          child: Row(
                            children: [
                              FikoButton(
                                text: "🧬 Panoya Kopyala",
                                tema: FikoButtonTema(
                                  boyutYazi: 10,
                                  textAlign: TextAlign.start,
                                  edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                                  boyutYaziSinir: 0,
                                  yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                                  yaziSinirRengi: Colors.transparent,
                                ),
                                onPressed: () {
                                  String data = json.encode(kayit.value.ekOdemeler);
                                  Clipboard.setData(ClipboardData(text: data));

                                  SnackBar snck = const SnackBar(
                                    // behavior: SnackBarBehavior.floating,
                                    // margin: EdgeInsets.symmetric(vertical: 50.0, horizontal: 30), dismissDirection: DismissDirection.down, showCloseIcon: true,
                                    content: Text('Liste Panoya Kopyalandı'),
                                    duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                  );

                                  ScaffoldMessenger.of(context).showSnackBar(snck);
                                },
                              ),
                              FikoButton(
                                text: "📋 Panodan Çek",
                                tema: FikoButtonTema(
                                  boyutYazi: 10,
                                  textAlign: TextAlign.start,
                                  edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                                  boyutYaziSinir: 0,
                                  yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                                  yaziSinirRengi: Colors.transparent,
                                ),
                                onPressed: () async {
                                  try {
                                    List<EkOdeme> lst = <EkOdeme>[];

                                    dynamic panoData = json.decode((await Clipboard.getData(Clipboard.kTextPlain))?.text ?? "[]");

                                    for (var i = 0; i < panoData.length; i++) {
                                      lst.add(EkOdeme.fromJson(panoData[i]));
                                    }
                                    kayit.value.ekOdemeler = lst;
                                    kayit.refresh();
                                    ScaffoldMessenger.of(context).showSnackBar(
                                      const SnackBar(
                                        content: Text('Liste Panodan Kopyalandı'),
                                        duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                      ),
                                    );
                                  } catch (e) {
                                    ScaffoldMessenger.of(context).showSnackBar(
                                      SnackBar(
                                        content: const Text(
                                          'Veri Hatası',
                                          style: TextStyle(color: Colors.white),
                                        ),
                                        backgroundColor: Colors.red,

                                        action: SnackBarAction(
                                          label: 'Tamam',
                                          onPressed: () {
                                            // Action butonuna tıklanınca yapılacak işlemler
                                          },
                                        ),
                                        duration: const Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                      ),
                                    );
                                  }
                                },
                              ),
                              FikoButton(
                                text: "💾 Dosyaya Aktar",
                                tema: FikoButtonTema(
                                  boyutYazi: 10,
                                  textAlign: TextAlign.start,
                                  edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                                  boyutYaziSinir: 0,
                                  yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                                  yaziSinirRengi: Colors.transparent,
                                ),
                                onPressed: () async {
                                  try {
                                    String data = json.encode(kayit.value.ekOdemeler);
                                    // JSON verisini oluştur
                                    String jsonString = data;

                                    // Dosya kaydetme yerini sor
                                    String? outputPath = await FilePicker.platform.saveFile(
                                      dialogTitle: 'Kayıt dosyası nereye kaydedilsin?',
                                      fileName: 'EkOdemeler.json',
                                      bytes: Uint8List.fromList(utf8.encode(data)),
                                    );

                                    if (outputPath != null) {
                                      if (Platform.isAndroid == false && Platform.isIOS == false) {
                                        // Dosyayı yaz
                                        File file = File(outputPath);

                                        await file.writeAsString(jsonString);
                                      }
                                      SnackBar snck = const SnackBar(
                                        content: Text('Dosya Kaydedildi'),
                                        duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                      );
                                      ScaffoldMessenger.of(context).showSnackBar(snck);
                                    } else {
                                      SnackBar snck = const SnackBar(
                                        content: Text('Dosya Kaydedilmesi İptal Edildi.'),
                                        backgroundColor: Colors.red,
                                        duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                      );
                                      ScaffoldMessenger.of(context).showSnackBar(snck);
                                    }
                                  } catch (e) {
                                    SnackBar snck = const SnackBar(
                                      content: Text('Bir Hata Oluştu'),
                                      backgroundColor: Colors.red,
                                      duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                    );
                                    ScaffoldMessenger.of(context).showSnackBar(snck);
                                  }
                                },
                              ),
                              FikoButton(
                                text: "📂 Dosyadan Çek",
                                tema: FikoButtonTema(
                                  boyutYazi: 10,
                                  textAlign: TextAlign.start,
                                  edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                                  boyutYaziSinir: 0,
                                  yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                                  yaziSinirRengi: Colors.transparent,
                                ),
                                onPressed: () async {
                                  try {
                                    // Dosya seçme
                                    FilePickerResult? result = await FilePicker.platform.pickFiles(
                                      dialogTitle: 'Kayıt dosyasını seçin',
                                      type: FileType.custom,
                                      allowedExtensions: ['json'], // Sadece JSON dosyalarını seçtir
                                    );

                                    if (result != null && result.files.single.path != null) {
                                      // Dosya yolunu al
                                      String filePath = result.files.single.path!;

                                      // Dosyanın içeriğini oku
                                      File file = File(filePath);
                                      String fileContent = await file.readAsString();

                                      // JSON verisini çözümle
                                      dynamic jsonList = json.decode(fileContent);

                                      List<EkOdeme> lst = <EkOdeme>[];
                                      for (var i = 0; i < jsonList.length; i++) {
                                        lst.add(EkOdeme.fromJson(jsonList[i]));
                                      }
                                      kayit.value.ekOdemeler = lst;
                                      kayit.refresh();
                                    } else {}
                                  } catch (e) {
                                    SnackBar snck = const SnackBar(
                                      content: Text('Bir Hata Oluştu'),
                                      backgroundColor: Colors.red,
                                      duration: Duration(seconds: 2), // SnackBar'ın ekranda kalma süresi
                                    );
                                    ScaffoldMessenger.of(context).showSnackBar(snck);
                                  }
                                },
                              ),
                              // FikoButton1(
                              //   text: "📡 İnternetten Çek",
                              //   textSize: 10,
                              //   textAlign: TextAlign.start,
                              //   edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                              //   textStrokeWidth: 0,
                              //   textColor: Colors.black87,
                              //   textStrokeColor: Colors.transparent,
                              //   onPressed: () {},
                              // ),
                              FikoButton(
                                text: "🗑️ Tümünü Sil",
                                tema: FikoButtonTema(
                                  boyutYazi: 10,
                                  textAlign: TextAlign.start,
                                  edgePadding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 5),
                                  boyutYaziSinir: 0,
                                  yaziRengi: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                                  yaziSinirRengi: Colors.transparent,
                                ),
                                onPressed: () async {
                                  FikoYTService.dialogGoster(
                                      context,
                                      const Text("Listedeki Tüm Kayıtlar Silinecek.Bu İşlem Geri Alınamaz. Onaylıyormusunuz?"),
                                      FikoDialogAyarlari(baslik: "Onay", baslikSimge: "❔", altButonlar: [
                                        FikoButton(
                                          text: "✔️ Onaylıyorum",
                                          tema: FikoButtonTema(
                                            yaziRengi: Colors.green,
                                            yaziSinirRengi: Colors.transparent,
                                          ),
                                          onPressed: () {
                                            kayit.value.ekOdemeler = [];
                                            kayit.refresh();
                                            Navigator.pop(
                                              context,
                                            );
                                          },
                                        ),
                                        const Spacer(),
                                        FikoButton(
                                          text: "❌ Onaylamıyorum",
                                          tema: FikoButtonTema(
                                            yaziRengi: Colors.red,
                                            yaziSinirRengi: Colors.transparent,
                                          ),
                                          onPressed: (() {
                                            kayit.refresh();
                                            Navigator.pop(
                                              context,
                                            );
                                          }),
                                        ),
                                      ]));
                                },
                                onLongPress: () {
                                  kayit.value.ekOdemeler = [];
                                  kayit.refresh();
                                },
                              ),
                            ],
                          ),
                        ),
                      ),
                    ),
                  )
                : null,
          ),
        ),

        /** */
        // if ((maasObs.value.ekOdemeler ?? []).isEmpty)
        AnimatedCrossFade(
          crossFadeState: (kayit.value.ekOdemeler ?? []).isEmpty ? CrossFadeState.showFirst : CrossFadeState.showSecond,
          duration: const Duration(milliseconds: 250),
          firstChild: Padding(
            padding: const EdgeInsets.only(top: 30.0),
            child: Stack(
              children: <Widget>[
                Card(
                  child: Container(
                    height: 100.0,
                  ),
                ),
                FractionalTranslation(
                  translation: const Offset(0.0, -0.4),
                  child: Align(
                    alignment: const FractionalOffset(0.5, 0.0),
                    child: CircleAvatar(
                      // backgroundColor: Colors.redAccent.shade200,
                      radius: 25.0,
                      child: Image.asset(
                        'assets/mesaici/ayarlar/tl.png',
                        // width: 300,
                        width: 42,
                        height: 42,
                        fit: BoxFit.contain,
                      ),
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(top: 48),
                  child: Align(
                    alignment: const FractionalOffset(0.5, 0.5),
                    child: Text(
                      "Hiç Ek Ödeme Eklenmemiş",
                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.normal, color: Colors.blueAccent.shade400),
                      textAlign: TextAlign.center,
                    ),
                  ),
                ),
              ],
            ),
          ),
          secondChild: Column(
            spacing: 5.0,
            children: [
              for (var i = 0; i < (kayit.value.ekOdemeler ?? []).length; i++)
                Obx(
                  () {
                    EkOdeme ekOdm = kayit.value.ekOdemeler![i];
                    return FikoButton(
                      text: Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text(
                            "${ekOdm.turu.simge} ${(ekOdm.ismi ?? 'İsim Verilmemiş')}",
                            style: TextStyle(
                              color: Theme.of(context).extension<FikoTema>()?.yaziRengi,
                            ),
                          ),
                          const Spacer(),
                          FikoButton(
                            text: "${ekOdm.miktar ?? '0.0'}",
                            tema: FikoButtonTema(
                              yaziRengi: Colors.white,
                              yaziSinirRengi: Colors.black,
                            ),
                          ),
                          FikoButton(
                            text: "TL",
                            tema: FikoButtonTema(
                              yaziRengi: Colors.amber,
                              yaziSinirRengi: Colors.blue,
                            ),
                          ),
                        ],
                      ),
                      tema: FikoButtonTema(
                        textAlign: TextAlign.start,
                        arkaRenk: Colors.black.withOpacity(0.0),
                        edgePadding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
                      ),
                      onPressed: () {
                        FikoYTService.dialogGoster(
                          context,
                          SizedBox(
                            width: 250,
                            child: EkOdemeEkle(
                              ekOdeme: ekOdm,
                            ),
                          ),
                          FikoDialogAyarlari(baslik: "Ek Ödeme Düzenle", baslikSimge: "💎", altButonlar: [
                            FikoButton(
                              text: "Sil",
                              tema: FikoButtonTema(
                                yaziRengi: Colors.red,
                                yaziSinirRengi: Colors.transparent,
                              ),
                              onPressed: () {
                                List<EkOdeme>? list0 = kayit.value.ekOdemeler!.toList();
                                list0.removeAt(i);
                                kayit.value.ekOdemeler = list0;
                                if (kayit.value.ekOdemeler!.isEmpty) {
                                  kayit.value.ekOdemeler = [];
                                }
                                FikoYTService.servisMesaici.ayarlarModel?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              },
                            ),
                            const Spacer(),
                            FikoButton(
                              text: "Kapat",
                              tema: FikoButtonTema(
                                yaziRengi: Colors.green,
                                yaziSinirRengi: Colors.transparent,
                              ),
                              onPressed: (() {
                                FikoYTService.servisMesaici.ayarlarModel?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              }),
                            ),
                          ]),
                        );
                      },
                    ).animate(
                      effects: [const FadeEffect(), ShimmerEffect(delay: 1000.ms)],
                    );
                  },
                ),
            ],
          ),
        ),
      ],
    );
  }
}