// ignore_for_file: library_private_types_in_public_api

import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';

import '../../../../core/widgets/base_page/base_page_view.dart';
import '../../../../core/widgets/fikoyt_elastic/fikoyt_elastic.dart';
import '../../widgets/kullanici_bilgi_navigasyon/kullanici_bilgi_navigasyon.dart';
import '../../widgets/uygulama_baslik/uygulama_baslik.dart';

class PageMesaiciNotificationsLogic extends GetxController {}

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

  @override
  _PageMesaiciNotificationsState createState() => _PageMesaiciNotificationsState();
}

class _PageMesaiciNotificationsState extends State<PageMesaiciNotifications> {
  PageMesaiciNotificationsLogic logic = Get.put(PageMesaiciNotificationsLogic());
  BasePageLogic basePageLogic = Get.put(BasePageLogic());

  //--->

  @override
  Widget build(BuildContext context) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      basePageLogic.subTitle.value = "🛎️ Bildirimler";
    });

    ScreenSizeTypes screenType = FikoYTElastic.getScreenSizeType(context);
    [
      // ScreenSizeTypes.small,
      ScreenSizeTypes.mini,
      ScreenSizeTypes.extraMini
    ].contains(screenType);

    return FikoYTSliverApp(
      leading: const UygulamaBaslikSol(),
      title: UygulamaBaslikOrta(),
      actions: const [
        UygulamaBaslikSag(),
      ],
      headerWidget: PageView(
        children: <Widget>[
          Container(
            color: Colors.transparent, //Colors.orange,
            height: 300 - kToolbarHeight - 10,
            margin: const EdgeInsets.only(top: kToolbarHeight, bottom: 10, right: 10, left: 10),
            child: KullaniciBilgiNavigasyon(
              simge: const Text(
                "🛎️",
                style: TextStyle(
                  fontSize: 54,
                ),
              ),
            ),
          ),
        ],
      ),
      // headerBottomBar: Container(
      //   padding: EdgeInsets.zero,
      //   margin: EdgeInsets.zero,
      //   height: kToolbarHeight,
      //   child: Row(
      //     crossAxisAlignment: CrossAxisAlignment.center,
      //     mainAxisAlignment: MainAxisAlignment.start,
      //     children: [
      //       IconButton(
      //         onPressed: () {},
      //         icon: const Image(
      //           image: AssetImage('assets/core/icons/logo.png'),
      //           filterQuality: FilterQuality.high,

      //         ),
      //         iconSize:  kToolbarHeight,
      //         splashRadius: 20,
      //         color: Colors.blue.shade300,
      //       ),
      //       const Expanded(
      //         child: Image(
      //           image: AssetImage('assets/core/icons/fikoyt.png'),
      //           filterQuality: FilterQuality.high,
      //           height: 32,
      //           // width: widget.logoWidth * cardWidth,
      //         ),
      //       ),
      //       IconButton(
      //         onPressed: () {},
      //         icon: const Icon(
      //           Icons.settings,
      //         ),
      //         color: Colors.blue.shade300,
      //         iconSize: 22,
      //         splashRadius: 20,
      //       ),
      //     ],
      //   ),
      // ),
      body: [
        Padding(
          padding: const EdgeInsets.only(top: 30.0),
          child: Stack(
            children: <Widget>[
              Card(
                child: Container(
                  height: 100.0,
                ),
              ),
              const FractionalTranslation(
                translation: Offset(0.0, -0.4),
                child: Align(
                  alignment: FractionalOffset(0.5, 0.0),
                  child: CircleAvatar(
                    // backgroundColor: Colors.redAccent.shade200,
                    radius: 25.0,
                    child: Text(
                      "🔔",
                      style: TextStyle(fontSize: 24),
                    ),
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 48),
                child: Align(
                  alignment: const FractionalOffset(0.5, 0.5),
                  child: Text(
                    "Hiç Bildiriminiz Yok",
                    style: TextStyle(fontSize: 16, fontWeight: FontWeight.w300, color: Colors.redAccent.shade400),
                    textAlign: TextAlign.center,
                  ),
                ),
              ),
            ],
          ),
        )
      ],
      headerExpandedHeight: 315,
      // stretchMaxHeight: 100,
      fullyStretchable: false,
      backgroundColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor, //Colors.grey.shade200,
      centerTitle: true,
      alwaysShowLeadingAndAction: true,
      Theme.of(context).extension<FikoTheme>()?.appBarColor,
      alwaysShowTitle: true,
      curvedBodyRadius: 0,
      onStretchTrigger: () async {
        context.vRouter.to("/");
      },
    );
  }

  @override
  void dispose() {
    Get.delete<PageMesaiciNotificationsLogic>();
    super.dispose();
  }
}