import 'dart:convert';

import 'package:fikoyt_sistem/apps/uyar/core/base_sol_menu.dart';
import 'package:fikoyt_sistem/apps/uyar/core/uyar_service.dart';
import 'package:fikoyt_sistem/main.dart';
import 'package:dio/dio.dart';
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 uyarServis = Get.put<UyarService>(UyarService());

  girisYap(BuildContext context) async {
    // print(toJson());
    var formData = FormData();

    formData.fields.add(MapEntry("req_body", jsonEncode({"kullaniciAdi": ad.value, "parola": parola.value}).toString()));
    istek_yap<dynamic>(command: 'FikoYT.sistem.giris.yap', parameters: formData)
        .listen((sonuc) async {
          if (sonuc.type == FikoYTRequestType.RESPONDED) {
            toastification.dismissAll(delayForAnimation: true);

            print(sonuc.result);

            /// Giriş Başarılı
            toastification.show(
              context: FikoYTCoreService.navigatorKey.currentContext,
              type: ToastificationType.success,
              style: ToastificationStyle.fillColored,

              // title: Text("FikoYT Sistem"),
              description: Text("Sn. ${sonuc.result?['sonuc']?['isim'] ?? ''} ${sonuc.result?['sonuc']?['soyIsim'] ?? ''} Girişiniz Yapıldı."),
              alignment: Alignment.topRight,
              margin: EdgeInsets.only(top: 32, right: 20),
              autoCloseDuration: const Duration(seconds: 4),
              borderRadius: BorderRadius.circular(4.0),
              // boxShadow: lowModeShadow,
              showProgressBar: false,
              dragToClose: true,
              applyBlurEffect: true,
            );
            context.vRouter.to("/uyar/uye/ana-sayfa");
            return null;
          }
        })
        /** */
        .onError((hata) async {});
  }

  @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: "🚪 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: () => girisYap(context),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}