import 'package:fikoyt_akcali_v1/apps/finans/core/models/finans.model.dart';
import 'package:fikoyt_akcali_v1/apps/finans/core/services/finans.servis.dart';
import 'package:fikoyt_akcali_v1/apps/finans/uye/kategoriler/kategori-ekle.dart';
import 'package:fikoyt_akcali_v1/apps/finans/uye/kategoriler/kategori.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class KategoriItem extends StatefulWidget {
  KategoriItem({super.key, required this.kyt, this.animClose});

  final Kategori kyt;

  void Function({Never returnValue})? animClose;
  @override
  State<KategoriItem> createState() => _KategoriItemState();
}

class _KategoriItemState extends State<KategoriItem> {
  FinansServis? finansServis = FikoYTCoreService.servisler.getServis<FinansServis>();

  @override
  Widget build(BuildContext context) {
    return finansServis?.animasyonluWidgetAc(
      mevcutWidget:
          (context, action) => Container(
            margin: EdgeInsets.symmetric(vertical: 2, horizontal: 10),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(5),
              color: Theme.of(context).extension<FikoTheme>()?.cardBackgroundColor,
              border: Border.all(color: Colors.grey.shade400),
            ),
            padding: EdgeInsets.all(3),
            child: Row(
              children: [
                FikoYTButton(text: "${widget.kyt.simge}", tema: FikoYTButtonTheme(fontSize: 32)),
                const SizedBox(width: 2), // Boşluk eklemek için
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      FikoYTButton(text: "${widget.kyt.ismi}"),
                      FikoYTButton(
                        text: widget.kyt.aciklama ?? 'Açıklama Yok',
                        tema: FikoYTButtonTheme(fontWeight: FontWeight.w200, fontSize: 12),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: [
                          FikoYTButton(
                            text: "${widget.kyt.value.altKategoriler.countSync() > 0 ? ('${widget.kyt.value.altKategoriler.countSync()} adet kategorisi var') : 'Yok'}",
                            tema: FikoYTButtonTheme(
                              fontWeight: FontWeight.w200,
                              fontSize: 10,
                              backgroundColor: Colors.blueAccent,
                              textColor: Colors.white,
                              edgePadding: EdgeInsets.all(2),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
      acilacakWidget: (context, action) => SayfaKategori(kyt: widget.kyt.obs, animClose: action),
    );
  }
}