import 'package:fikoyt_mesaici/apps/mesaici/widgets/aktif_kart/saat_tablosu/saat_tablosu.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';

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

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

  @override
  Widget build(BuildContext context) {
    RxBool mesaiCarpaniEditGoster = false.obs;
    return 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?.gecerliMesaiOraniAl();
                kayit.refresh();
              },
            ),
          ],
        ),
        Obx(
          () => Slider(
            value: kayit?.value?.mesaiCarpani?.toDouble() ?? 0.0,
            // label: "",
            min: 0,
            max: 400,
            onChanged: (double value) {
              kayit?.value?.mesaiCarpani = value.floor().toDouble();
              // mesaiCarpaniEditGoster.value = false;
              kayit?.refresh();
            },
          ),
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Obx(
              () => FikoButton1(
                text: "%${kayit?.value?.mesaiCarpani?.toStringAsFixed(3) ?? 0.000.toStringAsFixed(3)}",
                textSize: 12,
                edgePadding: const EdgeInsets.symmetric(vertical: 2.0),
                textColor: Colors.green,
                textStrokeColor: Colors.transparent,
                onPressed: () {
                  mesaiCarpaniEditGoster.value = !mesaiCarpaniEditGoster.value;
                },
              ),
            ),
          ],
        ),
        Obx(
          () => Visibility(
            visible: mesaiCarpaniEditGoster.value,
            child: FikoYaziKutusu(
              baslik: "Mesai Çarpanı",
              simgeSol: const Text(
                "➗",
              ),
              radius: 5,
              klavyeTipi: TextInputType.number,
              degeri: (kayit?.value?.mesaiCarpani ?? 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?.mesaiCarpani = deger;
                kayit?.refresh();
              },
              // degeri: "0.00₺",
            ),
          ),
        ),
        Obx(
          () => Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              FikoButton1(
                text: "⏳ 50 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.mesaiCarpani == 50.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.mesaiCarpani == 50.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.mesaiCarpani == 50.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.mesaiCarpani = 50.0;
                  kayit?.refresh();
                  context.vRouter.pop();
                },
              ),
              const SizedBox(
                width: 5,
              ),
              FikoButton1(
                text: "⏳ 100 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.mesaiCarpani == 100.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.mesaiCarpani == 100.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.mesaiCarpani == 100.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.mesaiCarpani = 100.0;
                  kayit?.refresh();
                  context.vRouter.pop();
                },
              ),
              const SizedBox(
                width: 5,
              ),
              FikoButton1(
                text: "⏳ 150 %",
                textSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: kayit?.value?.mesaiCarpani == 150.0 ? Colors.yellow : Colors.black,
                textStrokeColor: Colors.transparent,
                backColor: kayit?.value?.mesaiCarpani == 150.0 ? Colors.blue : Colors.transparent,
                borderColor: kayit?.value?.mesaiCarpani == 150.0 ? Colors.yellow : Colors.blue,
                onPressed: () {
                  kayit?.value?.mesaiCarpani = 150.0;
                  kayit?.refresh();
                  context.vRouter.pop();
                },
              ),
            ],
          ),
        ),
      ],
    );
  }
}