import 'package:fikoyt_akcali_v1/apps/finans/core/services/finans.servis.dart';
import 'package:fikoyt_akcali_v1/apps/finans/uye/hesap-turleri/hesap-turleri.dart';
import 'package:fikoyt_akcali_v1/apps/finans/uye/hesaplar/hesap-ekle-duzenle/hesap_turu_sec.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class HesapEkleDuzenleDialogWidget extends StatelessWidget {
  HesapEkleDuzenleDialogWidget({super.key});
  FinansServis? finansServis = FikoYTCoreService.servisler.getServis<FinansServis>();
  @override
  Widget build(BuildContext context) {
    return ListView(
      physics: BouncingScrollPhysics(),
      shrinkWrap: true,
      children: <Widget>[
        Row(
          children: [
            FikoYTButton(text: "Hesap Türünü Seçiniz"),
            Spacer(),
            Stack(
              children: [
                finansServis?.animasyonluWidgetAc(
                  ozelId: "Hesap-Türü-ekle-Bottom-Sheet",
                  routeSettings: RouteSettings(name: "/uye/akcali/hesap-turleri", arguments: null),

                  mevcutWidget: (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");
                      // },
                    );
                  },
                  acilacakWidget: (context, action) {
                    return SayfaHesapTurleri();
                  },
                ),
              ],
            ),
          ],
        ),
        Column(
          children: [
            HesapTuruSecWidget(),
            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),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
        SizedBox(height: 30),
        // Spacer()
      ],
    );
  }
}