import 'dart:async';

import 'package:fikoyt_mesaici/apps/mesaici/model/ayarlar/model_ayarlar.dart';
import 'package:fikoyt_mesaici/core/Extensions/fiko_double_ext.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:fikoyt_ui/ui/themes/table_theme.dart';

import 'package:flutter/material.dart';
import 'package:get/get.dart';

import '../../model/calisma_kayit/calisma_kayit.dart';

class BrutMaasTablosu extends StatefulWidget {
  BrutMaasTablosu({super.key, required this.kayit});
  final Rx<CalismaKayit?>? kayit;

  @override
  State<BrutMaasTablosu> createState() => _BrutMaasTablosuState();
}

class _BrutMaasTablosuState extends State<BrutMaasTablosu> {
  Rx<double?> normalMesaiUcreti$ = Rx<double>(0.0);
  Rx<double?> fazlaMesaiUcreti$ = Rx<double>(0.0);
  Rx<double?> toplamBrutEkUcretler$ = Rx<double>(0.0);
  Rx<double?> toplamBrutUcretler$ = Rx<double>(0.0);

  late Timer timer$;

  @override
  void initState() {
    normalMesaiUcreti$.value = widget.kayit?.value?.brutNormal ?? 0.0;
    fazlaMesaiUcreti$.value = widget.kayit?.value?.brutFazlaMesai ?? 0.0;
    toplamBrutEkUcretler$.value = widget.kayit?.value?.ekOdemeler?.toplam() ?? 0.0;
    toplamBrutUcretler$.value = widget.kayit?.value?.brutToplam ?? 0.0;
    timer$ = Timer.periodic(
      const Duration(seconds: 1),
      (timer) async {
        normalMesaiUcreti$.value = widget.kayit?.value?.brutNormal ?? 0.0;
        fazlaMesaiUcreti$.value = widget.kayit?.value?.brutFazlaMesai ?? 0.0;
        toplamBrutEkUcretler$.value = widget.kayit?.value?.ekOdemeler?.toplam() ?? 0.0;
        toplamBrutUcretler$.value = widget.kayit?.value?.brutToplam ?? 0.0;
      },
    );

    super.initState();
  }

  @override
  void dispose() {
    timer$.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Row(
          children: [
            Expanded(
              child: Container(
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: Theme.of(context).extension<TableTheme>()?.titleBackgroundColor,
                ),
                child: const Text(
                  "B. Maaş",
                  style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
                ),
              ),
            ),
            Expanded(
              child: Container(
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: Theme.of(context).extension<TableTheme>()?.titleBackgroundColor,
                ),
                child: const Text(
                  "B. Fazla Mesai",
                  style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
                ),
              ),
            ),
            Expanded(
              child: Container(
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: Theme.of(context).extension<TableTheme>()?.titleBackgroundColor,
                ),
                child: const Text(
                  "B. Ek Ücret",
                  style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
                ),
              ),
            ),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Expanded(
              child: Obx(
                () => AnimatedNumberFikoYTButton(
                  // key: ValueKey<String>("${toplamBrutEkUcretler$.value?.toPrecision(2) ?? 0.0} TL"),
                  text: normalMesaiUcreti$.value,
                  textBuilder: (tweenValue) => tweenValue.toParaBirimi(),
                  tema: FikoYTButtonTheme(
                    fontSize: 12,
                    edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                    textColor: Theme.of(context).extension<TableTheme>()?.dataSuccesTextColor,
                    textStrokeColor: Colors.transparent,
                    radius: 0,
                    backgroundColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
                  ),
                  onPressed: () {},
                ),
              ),
            ),
            Expanded(
              child: Obx(
                () => AnimatedNumberFikoYTButton(
                  // key: ValueKey<String>("${toplamBrutEkUcretler$.value?.toPrecision(2) ?? 0.0} TL"),
                  text: fazlaMesaiUcreti$.value,
                  textBuilder: (tweenValue) => tweenValue.toParaBirimi(),
                  tema: FikoYTButtonTheme(
                    fontSize: 12,
                    edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                    textColor: Theme.of(context).extension<TableTheme>()?.dataSuccesTextColor,
                    textStrokeColor: Colors.transparent,
                    radius: 0,
                    backgroundColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
                  ),
                  onPressed: () {},
                ),
              ),
            ),
            Expanded(
              child: Obx(
                () => AnimatedNumberFikoYTButton(
                  // key: ValueKey<String>("${toplamBrutEkUcretler$.value?.toPrecision(2) ?? 0.0} TL"),
                  text: toplamBrutEkUcretler$.value,
                  textBuilder: (tweenValue) => tweenValue.toParaBirimi(),
                  tema: FikoYTButtonTheme(
                    fontSize: 12,
                    edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                    textColor: Theme.of(context).extension<TableTheme>()?.dataSuccesTextColor,
                    textStrokeColor: Colors.transparent,
                    radius: 0,
                    backgroundColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
                  ),
                  onPressed: () {},
                ),
              ),
            ),
          ],
        ),
        /** */
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Expanded(
              child: Obx(
                () => AnimatedNumberFikoYTButton(
                  text: toplamBrutUcretler$.value,
                  textBuilder: (tweenValue) => "Brüt Toplam -> ${tweenValue.toParaBirimi()}",
                  tema: FikoYTButtonTheme(
                    fontSize: 12,
                    edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                    textColor: Theme.of(context).extension<TableTheme>()?.infoTextColor, //Colors.blueAccent,
                    textStrokeColor: Colors.transparent,
                    radius: 0,
                    backgroundColor: Theme.of(context).extension<TableTheme>()?.infoBackgroundColor, //Colors.yellow.shade100,
                  ),
                  onPressed: () {},
                ),
              ),
            ),
          ],
        ),

        // Row(
        //   children: [
        //     Expanded(
        //       child: Container(
        //         alignment: Alignment.center,
        //         decoration: BoxDecoration(
        //           color: Colors.blue.shade400,
        //         ),
        //         child: const Text(
        //           "Net Maaş",
        //           style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
        //         ),
        //       ),
        //     ),
        //     Expanded(
        //       child: Container(
        //         alignment: Alignment.center,
        //         decoration: BoxDecoration(
        //           color: Colors.blue.shade400,
        //         ),
        //         child: const Text(
        //           "Net Fazla Mesai",
        //           style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
        //         ),
        //       ),
        //     ),
        //     Expanded(
        //       child: Container(
        //         alignment: Alignment.center,
        //         decoration: BoxDecoration(
        //           color: Colors.blue.shade400,
        //         ),
        //         child: const Text(
        //           "Net Ek Ücret",
        //           style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
        //         ),
        //       ),
        //     ),
        //   ],
        // ),
        // Row(
        //   mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        //   children: <Widget>[
        //     Obx(
        //       () => TweenAnimationBuilder<double>(
        //         tween: Tween<double>(
        //             begin: oncekiMesaiUcreti$.value, // Başlangıç değeri
        //             end: normalMesaiUcreti$.value), // Bitiş değeri
        //         duration: const Duration(milliseconds: 900), // Animasyon süresi
        //         builder: (context, value, child) {
        //           return Expanded(
        //             child: FikoYTButton(
        //               key: ValueKey<String>("${normalMesaiUcreti$.value.toPrecision(2)} TL"),
        //               text: "${value.toPrecision(2).toStringAsFixed(2)} TL",
        //               textSize: 12,
        //               edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
        //               textColor: Colors.red,
        //               textStrokeColor: Colors.transparent,
        //               radius: 0,
        //               backColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
        //               onPressed: () {},
        //             ),
        //           );
        //         },
        //       ),
        //     ),
        //     Obx(
        //       () => TweenAnimationBuilder<double>(
        //         tween: Tween<double>(
        //             begin: oncekiFazlaMesaiUcreti$.value, // Başlangıç değeri
        //             end: fazlaMesaiUcreti$.value), // Bitiş değeri
        //         duration: const Duration(milliseconds: 900), // Animasyon süresi
        //         builder: (context, value, child) {
        //           return Expanded(
        //             child: FikoYTButton(
        //               key: ValueKey<String>("${fazlaMesaiUcreti$.value.toPrecision(2)} TL"),
        //               text: "${value.toPrecision(2).toStringAsFixed(2)} TL",
        //               textSize: 12,
        //               edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
        //               textColor: Colors.red,
        //               textStrokeColor: Colors.transparent,
        //               radius: 0,
        //               backColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
        //               onPressed: () {},
        //             ),
        //           );
        //         },
        //       ),
        //     ),
        //     Obx(
        //       () => TweenAnimationBuilder<double>(
        //         tween: Tween<double>(
        //             begin: oncekiBrutEkUcetler$.value, // Başlangıç değeri
        //             end: toplamBrutEkUcretler$.value), // Bitiş değeri
        //         duration: const Duration(milliseconds: 900), // Animasyon süresi
        //         builder: (context, value, child) {
        //           return Expanded(
        //             child: FikoYTButton(
        //               key: ValueKey<String>("${toplamBrutEkUcretler$.value.toPrecision(2)} TL"),
        //               text: "${value.toPrecision(2).toStringAsFixed(2)} TL",
        //               textSize: 12,
        //               edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
        //               textColor: Colors.red,
        //               textStrokeColor: Colors.transparent,
        //               radius: 0,
        //               backColor: Theme.of(context).extension<TableTheme>()?.dataBackgroundColor,
        //               onPressed: () {},
        //             ),
        //           );
        //         },
        //       ),
        //     ),
        //   ],
        // ),
      ],
    );
  }
}