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/etiketler/etiket-ekle.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

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

  final Etiket kyt;

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

class _EtiketItemState extends State<EtiketItem> {
  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: [
                Container(
                  width: 32,
                  height: 32,
                  decoration: BoxDecoration(borderRadius: BorderRadius.circular(5), color: widget.kyt.rengi),
                  child: FikoYTButton(text: "${widget.kyt.simge}", tema: FikoYTButtonTheme(fontSize: 32)),
                ),
                // 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),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
      acilacakWidget: (context, action) => SayfaEtiketEkle(kyt: widget.kyt, animClose: action),
    );
  }
}