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: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              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,
                    ),
                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(),
                  ),
                  FikoYaziKutusu(
                    baslik: "Kullanıcı Adı".tr(),
                    simgeSol: const Text(
                      "👩🏻‍🤝‍👨🏽",
                      style: TextStyle(
                        fontSize: 16,
                      ),
                    ),
                    maksGenislik: 280.0,
                    radius: 5.0,
                    degeri: "",
                    degisti: (value) {},
                  ),
                  FikoYaziKutusu(
                    baslik: "Parola".tr(),
                    gizli: true,
                    simgeSol: const Text(
                      "🔐",
                      style: TextStyle(
                        fontSize: 16,
                      ),
                    ),
                    maksGenislik: 280.0,
                    radius: 5.0,
                    degeri: "",
                    degisti: (value) {},
                  ),
                  Row(
                    children: [
                      FikoYTButton(
                        text: "Giriş Yap",
                        tema: FikoYTButtonTheme(
                          fontSize: 14,
                          edgePadding: EdgeInsets.symmetric(
                            horizontal: 15,
                            vertical: 5,
                          ),
                          fontWeight: FontWeight.bold,
                          textColor: Colors.blueAccent,
                          borderColor: Colors.lightBlue,
                        ),
                        onPressed: () {
                          context.vRouter.to("/screen-1/intro");
                        },
                      ),
                    ],
                  ),
                ],
              ),
              FikoYTButton(
                text: "Bunu Farkı Bir Cihaz Olarak Ayarla",
                tema: FikoYTButtonTheme(
                  textColor: Colors.blueAccent,
                ),
              )
            ],
          )
        ],
      ),
    );
  }
}