import 'dart:convert';

import 'package:fikoyt_sistem/apps/uyar/core/base_sol_menu.dart';
import 'package:fikoyt_sistem/apps/uyar/core/services/uyar_service.dart';
import 'package:fikoyt_sistem/main.dart';
import 'package:dio/dio.dart' as Dio;
import 'package:fikoyt_ui/core/fiko_request.dart';
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 AnaSayfa extends StatelessWidget {
  AnaSayfa({Key? key}) : super(key: key);

  RxString ad = RxString("fikri007");

  RxString parola = RxString("123");

  final UyarService uyarService = Get.put<UyarService>(UyarService());

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        SizedBox(height: 128),
        Center(
          child: Container(
            constraints: BoxConstraints(maxWidth: 300),
            child: FikoYTCard(
              theme: FikoYTCardTheme(
                elevation: 0,
                borderRadius: BorderRadius.circular(10),
                margin: EdgeInsets.all(10),
                padding: EdgeInsets.all(10),
                backgroundColor: Theme.of(context).extension<FikoTheme>()?.cardBackgroundColor,
                borderColor: Colors.grey.shade400,
                border: Border.all(color: Colors.grey.shade400),
              ),
              children: [
                Column(
                  spacing: 5,
                  mainAxisSize: MainAxisSize.max,
                  children: [
                    Center(
                      child: const Image(
                        image: AssetImage('packages/fikoyt_ui/assets/core/icons/fikoyt.png'),
                        filterQuality: FilterQuality.high,
                        height: 76,
                        // width: widget.logoWidth * cardWidth,
                      ),
                    ),
                    FikoYaziKutusu(
                      autofocus: true,
                      baslik: "Kullanıcı Adı",
                      simgeSol: const Text("👩🏻", style: TextStyle(fontSize: 14)),
                      yaziBoyutu: 12.0,
                      radius: 5.0,
                      degeri: ad.value,
                      degisti: (value) {
                        ad.value = value;
                      },
                      oneriOtomatikDoldurma: [AutofillHints.name, AutofillHints.middleName, AutofillHints.familyName],
                    ),
                    FikoYaziKutusu(
                      baslik: "Parola",
                      simgeSol: const Text("🔐", style: TextStyle(fontSize: 14)),
                      gizli: true,
                      obscuringCharacter: "♥",
                      yaziBoyutu: 12.0,
                      radius: 5.0,

                      degeri: parola.value,
                      degisti: (value) {
                        parola.value = value;
                      },
                      oneriOtomatikDoldurma: [AutofillHints.email],
                    ),

                    ///
                    SizedBox(height: 5),
                    Row(
                      children: [
                        Spacer(),
                        Stack(
                          children: [
                            FikoYTButton(
                              text: Obx(() {
                                uyarService.girisIstek.isBusy.value;
                                return Row(
                                  children: [
                                    AnimatedSwitcher(
                                      duration: const Duration(milliseconds: 500),
                                      transitionBuilder: (Widget child, Animation<double> animation) {
                                        return FadeTransition(
                                          opacity: animation,
                                          child: ScaleTransition(scale: animation, child: child),
                                        );
                                      },
                                      child: uyarService.girisIstek.isBusy.value
                                          ? SizedBox(
                                              key: const ValueKey('loading'),
                                              height: 16,
                                              width: 16,
                                              child: const CircularProgressIndicator(color: Colors.white),
                                            )
                                          : const Text("🚪", key: ValueKey('icon')),
                                    ),

                                    FikoYTButton(
                                      text: "Giriş Yap",
                                      tema: FikoYTButtonTheme(
                                        textColor: Colors.white,
                                        backgroundColor: Colors.transparent,
                                        // fontWeight: FontWeight.w700,
                                        edgePadding: EdgeInsets.all(3),
                                        borderColor: Colors.transparent,
                                        // elevation: 3,
                                        fontSize: 12,
                                      ),
                                    ),
                                  ],
                                );
                              }),
                              tema: FikoYTButtonTheme(
                                textColor: Colors.white,
                                backgroundColor: Colors.blue,
                                // fontWeight: FontWeight.w700,
                                edgePadding: EdgeInsets.all(3),
                                borderColor: Colors.blueAccent,
                                elevation: 3,
                                fontSize: 12,
                              ),
                              onPressed: () async {
                                uyarService.girisYap(context, ad: ad.value, parola: parola.value);
                              },
                            ),

                            // FikoYTButton(
                            //   text: "🚪 Giriş Yap",
                            //   tema: FikoYTButtonTheme(
                            //     textColor: Colors.white,
                            //     backgroundColor: Colors.blue,
                            //     // fontWeight: FontWeight.w700,
                            //     edgePadding: EdgeInsets.all(3),
                            //     borderColor: Colors.blueAccent,
                            //     elevation: 3,
                            //     fontSize: 12,
                            //   ),
                            //   onPressed: () => uyarServis.girisYap(context, ad: ad.value, parola: parola.value),
                            // ),
                          ],
                        ),
                      ],
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}