import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:fikoyt_ui/ui/fikoyt_card.dart';
import 'package:fikoyt_ui/ui/yazi_kutulari/yazi_kutulari.dart';
import 'package:flutter/material.dart';

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

  @override
  State<FikoYTLoginScreen> createState() => _FikoYTLoginScreenState();
}

class _FikoYTLoginScreenState extends State<FikoYTLoginScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SizedBox(
                  height: 150,
                ),
                FikoYTCard(
                  theme: Theme.of(context).extension<FikoYTCardTheme>()?.copyWith(
                        padding: EdgeInsets.all(5.0),
                        radius: 15,
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        spacing: 10,
                        elevation: 5,
                        boxConstraints: BoxConstraints(maxWidth: 300),
                      ),
                  children: [
                    const Image(
                      image: AssetImage('assets/core/icons/fikoyt-4.png'),
                      filterQuality: FilterQuality.high,
                    ),
                    // Image(
                    //   image: AssetImage('assets/core/icons/logo.png'),
                    //   width: 256,
                    //   height: 256,
                    //   filterQuality: FilterQuality.high,
                    // ),
                    FikoYTAlert(
                      description: "Giriş Yapmak İçin Bilgilerinizi Giriniz".tr(),
                      emoji: "🔐",
                    ),
                    FikoYaziKutusu(
                      baslik: "Kullanıcı Adı".tr(),
                      simgeSol: const Text(
                        "👩🏻‍🤝‍👨🏽",
                        style: TextStyle(
                          fontSize: 16,
                        ),
                        textAlign: TextAlign.center,
                      ),
                      maksGenislik: 280.0,
                      radius: 5.0,
                      degeri: "",
                      degisti: (value) {},
                    ),
                    FikoYaziKutusu(
                      baslik: "Parola".tr(),
                      gizli: true,
                      simgeSol: const Text(
                        "🔐",
                        style: TextStyle(
                          fontSize: 16,
                        ),
                        textAlign: TextAlign.center,
                      ),
                      maksGenislik: 280.0,
                      radius: 5.0,
                      degeri: "",
                      degisti: (value) {},
                    ),
                    Row(
                      children: [
                        Spacer(),
                        FikoYTButton(
                          text: "🔓 Giriş Yap",
                          tema: FikoYTButtonTheme(
                            fontSize: 14,
                            edgePadding: EdgeInsets.symmetric(
                              horizontal: 5,
                              vertical: 2,
                            ),
                            fontWeight: FontWeight.bold,
                            textColor: Colors.blueAccent,
                            borderColor: Colors.lightBlue,
                          ),
                          onPressed: () {
                            context.vRouter.to("/");
                          },
                        ),
                      ],
                    ),
                    FikoYTButton(
                      text: "Aramıza Katılmaya Ne Dersin?".tr(),
                      tema: FikoYTButtonTheme(
                        textColor: Colors.blueAccent,
                      ),
                      onPressed: () {
                        context.vRouter.to("/fikoyt-signup");
                      },
                    )
                  ],
                ),
                FikoYTButton(
                  text: "Kiosk Paneli Olarak Ayarla".tr(),
                  tema: FikoYTButtonTheme(
                    textColor: Colors.blueAccent,
                  ),
                  onPressed: () {
                    context.vRouter.to("/screen-1/intro");
                  },
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}