import 'package:animations/animations.dart';
import 'package:fikoyt_akcali_v1/apps/finans/uye/hesap-turleri/hesap-turleri.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class HesapEkleDialogWidget extends StatelessWidget {
  const HesapEkleDialogWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return SizedBox.expand(
      child: ListView(
        physics: BouncingScrollPhysics(),
        children: <Widget>[
          Row(
            children: [
              FikoYTButton(text: "Hesap Türünü Seçiniz"),
              Spacer(),
              Stack(
                children: [
                  OpenContainer(
                    routeSettings: RouteSettings(),
                    closedColor: Colors.transparent,
                    closedElevation: 0,
                    middleColor: Colors.transparent,
                    openElevation: 0,
                    transitionDuration: Duration(milliseconds: 1000),
                    transitionType: ContainerTransitionType.fade,
                    tappable: true,
                    closedBuilder: (context, action) {
                      return FikoYTButton(
                        text: "➕ Tür Ekle",
                        tema: FikoYTButtonTheme(
                          fontSize: 10,
                          textColor: Colors.blueAccent,
                          textStrokeColor: Colors.transparent,
                          backgroundColor: Colors.white.withValues(alpha: 180),
                          borderColor: Colors.lightBlueAccent,
                          edgePadding: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
                          textStrokeWidth: 0,
                          textAlign: TextAlign.center,
                        ),
                        // onPressed: () {
                        //   context.vRouter.to("/uye/akcali/hesap-turleri");
                        // },
                      );
                    },
                    openBuilder: (context, action) {
                      return SayfaHesapTurleri();
                    },
                  ),
                ],
              ),
            ],
          ),
          Column(
            children: [
              ListTile(
                title: Text(
                  "Nakit Hesabı",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text("Nakit Hesaplarınızı Buradan Oluşturabilirsiniz.Örneğin Cüzdan Cep, Birikim Kumbara vb."),
                dense: true,
                trailing: Text("💸", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/nakit-hesap-ekle");
                },
              ),
              Divider(height: 2),
              ListTile(
                title: Text(
                  "Banka Hesabı",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text("Vadesiz Banka Hesaplarınızı Buradan Oluşturabilirsiniz.Örneğin X Bankası, Y Bankası vb."),
                dense: true,
                trailing: Text("🏛️", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/banka-hesap-ekle");
                },
              ),
              Divider(height: 2),
              ListTile(
                title: Text(
                  "Mevduat Hesabı",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text(
                  "Mevduatlı Banka Hesaplarınızı Buradan Oluşturabilirsiniz.Örneğin X Mevduat Hesabı, Y Mevduat Bankası vb.",
                ),
                dense: true,
                trailing: Text("📈", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/mevduat-hesap-ekle");
                },
              ),
              Divider(height: 2),
              ListTile(
                title: Text(
                  "Kredili Hesap",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text(
                  "Kredi Olanaklı Hesaplarınız İçin Bu Hesap Türünü Kullanabilirsiniz. Kredi Kartları Bu Hesaba Bir Örnektir.Kısacası Kredili Hesaplar İçin Uygundur.",
                ),
                dense: true,
                trailing: Text("🎫", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/kredili-hesap-ekle");
                },
              ),
              Divider(height: 2),
              ListTile(
                title: Text(
                  "Yatırım Hesabı",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text(
                  "Yatırımlarınız İçin Hesabı Buradan Oluşturabilir, Takip Edebilir ve Analizleriniz İçin Merkez Haline Getirebilirsiniz.",
                ),
                dense: true,
                trailing: Text("📊", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/yatirim-hesap-ekle");
                },
              ),
              Divider(height: 2),
              ListTile(
                title: Text(
                  "Birikim Hesabı",
                  style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
                ),
                subtitle: Text("Birikim Hedefleriniz İçin Açabileceğiniz Hesap Türü."),
                dense: true,
                trailing: Text("🎟️", style: TextStyle(fontSize: 32)),
                onTap: () {
                  context.vRouter.to("/uye/hesaplar/birikim-hesap-ekle");
                },
              ),
              // Divider(height: 2),
              // ListTile(
              //   title: Text(
              //     "Ödüle Bağlı Tasarruf Hesabı",
              //     style: TextStyle(color: Theme.of(context).extension<FikoTheme>()?.infoTextColor, fontSize: 14),
              //   ),
              //   subtitle: Text("Tasarruf / İşlem Yaptıkça Ödül Kazandığınız Hesabınızı Oluşturabileceğiniz Kısım."),
              //   dense: true,
              //   trailing: Text("🥇", style: TextStyle(fontSize: 32)),
              //   onTap: () {
              //     context.vRouter.to("/uye/hesaplar/odul-tasarruf-hesap-ekle");
              //   },
              // ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  const Expanded(child: Divider(indent: 0.0, endIndent: 10.0, thickness: 1)),
                  FikoYTButton(
                    text: '👔 Ek Seçenekler',
                    tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                      textStrokeColor: Colors.transparent,
                      textColor: Theme.of(context).extension<FikoTheme>()?.textColor,
                    ),
                  ),

                  const Expanded(child: Divider(indent: 10.0, endIndent: 0.0, thickness: 1)),
                ],
              ),
              SizedBox(height: 3),
              SizedBox(
                height: 22,
                child: ShaderMask(
                  shaderCallback: (Rect rect) {
                    return const LinearGradient(
                      begin: Alignment.centerLeft,
                      end: Alignment.centerRight,
                      colors: [Colors.purple, Colors.transparent, Colors.transparent, Colors.purple],
                      stops: [0.0, 0.1, 0.9, 1.0], // 10% purple, 80% transparent, 10% purple
                    ).createShader(rect);
                  },
                  blendMode: BlendMode.dstOut,
                  child: SingleChildScrollView(
                    // controller: scrollController,
                    // shrinkWrap: true,
                    physics: const BouncingScrollPhysics(),
                    scrollDirection: Axis.horizontal,
                    child: Row(
                      children: [
                        const SizedBox(width: 20),
                        // for (var i = 0; i < 5; i++)
                        Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 1),
                          child: FikoYTButton(
                            text: "📅 Dosyadan İçe Aktar",
                            tema: FikoYTButtonTheme(
                              borderColor: Colors.grey.shade400,
                              backgroundColor: Colors.black.withOpacity(0),
                              edgePadding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
                              // textColor: Colors.black,
                              textStrokeColor: Colors.transparent,
                            ),

                            onLongPress: () {},
                            onPressed: () {},
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 1),
                          child: FikoYTButton(
                            text: "📅 İnternetten İçe Aktar",
                            tema: FikoYTButtonTheme(
                              borderColor: Colors.grey.shade400,
                              backgroundColor: Colors.black.withOpacity(0),
                              edgePadding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
                              // textColor: Colors.black,
                              textStrokeColor: Colors.transparent,
                            ),

                            onLongPress: () {},
                            onPressed: () {},
                          ),
                        ),

                        Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 1),
                          child: FikoYTButton(
                            text: "📅 Yakın Cihazdan İçe Aktar",
                            tema: FikoYTButtonTheme(
                              borderColor: Colors.grey.shade400,
                              backgroundColor: Colors.black.withOpacity(0),
                              edgePadding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
                              // textColor: Colors.black,
                              textStrokeColor: Colors.transparent,
                            ),

                            onLongPress: () {},
                            onPressed: () {},
                          ),
                        ),
                        const SizedBox(width: 20),
                      ],
                    ),
                  ),
                ),
              ),
            ],
          ),

          // Spacer()
        ],
      ),
    );
  }
}