import 'package:fikoyt_mesaici/core/Extensions/fiko_duration_ext.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 '../../model/calisma_kayit/calisma_kayit.dart';

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

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(5),
      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          // color: Colors.transparent,
          border: Border.all(color: Colors.grey.shade400),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withOpacity(0.15),
            ),
            BoxShadow(
              color: Colors.grey.shade200,
              spreadRadius: -5.0,
              blurRadius: 12.0,
            ),
          ]),
      child: Column(
        children: [
          const Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(Icons.pool, size: 48, color: Colors.green),
            ],
          ),
          FikoButton1(
            text: "Yıllık İzinli",
            textColor: Colors.green,
            textStrokeColor: Colors.amber,
            textSize: 16,
          ),
          Wrap(
            alignment: WrapAlignment.center,
            crossAxisAlignment: WrapCrossAlignment.center,
            children: [
              FikoButton1(
                text: "Maaşa Ve Çalışma Saatine",
                textColor: Colors.black,
                textStrokeColor: Colors.transparent,
                textSize: 12,
                radius: 0,
                edgePadding: EdgeInsets.zero,
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  FikoButton1(
                    text: "(${kayit?.value?.calismaSuresi?.insanizeEk(yoksa: '0 Saat') ?? const Duration().insanizeEk(yoksa: '0 Saat')})",
                    textColor: Colors.green,
                    textStrokeColor: Colors.transparent,
                    textSize: 12,
                    edgePadding: EdgeInsets.zero,
                    onPressed: () {
                      asdsad
                    },
                  ),
                  FikoButton1(
                    text: "Eklenecek",
                    textColor: Colors.black,
                    textStrokeColor: Colors.transparent,
                    textSize: 12,
                    edgePadding: EdgeInsets.zero,
                  ),
                ],
              ),
            ],
          ),
        ],
      ),
    ).animate(effects: [
      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,
      ),
    ]).animate(
      autoPlay: true,
      effects: [
        ShakeEffect(
          delay: 5000.ms,
          duration: 2000.ms,
          curve: Curves.easeInOut,
          rotation: 0.02,
          hz: 4,
        )
      ],
      onComplete: (controller) {
        controller.loop();
      },
    );
  }
}