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});

  Widget? simge;

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: () {
        context.vRouter.historyBack();
      },
      icon: 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 {
  const UygulamaBaslikSag({super.key});

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: () {
        context.vRouter.to("/mesaici/ayarlar");
      },
      icon: const Text("⚙️", style: TextStyle(fontSize: 22)),
      // const Icon(
      //   Icons.settings,
      // ),
      iconSize: 22,
      splashRadius: 20,
      // color: Colors.blue.shade300,
    );
  }
}