import 'package:fikoyt_akcali_v1/apps/finans/core/services/finans.servis.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class UygulamaBaslikOrta extends StatelessWidget {
  const UygulamaBaslikOrta({super.key});
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Center(
          child: Padding(
            padding: const EdgeInsets.only(left: 45, top: 24),
            child: Container(
              // width: double.infinity,
              height: 18,
              constraints: const BoxConstraints(maxWidth: 300),
              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
              decoration: const BoxDecoration(color: Colors.transparent, borderRadius: BorderRadius.all(Radius.circular(10))),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Obx(
                    () => FikoYTButton(
                      text: FikoYTCoreService.servisler.getServis<FinansServis>()?.baslik.value,
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                        fontSize: 11,
                        textStrokeColor: Colors.black,
                        textColor: Colors.amberAccent,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
        Center(
          child: Padding(
            padding: const EdgeInsets.only(left: 0, top: 36),
            child: Container(
              // width: double.infinity,
              height: 18,
              constraints: const BoxConstraints(maxWidth: 300),
              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
              decoration: const BoxDecoration(color: Colors.transparent, borderRadius: BorderRadius.all(Radius.circular(10))),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Obx(
                    () => AnimatedFikoYTButton1(
                      text: FikoYTCoreService.servisler.getServis<FinansServis>()?.altBaslik.value,
                      tema: Theme.of(context).extension<FikoYTButtonTheme>()?.copyWith(
                        fontSize: 10,
                        // textStrokeWidth: 1,
                        textStrokeColor: Colors.black,
                        textColor: Colors.white,
                        textShadow: [],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),

        Center(
          child: Padding(
            padding: const EdgeInsets.only(top: 4),
            child: GestureDetector(
              // onTap: () {
              //   context.vRouter.to("/");
              // }, // Image tapped
              child: const Image(
                image: AssetImage('packages/fikoyt_ui/assets/core/icons/fikoyt.png'),
                filterQuality: FilterQuality.high,
                height: 32,
                // width: widget.logoWidth * cardWidth,
              ),
            ),
          ),
        ),
      ],
    );
  }
}

class UygulamaBaslikSol extends StatelessWidget {
  UygulamaBaslikSol({super.key, this.simge, this.onPressedSimge});

  Widget? simge;
  final VoidCallback? onPressedSimge;

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: onPressedSimge,
      // () {
      //   // context.vRouter.historyBack();
      // },
      icon:
          simge ??
          const Image(
            image: AssetImage('packages/fikoyt_ui/assets/core/icons/logo.png'),
            filterQuality: FilterQuality.high,
            // width: widget.logoWidth * cardWidth,
          ),
      iconSize: 22,
      splashRadius: 20,
      color: Colors.blue.shade300,
    );
  }
}

class UygulamaBaslikSag extends StatelessWidget {
  UygulamaBaslikSag({super.key, this.simge, this.onPressedSimge});
  Widget? simge;
  final VoidCallback? onPressedSimge;

  FinansServis? finansServis = FikoYTCoreService.servisler.getServis<FinansServis>();

  @override
  Widget build(BuildContext context) {
    return Obx(
      () => SizedBox(
        height: 16,
        width: 16,
        child: FikoytOvalResim(
          resimUrl: finansServis?.aktifKullanici.value?.profilResmiUrl ?? "🤵",
          onPressed: onPressedSimge,
          tema: FikoYTOvalResimTheme(radius: 22, spacing: 3),
        ),
      ),
    );
    // IconButton(
    //   onPressed: onPressedSimge,
    //   icon: simge ?? const Text("⚙️", style: TextStyle(fontSize: 22)),
    //   // const Icon(
    //   //   Icons.settings,
    //   iconSize: 22,
    //   splashRadius: 20,
    //   // color: Colors.blue.shade300,
    // );
  }
}