import 'package:fikoyt_mesaici/apps/mesaici/model/calisma_kayit/calisma_kayit.dart';
import 'package:fikoyt_mesaici/core/fikoyt.service.dart';
import 'package:fikoyt_mesaici/core/widgets/dakika_secici/duration_picker.dart';
import 'package:fikoyt_ui/ui/ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:get/get.dart';

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

  // FikoYTMesaiciService servisMesaici = Get.put(FikoYTMesaiciService());
  FikoYTService servisFikoYT = FikoYTService();

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Obx(
          () => DurationPicker(
            duration: Duration(
              minutes: kayit?.value?.calismaSuresi?.inMinutes ?? 0,
            ),
            baseUnit: BaseUnit.minute,
            snapToMins: 0.1,
            onChange: (value) {
              kayit?.value?.calismaSuresi = value;
              kayit?.refresh();
            },
          ),
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            FikoYTButton(
              text: "⏳ 11 Saat",
              tema: FikoYTButtonTheme(
                fontSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                textStrokeColor: Colors.transparent,
                borderColor: Colors.blue,
              ),
              onPressed: () {
                kayit?.value?.calismaSuresi = const Duration(hours: 11);
                kayit?.refresh();
                Navigator.pop(context);
              },
            ),
            const SizedBox(
              width: 5,
            ),
            FikoYTButton(
              text: "⏳ 9 Saat",
              tema: FikoYTButtonTheme(
                fontSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                textStrokeColor: Colors.transparent,
                borderColor: Colors.blue,
              ),
              onPressed: () {
                kayit?.value?.calismaSuresi = const Duration(hours: 9);
                kayit?.refresh();
                Navigator.pop(context);
              },
            ),
            const SizedBox(
              width: 5,
            ),
            FikoYTButton(
              text: "⏳ 7,5 Saat",
              tema: FikoYTButtonTheme(
                fontSize: 10,
                edgePadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 1),
                textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                textStrokeColor: Colors.transparent,
                borderColor: Colors.blue,
              ),
              onPressed: () {
                kayit?.value?.calismaSuresi = const Duration(hours: 7, minutes: 30);
                kayit?.refresh();
                Navigator.pop(context);
              },
            ),
          ],
        ),
      ],
    ).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,
      ),
    ]);
  }
}