import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:sk_base_mobile/constants/bg_color.dart';
import 'package:sk_base_mobile/screens/home/home_controller.dart';
import 'dates.dart';

class DateContainer extends StatelessWidget {
  final int index;
  DateContainer({super.key, required this.index});
  final controller = Get.put(HomeController());
  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.sizeOf(context);
    return Obx(() => AnimatedContainer(
        duration: const Duration(milliseconds: 200),
        height: 110,
        width: 70,
        margin: EdgeInsets.only(left: size.width * 0.05),
        decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(20),
            gradient: controller.currentIndex.value == index
                ? const LinearGradient(
                    begin: Alignment.topCenter,
                    end: Alignment.bottomCenter,
                    colors: [lightOrange, darkOrange])
                : null,
            boxShadow: [
              controller.currentIndex.value == index
                  ? const BoxShadow(
                      color: lightOrange, offset: Offset(0, 10), blurRadius: 20)
                  : const BoxShadow(
                      color: Colors.black12,
                      offset: Offset(0, 10),
                      blurRadius: 20)
            ]),
        child: Dates(index: index)));
  }
}