import 'package:fikoyt_akcali/core/Extensions/fiko_double_ext.dart';
import 'package:fikoyt_akcali/core/widgets/fiko_ui/fiko_button/fiko_button.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_animate/flutter_animate.dart';

class MiniHesapKart extends StatefulWidget {
  const MiniHesapKart({super.key});

  @override
  _MiniHesapKartState createState() => _MiniHesapKartState();
}

class _MiniHesapKartState extends State<MiniHesapKart> {
  @override
  Widget build(BuildContext context) {
    return AnimatedContainer(
      constraints: const BoxConstraints(
        minWidth: 120,
        maxWidth: 120,
        minHeight: 30,
      ),
      duration: 1.seconds,
      decoration: BoxDecoration(
        color: Colors.blue.withValues(alpha: 300),
        shape: BoxShape.rectangle,
        borderRadius: const BorderRadius.all(
          Radius.circular(5),
        ),
        border: Border.all(
          color: Colors.blue,
          width: 1,
        ),
      ),
      margin: const EdgeInsets.all(2),
      // padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 3),
      child: InkWell(
        // When the user taps the button, show a snackbar.
        onTap: () {},
        child: Padding(
          padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 3),
          child: Column(
            children: [
              const Text(
                "💳",
                style: TextStyle(fontSize: 24),
              ),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      FikoButton1(
                        text: "Garanti Bankası",
                        textSize: 10,
                        textColor: Colors.white,
                        textStrokeColor: Colors.transparent,
                        textStrokeWidth: 0,
                        align: Alignment.center,
                      ),
                      AnimatedFikoButton1(
                        text: 1200.0.toParaBirimi(),
                        textSize: 10,
                        textColor: Colors.white,
                        textStrokeColor: Colors.transparent,
                        textStrokeWidth: 0,
                        align: Alignment.centerLeft,
                      ),
                    ],
                  ),
                ],
              ),
              Container(
                margin: const EdgeInsets.symmetric(vertical: 2),
                height: 4,
                child: const LinearProgressIndicator(
                  value: 0.7,
                  borderRadius: BorderRadius.all(Radius.circular(4)),
                  valueColor: AlwaysStoppedAnimation<Color>(Color.fromARGB(255, 238, 255, 0)),
                  backgroundColor: Color(0xffD6D6D6),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}