import 'package:fikoyt_finans/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 GunlukIzinli extends StatelessWidget {
  const GunlukIzinli({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.grey.shade100,
          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.hotel, size: 48, color: Colors.red),
            ],
          ),
          FikoButton1(
            text: "Günlük İzinli",
            textColor: Colors.red,
            textStrokeColor: Colors.yellow,
            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,
              ),
              FikoButton1(
                text: "Eklenmeyecek",
                textColor: Colors.red,
                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();
      },
    );
  }
}