import 'package:fikoyt_mesaici/apps/mesaici/model/model_hareketler.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';
import 'package:vrouter/vrouter.dart';

class SaatTablosuMesaiCarpani extends StatelessWidget {
  SaatTablosuMesaiCarpani({super.key, required this.kayit});
  final Rx<ModelHareketler?>? kayit;

  @override
  Widget build(BuildContext context) {
    bool mesaiCarpaniEditGoster = false;
    return StatefulBuilder(
      builder: (context, setState) => Column(
        children: [
          const Text(" Fazla Çalışılan Süre İçin Maaş Katsayısını Aşağıdaki Çubuğu Kaydırarak Ayarlayınız. "),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FikoButton1(
                text: "⏳ Geçerli Mesai Oranı",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: Colors.black,
                textStrokeColor: Colors.transparent,
                borderColor: Colors.blue,
                onPressed: () {
                  kayit?.value?.calismaKarti?.gecerliMesaiOraniAl();
                  setState(
                    () {},
                  );
                },
              ),
            ],
          ),
          Slider(
            value: kayit?.value?.calismaKarti?.mesaiOrani?.toDouble() ?? 0.0,
            // label: "",
            min: 0,
            max: 400,
            onChanged: (double value) {
              kayit?.value?.calismaKarti?.mesaiOrani = value.floor().toDouble();
              // mesaiCarpaniEditGoster.value = false;
              setState(
                () {},
              );
            },
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FikoButton1(
                text: "%${kayit?.value?.calismaKarti?.mesaiOrani?.toStringAsFixed(3) ?? 0.000.toStringAsFixed(3)}",
                textSize: 12,
                edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                textColor: Colors.green,
                textStrokeColor: Colors.transparent,
                onPressed: () {
                  mesaiCarpaniEditGoster = !mesaiCarpaniEditGoster;
                  setState(
                    () {},
                  );
                },
              ),
            ],
          ),
          Visibility(
            visible: mesaiCarpaniEditGoster,
            child: FikoYaziKutusu(
              baslik: "Mesai Çarpanı",
              simgeSol: const Text(
                "➗",
              ),
              radius: 5,
              klavyeTipi: TextInputType.number,
              degeri: (kayit?.value?.calismaKarti?.mesaiOrani ?? 0.0).toString(),
              degisti: (value) {
                num deger = num.parse(value.replaceAll("x", "").replaceAll(",", ""));
                if (deger < 0.0) deger = 0.0;
                if (deger > 400.0) deger = 400.0;
                kayit?.value?.calismaKarti?.mesaiOrani = deger;
                setState(
                  () {},
                );
              },
              // degeri: "0.00₺",
            ),
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FikoButton1(
                text: "⏳ 50 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.calismaKarti?.mesaiOrani == 50.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.calismaKarti?.mesaiOrani == 50.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.calismaKarti?.mesaiOrani == 50.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.calismaKarti?.mesaiOrani = 50.0;
                  kayit?.refresh();
                  setState(
                    () {},
                  );
                  context.vRouter.pop();
                },
              ),
              const SizedBox(
                width: 5,
              ),
              FikoButton1(
                text: "⏳ 100 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.calismaKarti?.mesaiOrani == 100.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.calismaKarti?.mesaiOrani == 100.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.calismaKarti?.mesaiOrani == 100.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.calismaKarti?.mesaiOrani = 100.0;
                  kayit?.refresh();
                  setState(
                    () {},
                  );
                  context.vRouter.pop();
                },
              ),
              const SizedBox(
                width: 5,
              ),
              FikoButton1(
                text: "⏳ 150 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.calismaKarti?.mesaiOrani == 150.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.calismaKarti?.mesaiOrani == 150.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.calismaKarti?.mesaiOrani == 150.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.calismaKarti?.mesaiOrani = 150.0;
                  kayit?.refresh();
                  setState(
                    () {},
                  );
                  context.vRouter.pop();
                },
              ),
            ],
          ),
        ],
      ),
    );
  }
}