// ignore_for_file: library_private_types_in_public_api

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

import '../../../../core/widgets/base_page/base_page_view.dart';
import '../../../../core/widgets/fiko_ui/gauges/gauge1.dart';
import '../../../../core/widgets/fiko_ui/hadis_kart.dart/hadis_kart.dart';
import '../../../../core/widgets/fiko_ui/statistics/fikoyt_staistic_1.dart';
import '../../../../core/widgets/fiko_ui/statistics/fikoyt_staistic_2.dart';
import '../../../../core/widgets/fikoyt_elastic/fikoyt_elastic.dart';
import '../../../../core/widgets/segment_card_widget.dart';

class PagePersonHomeLogic extends GetxController {}

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

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

class _PagePersonHomeState extends State<PagePersonHome> {
  PagePersonHomeLogic logic = Get.put(PagePersonHomeLogic());
  BasePageLogic basePageLogic = Get.put(BasePageLogic());
  //--->

  @override
  Widget build(BuildContext context) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      basePageLogic.subTitle.value = "🥷 Ana Sayfa";
    });

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

    return ListView(
      physics: const BouncingScrollPhysics(),
      controller: basePageLogic.scrollController,
      children: [
        Column(
          // mainAxisSize:MainAxisSize.max,
          crossAxisAlignment: lowerSmall
              ? CrossAxisAlignment.stretch
              : CrossAxisAlignment.center,
          children: [
            SizedBox(
                height: AppBar().preferredSize.height +
                    MediaQuery.of(context).padding.top +
                    -0),
            Container(
              constraints: const BoxConstraints(maxWidth: 1400),
              padding: EdgeInsets.only(
                  left: lowerSmall ? 0 : 32.0, right: lowerSmall ? 0 : 32.0),
              // alignment: Alignment.center,

              child: Wrap(
                alignment: WrapAlignment.center,
                crossAxisAlignment: WrapCrossAlignment.center,
                runAlignment: WrapAlignment.center,
                children: <Widget>[
                  SegmentCardWidget(
                    // baslik: "Takipteki Personeller",
                    width: 200,
                    children: const [
                      Row(
                        children: [
                          Text(
                            "👩‍💼",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 36),
                          ),
                          Expanded(
                            child: Column(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  "1680",
                                  textAlign: TextAlign.start,
                                  style: TextStyle(
                                      fontWeight: FontWeight.w900,
                                      fontSize: 16),
                                ),
                                Text(
                                  "Takipte Personel Yok",
                                  style: TextStyle(
                                    fontWeight: FontWeight.w300,
                                    fontSize: 12,
                                    color: Colors.grey,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                  SegmentCardWidget(
                    // baslik: "Takipteki Personeller",
                    width: 200,
                    children: const [
                      Row(
                        children: [
                          Text(
                            "👩‍💼",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 36),
                          ),
                          Expanded(
                            child: Column(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  "1680",
                                  textAlign: TextAlign.start,
                                  style: TextStyle(
                                      fontWeight: FontWeight.w900,
                                      fontSize: 16),
                                ),
                                Text(
                                  "Takipte Personel Yok",
                                  style: TextStyle(
                                    fontWeight: FontWeight.w300,
                                    fontSize: 12,
                                    color: Colors.grey,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                  SegmentCardWidget(
                    // baslik: "Takipteki Personeller",
                    width: 200,
                    children: const [
                      Row(
                        children: [
                          Text(
                            "👩‍💼",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 36),
                          ),
                          Expanded(
                            child: Column(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  "1680",
                                  textAlign: TextAlign.start,
                                  style: TextStyle(
                                      fontWeight: FontWeight.w900,
                                      fontSize: 16),
                                ),
                                Text(
                                  "Takipte Personel Yok",
                                  style: TextStyle(
                                    fontWeight: FontWeight.w300,
                                    fontSize: 12,
                                    color: Colors.grey,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ],
              ),
            ),
            /** */
            const Wrap(
              alignment: WrapAlignment.center,
              crossAxisAlignment: WrapCrossAlignment.center,
              runAlignment: WrapAlignment.center,
              spacing: 5.0,
              runSpacing: 5.0,
              children: <Widget>[
                FikoYTStatistic1(),
                FikoYTStatistic1(),
                FikoYTStatistic1(),
              ],
            ),
            /** */
            const Wrap(
              alignment: WrapAlignment.center,
              crossAxisAlignment: WrapCrossAlignment.center,
              runAlignment: WrapAlignment.center,
              spacing: 5.0,
              runSpacing: 5.0,
              children: <Widget>[
                FikoYTStatistic2(),
                FikoYTStatistic2(),
                FikoYTStatistic2(),
              ],
            ),
            /** */
            Center(
              child: AnotherGauge(
                valueNotifier: ValueNotifier(18.0),
                capBorderColor: Colors.white,
                capBorderWidth: 5,
                capColor: Colors.white10,
                faceBorderColor: Colors.white.withOpacity(0.5),
                faceStartColor: Colors.transparent,
                // faceEndColor: Colors.transparent,
                faceBorderWidth: 10,
                subTicksColor: Colors.white,
                needleColor: Colors.white,
                mainTicksColor: Colors.red,
                rangeNeedleColor: true,
                segmentWidth: 10,
                showFrame: false,
                gaugeSize: 200,
                capSize: 35,
                segments: [
                  GaugeSegment('Low', 90, Colors.green),
                  GaugeSegment('Medium', 40, Colors.orange),
                  GaugeSegment('High', 60, Colors.red),
                ],
                valueSymbol: ' km/h',
                displayWidget: const Text('Hız',
                    style: TextStyle(
                        color: Colors.black,
                        fontSize: 10,
                        fontWeight: FontWeight.bold)),
                maxValue: 190,
              ),
            ),
            /** */

            const HadisKart1(
                solUstBaslik: "🕋",
                sagUstBaslik: "🕌",
                hadis:
                    "Bize Ebû Küreyb Muhammmed b. Alâ rivayet etti. (Dedi ki): Bize Veki', Kurra b. Hâlid'den, o da Humeyd b. Hilâl'den, o da Hâlid b. Umeyr'den naklen rivayet etti. (Demiş ki) : Ben Utbe b. Gazvân’ı şunu söylerken işittim: — Gerçekten ben Resûlüllah (SAV)'la bir­likte bulunan yedi kişiden biriyim. Huble yap­rağından başka yiyeceğimiz yoktu. Hattâ dudaklarımız yara oldu. "),
            /** */
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
            const Text("Aloooo"),
          ],
        ),
      ],
    );
  }

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