import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:animate_do/animate_do.dart';

import 'package:vrouter/vrouter.dart';

class KullaniciMenu extends StatelessWidget {
  const KullaniciMenu({super.key, this.ayarlar});
  final dynamic ayarlar;

  void addAllListData() {}

  @override
  Widget build(BuildContext context) {
    return Stack(children: <Widget>[
      Positioned(
        top: 3,
        right: 3,
        child: FadeInRight(
          delay: const Duration(milliseconds: 1000),
          duration: const Duration(milliseconds: 500),
          child: MaterialButton(
            elevation: 0,
            minWidth: 0,
            shape: CircleBorder(
              side: BorderSide(
                  width: 1,
                  color: Colors.blue.withOpacity(0.5),
                  style: BorderStyle.solid),
            ),
            padding: const EdgeInsets.all(3),
            child: const Icon(Icons.power_settings_new,
                color: Colors.redAccent, size: 14),
            // color: Colors.white,
            onPressed: () async {
              context.vRouter.to("/");
            },
          ),
        ),
      ),
      Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(10),
            child: FadeInDown(
              delay: const Duration(milliseconds: 0),
              duration: const Duration(milliseconds: 500),
              child: Swing(
                delay: const Duration(milliseconds: 750),
                duration: const Duration(milliseconds: 500),
                child: Stack(
                  children: [
                    Container(
                      width: 96,
                      height: 96,
                      decoration: BoxDecoration(
                        border: Border.all(
                          color: Colors.blueGrey.shade100,
                          width: 1,
                        ),
                        borderRadius: BorderRadius.circular(96),
                        image: DecorationImage(
                            image: Image.network(
                                    "https://ankararesimkursu.net/wp-content/uploads/2021/07/img_7374-edited-scaled.jpg",
                                    fit: BoxFit.cover)
                                .image,
                            fit: BoxFit.cover,
                            alignment: Alignment.center),
                        shape: BoxShape.rectangle,
                      ),
                    ),
                    Positioned(
                      child: SizedBox(
                        width: 33,
                        child: MaterialButton(
                            elevation: 0,
                            minWidth: 0,
                            shape: CircleBorder(
                                side: BorderSide(
                                    width: 1,
                                    color: Colors.yellowAccent.withOpacity(0.5),
                                    style: BorderStyle.solid)),
                            padding: const EdgeInsets.all(3),
                            color: Colors.blueAccent,
                            onPressed: () async {
                              // Scaffold.of(context).openEndDrawer();
                              context.vRouter.to("/uye/yonetici");
                            },
                            child: const Icon(Icons.star,
                                color: Colors.yellowAccent, size: 14)),
                      ),
                    ),
                    Positioned(
                      right: 0,
                      bottom: 0,
                      child: SizedBox(
                        width: 33,
                        child: MaterialButton(
                            elevation: 0,
                            minWidth: 0,
                            shape: CircleBorder(
                                side: BorderSide(
                                    width: 1,
                                    color: Colors.blue.withOpacity(0.5),
                                    style: BorderStyle.solid)),
                            padding: const EdgeInsets.all(3),
                            color: Colors.white,
                            onPressed: () async {},
                            child: const Icon(Icons.refresh,
                                color: Colors.lightBlue, size: 14)),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ),
          Center(
              child: FadeInDown(
                  delay: const Duration(milliseconds: 150),
                  duration: const Duration(milliseconds: 500),
                  child: const Text(
                    "Giriş Yapılmamış",
                    style: TextStyle(
                        fontStyle: FontStyle.normal,
                        fontWeight: FontWeight.bold,
                        fontSize: 14,
                        decoration: TextDecoration.none,
                        color: Colors.black54),
                  ))),
          const Divider(
            height: 5,
            thickness: 1,
            color: Colors.black12,
          ),
          FadeInDown(
            delay: const Duration(milliseconds: 250),
            duration: const Duration(milliseconds: 500),
            child: SizedBox(
              height: 32.0,
              child: ListView(
                shrinkWrap: true,
                scrollDirection: Axis.horizontal,
                children: [
                  SizedBox(
                    width: 33,
                    child: MaterialButton(
                      elevation: 0,
                      minWidth: 0,
                      shape: CircleBorder(
                          side: BorderSide(
                              width: 1,
                              color: Colors.blue.withOpacity(0.5),
                              style: BorderStyle.solid)),
                      padding: const EdgeInsets.all(3),
                      child: const Icon(Icons.home,
                          color: Colors.lightBlue, size: 14),
                      // color: Colors.white,
                      onPressed: () async {
                        // Scaffold.of(context).openEndDrawer();
                        // context.vRouter.to("/uye");
                      },
                    ),
                  ),
                  SizedBox(
                    width: 33,
                    child: MaterialButton(
                      elevation: 0,
                      minWidth: 0,
                      shape: CircleBorder(
                          side: BorderSide(
                              width: 1,
                              color: Colors.blue.withOpacity(0.5),
                              style: BorderStyle.solid)),
                      padding: const EdgeInsets.all(3),
                      // color: Colors.white,
                      onPressed: () async {
                        // Scaffold.of(context).openEndDrawer();
                        // context.vRouter.to("/uye/bildirimler");
                      },
                      child: const Icon(Icons.notifications,
                          color: Colors.lightBlue, size: 14),
                    ),
                  ),
                  SizedBox(
                    width: 33,
                    child: MaterialButton(
                      elevation: 0,
                      minWidth: 0,
                      shape: CircleBorder(
                          side: BorderSide(
                              width: 1,
                              color: Colors.blue.withOpacity(0.5),
                              style: BorderStyle.solid)),
                      padding: const EdgeInsets.all(3),
                      child: const Icon(Icons.people,
                          color: Colors.lightBlue, size: 14),
                      // color: Colors.white,
                      onPressed: () async {
                        // Scaffold.of(context).openEndDrawer();
                        // context.vRouter.to("/uye/arkadaslar");
                      },
                    ),
                  ),
                  SizedBox(
                    width: 33,
                    child: MaterialButton(
                      elevation: 0,
                      minWidth: 0,
                      shape: CircleBorder(
                          side: BorderSide(
                              width: 1,
                              color: Colors.blue.withOpacity(0.5),
                              style: BorderStyle.solid)),
                      padding: const EdgeInsets.all(3),
                      // color: Colors.white,
                      onPressed: () {
                        // if (kDebugMode) {
                        // Scaffold.of(context).openEndDrawer();
                        if (kDebugMode) {
                          print('clicked');
                        }
                        // }
                      },
                      child: const Icon(Icons.mail,
                          color: Colors.lightBlue, size: 14),
                    ),
                  ),
                  SizedBox(
                    width: 33,
                    child: MaterialButton(
                      elevation: 0,
                      minWidth: 0,
                      shape: CircleBorder(
                          side: BorderSide(
                              width: 1,
                              color: Colors.blue.withOpacity(0.5),
                              style: BorderStyle.solid)),
                      padding: const EdgeInsets.all(3),
                      child: const Icon(Icons.settings,
                          color: Colors.lightBlue, size: 14),
                      // color: Colors.white,
                      onPressed: () {
                        // if (kDebugMode) {
                        // Scaffold.of(context).openEndDrawer();
                        if (kDebugMode) {
                          print('clicked');
                        }
                        // }
                      },
                    ),
                  ),
                ],
              ),
            ),
          ),
          const Divider(
            height: 5,
            thickness: 1,
            color: Colors.black12,
          ),
          FadeInUp(
            delay: const Duration(milliseconds: 350),
            duration: const Duration(milliseconds: 500),
            child: Padding(
              padding: const EdgeInsets.all(5),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Flexible(
                    flex: 1,
                    child: OutlinedButton(
                        onPressed: () {},
                        style: ButtonStyle(
                          padding: WidgetStateProperty.all(
                            const EdgeInsets.symmetric(
                                horizontal: 3.0, vertical: 15.0),
                          ),
                          minimumSize: WidgetStateProperty.all(Size.zero),
                        ),
                        child: const Text(
                          'Gizlilik Politikası',
                          style: TextStyle(
                              fontStyle: FontStyle.normal,
                              fontSize: 10,
                              decoration: TextDecoration.none,
                              color: Colors.black),
                        )),
                  ),
                  const Icon(Icons.circle, color: Colors.black12, size: 10),
                  Flexible(
                    flex: 1,
                    child: OutlinedButton(
                      onPressed: () {},
                      style: ButtonStyle(
                        padding: WidgetStateProperty.all(
                          const EdgeInsets.symmetric(
                              horizontal: 3.0, vertical: 15.0),
                        ),
                        minimumSize: WidgetStateProperty.all(Size.zero),
                      ),
                      child: const Text(
                        'Hizmet Şartları',
                        style: TextStyle(
                            fontStyle: FontStyle.normal,
                            fontSize: 10,
                            decoration: TextDecoration.none,
                            color: Colors.black),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      )
    ]);
  }
}