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/apps/mesaici/model/calisma_kayit/calisma_kayit.dart';
import 'package:fikoyt_mesaici/apps/mesaici/pages/ayarlar/maas_parametreleri/kesinti_ekle.dart';
import 'package:fikoyt_mesaici/apps/mesaici/servisler/fikoyt.mesaici.service.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:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:get/get.dart';

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

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

  final Rx<CalismaKayit?>? kayit;

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Expanded(
              child: Divider(
                indent: 0.0,
                endIndent: 10.0,
                thickness: 1,
              ),
            ),
            FikoButton1(
              text: '🔪 Kesintiler',
              // textSize: 10,
              textStrokeColor: Colors.transparent,
              textColor: Colors.black,
            ),
            const Expanded(
              child: Divider(
                indent: 10.0,
                endIndent: 0.0,
                thickness: 1,
              ),
            ),
            SizedBox(
              width: 24,
              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 {
                  Kesinti ksnt = Kesinti();
                  FikoYTService.dialogGoster(
                    context,
                    SizedBox(
                      width: 250,
                      child: KesintiEkle(
                        kesinti: ksnt,
                      ),
                    ),
                    FikoDialogAyarlari(baslik: "Kesinti Tanımlama", baslikSimge: "🔪", altButonlar: [
                      FikoButton1(
                        textColor: Colors.green,
                        textStrokeColor: Colors.transparent,
                        text: "Ekle",
                        edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        onPressed: (() {
                          List<Kesinti> ksntlr = kayit?.value!.maas?.kesintiler?.toList() ?? [];
                          ksntlr.add(ksnt);
                          kayit?.value?.maas?.kesintiler = ksntlr;
                          // kayit?.refresh();
                          servisMesaici.aktifCalisma?.refresh();
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                      const Spacer(),
                      FikoButton1(
                        textColor: Colors.red,
                        textStrokeColor: Colors.transparent,
                        text: "Kapat",
                        edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        onPressed: (() {
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                    ]),
                  );
                },
                child: const Text(
                  "➕",
                ),
                // const Icon(Icons.notifications,
                //     color: Colors.lightBlue, size: 14),
              ),
            ),
          ],
        ),

        /** */
        // if ((maasObs.value.kesintiler ?? []).isEmpty)
        AnimatedCrossFade(
          crossFadeState: (kayit?.value?.maas?.kesintiler ?? []).isEmpty ? CrossFadeState.showFirst : CrossFadeState.showSecond,
          duration: const Duration(milliseconds: 250),
          firstChild: Padding(
            padding: const EdgeInsets.only(top: 5),
            child: Align(
              alignment: const FractionalOffset(0.5, 0.5),
              child: Text(
                "Hiç Kesinti Eklenmemiş",
                style: TextStyle(fontWeight: FontWeight.bold, color: Colors.red.shade400),
                textAlign: TextAlign.center,
              ),
            ),
          ).animate(
            effects: [
              const FadeEffect(),
              const ShimmerEffect(),
            ],
          ),
          secondChild: Column(
            spacing: 2.0,
            children: [
              for (var i = 0; i < (kayit?.value?.maas?.kesintiler ?? []).length; i++)
                Obx(
                  () {
                    Kesinti? ksnti_ = kayit?.value?.maas?.kesintiler![i];
                    return FikoButton1(
                      text: Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text(
                            "${ksnti_?.turu.simge} ${(ksnti_?.ismi ?? 'İsim Verilmemiş')}",
                          ),
                          const Spacer(),
                          if (ksnti_?.kesintiSekli == KesintiSekli.SABIT)
                            Row(
                              children: [
                                FikoButton1(
                                  textColor: Colors.white,
                                  textStrokeColor: Colors.black,
                                  text: "${ksnti_?.miktar ?? '0.0'}",
                                ),
                                FikoButton1(
                                  textColor: Colors.amber,
                                  textStrokeColor: Colors.blue,
                                  text: "TL",
                                ),
                              ],
                            ),
                          if (ksnti_?.kesintiSekli == KesintiSekli.YUZDELIK)
                            Row(
                              children: [
                                FikoButton1(
                                  textColor: Colors.white,
                                  textStrokeColor: Colors.black,
                                  text: "${ksnti_?.oran ?? '0.0'}",
                                ),
                                FikoButton1(
                                  textColor: Colors.amber,
                                  textStrokeColor: Colors.blue,
                                  text: "%",
                                ),
                              ],
                            ),
                          if (ksnti_?.kesintiSekli == KesintiSekli.DIGER)
                            Row(
                              children: [
                                FikoButton1(
                                  textColor: Colors.white,
                                  textStrokeColor: Colors.black,
                                  text: "${ksnti_?.oran ?? '0.0'} % | ${ksnti_?.miktar ?? '0.0'} TL ",
                                ),
                              ],
                            ),
                        ],
                      ),
                      textAlign: TextAlign.start,
                      backColor: Colors.black.withOpacity(0.0),
                      edgePadding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
                      onPressed: () {
                        FikoYTService.dialogGoster(
                          context,
                          SizedBox(
                            width: 250,
                            child: KesintiEkle(
                              kesinti: ksnti_,
                            ),
                          ),
                          FikoDialogAyarlari(baslik: "Kesinti Düzenle", baslikSimge: "🔪", altButonlar: [
                            FikoButton1(
                              textColor: Colors.red,
                              textStrokeColor: Colors.transparent,
                              text: "Sil",
                              onPressed: () {
                                List<Kesinti>? list0 = kayit?.value?.maas?.kesintiler?.toList() ?? [];
                                list0.removeAt(i);
                                kayit?.value?.maas?.kesintiler = list0;
                                // kayit?.refresh();
                                servisMesaici.aktifCalisma?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              },
                            ),
                            const Spacer(),
                            FikoButton1(
                              textColor: Colors.green,
                              textStrokeColor: Colors.transparent,
                              text: "Kapat",
                              onPressed: (() {
                                // kayit?.refresh();
                                servisMesaici.aktifCalisma?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              }),
                            ),
                          ]),
                        );
                      },
                    ).animate(
                      effects: [const FadeEffect(), ShimmerEffect(delay: 1000.ms)],
                    );
                  },
                ),
            ],
          ),
        ),
      ],
    ).animate(effects: [
      // FadeEffect(duration: 1000.ms, curve: Curves.easeIn),
      // ScaleEffect(begin: const Offset(0.2, 0.2),duration: 500.ms, curve: Curves.easeIn),
      FadeEffect(duration: 1000.ms),
      SaturateEffect(delay: 1000.ms, duration: 500.ms, curve: Curves.easeIn),
      BlurEffect(
        duration: 600.ms,
        begin: const Offset(3, 3),
        end: const Offset(0, 0),
      ),
      ShimmerEffect(
        delay: 1000.ms,
        duration: 1000.ms,
        curve: Curves.easeIn,
      ),
    ]);
  }
}