import 'package:fikoyt_sistem/apps/uyar/uye/sol_menu.dart';
import 'package:fikoyt_sistem/main.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:fikoyt_ui/ui/fikoyt_card.dart';
import 'package:flutter/material.dart';

class AnaSayfa extends StatelessWidget {
  AnaSayfa({Key? key, this.solMenuUst, this.solMenu, this.solMenuAlt}) : super(key: key);

  Widget? solMenuUst;
  Widget? solMenu;
  Widget? solMenuAlt;

  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start, // Yukarı yaslama
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        // Sol: sabit genişlikte logo
        // Column(
        //   children: [
        SolMenu(
          solMenuUst: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              children: [
                Image.asset("packages/fikoyt_ui/assets/core/icons/fikoyt-4.png", height: 32),
                Align(
                  alignment: Alignment.centerRight,
                  child: Text(
                    "Premium",
                    style: TextStyle(color: Colors.black45, fontSize: 12, fontWeight: FontWeight.bold),
                  ),
                ),
              ],
            ),
          ),
          solMenu: Column(
            children: [
              SolMenuItem(icon: Icons.dashboard, label: 'Ana pencere', selected: true, onTap: () {}),
              SolMenuItem(icon: Icons.shopping_cart_checkout, label: 'Stoklar', selected: false, onTap: () {}),
              SolMenuItem(icon: Icons.person, label: 'Pdks', selected: false, onTap: () {}),
              SolMenuItem(icon: Icons.polymer_rounded, label: 'Projeler', selected: false, onTap: () {}),
            ],
          ),
          solMenuAlt: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Row(
              children: [
                FikoYTButton(
                  text: "🎧",
                  tema: FikoYTButtonTheme(fontSize: 16, edgePadding: EdgeInsets.all(5), radius: 5),
                  onPressed: () {},
                ),
                Spacer(),
                FikoYTButton(
                  text: "⚙️",
                  tema: FikoYTButtonTheme(fontSize: 16, edgePadding: EdgeInsets.all(5), radius: 5),
                  onPressed: () {},
                ),
              ],
            ),
          ),
        ),
        // ],
        // ),

        // Sağ: kalan tüm alan, komple boyalı
        Expanded(
          child: Container(
            alignment: Alignment.topLeft, // Yukarı sola hizalama
            color: Colors.white70, // Sağ tarafın arka planı
            // padding: const EdgeInsets.all(0),
            child: SingleChildScrollView(
              physics: BouncingScrollPhysics(),
              child: Container(width: double.infinity, child: Sayfa()),
            ),
          ),
        ),
      ],
    );
  }
}


class Sayfa extends StatelessWidget {
  const Sayfa({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Center(
          child: ConstrainedBox(
            constraints: const BoxConstraints(maxWidth: 1200),
            child: SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    // SizedBox(height: 22),
                    FittedBox(
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: [
                          ColorFiltered(
                                colorFilter: const ColorFilter.mode(Colors.white, BlendMode.modulate),
                                child: Image.asset("packages/fikoyt_ui/assets/core/icons/logo.png", height: 256),
                              )
                              .animate(
                                effects: [RotateEffect(duration: const Duration(seconds: 50))],
                                onComplete: (controller) {
                                  controller.loop();
                                },
                              )
                              .animate(
                                effects: [
                                  ScaleEffect(begin: Offset(1, 1), end: Offset(1.1, 1.1), duration: const Duration(seconds: 10)),
                                ],
                                onComplete: (controller) {
                                  controller.loop(reverse: true);
                                },
                              ),
                          /** */
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            mainAxisAlignment: MainAxisAlignment.center,
                            spacing: 5,
                            children: [
                              FikoYTButton(text: "Sizin için çalışıyoruz", tema: FikoYTButtonTheme(fontSize: 24)),
                              FikoYTButton(
                                text: "🟢 Her şey normal görünüyor",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              FikoYTButton(
                                text: "🟢 Tüm sistemler şu an stabil",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              FikoYTButton(
                                text: "🟡 Departmanınızda ilgilenmeniz gereken konular var",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              FikoYTButton(
                                text: "🔵 Cnc tezgahları belirttiğiniz koşullarda stabil çalışıyor",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              FikoYTButton(
                                text: "🔴 Azalan Stoklarınızı Kontrol Ediniz",
                                tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.normal),
                              ),
                              SizedBox(height: 10),
                              FikoYTButton(
                                text: "Ayrıntılar",
                                tema: FikoYTButtonTheme(
                                  textColor: Colors.white,
                                  backgroundColor: Colors.green.shade500,
                                  // fontWeight: FontWeight.w700,
                                  edgePadding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                                  borderColor: Colors.transparent,
                                  elevation: 3,
                                  fontWeight: FontWeight.bold,
                                  fontSize: 14,
                                  radius: 3.0,
                                ),
                                onPressed: () {},
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),

                    FikoYTButton(text: "Öneriler", tema: FikoYTButtonTheme(fontSize: 18)),

                    FikoYTCard(
                      theme: FikoYTCardTheme(elevation: 0),
                      children: [
                        FikoYTButton(
                          text: "💡 Birinci Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),
                        FikoYTButton(
                          text: "💡 Ikinci Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),
                        FikoYTButton(
                          text: "💡 Ucuncu Oneri",
                          tema: FikoYTButtonTheme(fontSize: 12, fontWeight: FontWeight.w300),
                        ),

                        Align(
                          alignment: Alignment.bottomRight,
                          child: FikoYTButton(
                            text: "Ayrıntılar",
                            tema: FikoYTButtonTheme(
                              textColor: Colors.black87,
                              backgroundColor: Colors.white,

                              // fontWeight: FontWeight.w700,
                              edgePadding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                              borderColor: Colors.black38,
                              elevation: 3,
                              fontWeight: FontWeight.bold,
                              fontSize: 14,
                              radius: 3.0,
                            ),
                            onPressed: () {},
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ],
    );
  }
}