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/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';

import 'ek_odeme_ekle.dart';

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

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

  Rx<Maas> maasObs;

  @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,
              ),
            ),
            const Text(
              'Ek Ödemeler',
              style: TextStyle(
                fontWeight: FontWeight.bold,
              ),
            ),
            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: [
                      FikoButton1(
                        textColor: Colors.green,
                        textStrokeColor: Colors.transparent,
                        text: "Ekle",
                        edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        onPressed: (() {
                          List<EkOdeme> ekodmler = maasObs.value.ekOdemeler!.toList();
                          ekodmler.add(ekOd);
                          maasObs.value.ekOdemeler = ekodmler;
                          servisMesaici.ayarlarModel?.refresh();
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                      const Spacer(),
                      FikoButton1(
                        textColor: Colors.red,
                        textStrokeColor: Colors.transparent,
                        text: "Kapat",
                        edgePadding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
                        onPressed: (() {
                          servisMesaici.ayarlarModel?.refresh();
                          Navigator.pop(
                            context,
                          );
                        }),
                      ),
                    ]),
                  );
                },
                child: const Text("➕"),
                // const Icon(Icons.notifications,
                //     color: Colors.lightBlue, size: 14),
              ),
            ),
          ],
        ),

        /** */
        // if ((maasObs.value.ekOdemeler ?? []).isEmpty)
        AnimatedCrossFade(
          crossFadeState: (maasObs.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 < (maasObs.value.ekOdemeler ?? []).length; i++)
                Obx(
                  () {
                    EkOdeme ekOdm = maasObs.value.ekOdemeler![i];
                    return FikoButton1(
                      text: Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text(
                            "${ekOdm.turu.simge} ${(ekOdm.ismi ?? 'İsim Verilmemiş')}",
                          ),
                          const Spacer(),
                          FikoButton1(
                            textColor: Colors.white,
                            textStrokeColor: Colors.black,
                            text: "${ekOdm.miktar ?? '0.0'}",
                          ),
                          FikoButton1(
                            textColor: Colors.amber,
                            textStrokeColor: Colors.blue,
                            text: "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: EkOdemeEkle(
                              ekOdeme: ekOdm,
                            ),
                          ),
                          FikoDialogAyarlari(baslik: "Ek Ödeme Düzenle", baslikSimge: "💎", altButonlar: [
                            FikoButton1(
                              textColor: Colors.red,
                              textStrokeColor: Colors.transparent,
                              text: "Sil",
                              onPressed: () {
                                List<EkOdeme>? list0 = maasObs.value.ekOdemeler!.toList();
                                list0.removeAt(i);
                                maasObs.value.ekOdemeler = list0;
                                if (maasObs.value.ekOdemeler!.isEmpty) {
                                  maasObs.value.ekOdemeler = [];
                                }
                                servisMesaici.ayarlarModel?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              },
                            ),
                            const Spacer(),
                            FikoButton1(
                              textColor: Colors.green,
                              textStrokeColor: Colors.transparent,
                              text: "Kapat",
                              onPressed: (() {
                                servisMesaici.ayarlarModel?.refresh();
                                Navigator.pop(
                                  context,
                                );
                              }),
                            ),
                          ]),
                        );
                      },
                    ).animate(
                      effects: [const FadeEffect(), ShimmerEffect(delay: 1000.ms)],
                    );
                  },
                ),
            ],
          ),
        ),
      ],
    );
  }
}