import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:fikoyt_ui/ui/fikoyt_card.dart';
import 'package:flutter/material.dart';

class AnaSayfa extends StatelessWidget {
   Sayfa({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: [
        Container(
          width: 250,
          alignment: Alignment.topCenter,
          color: Colors.transparent, // İsteğe bağlı: sol arka plan
          padding: const EdgeInsets.only(top: 0), // Yukarı boşluk (isteğe bağlı)
          child: Column(
            children: [
              // Sol Ust Sabit
              solMenuUst ?? SizedBox.shrink(),
              Divider(),
              // Sol Menu Scroll Bölümü
              Expanded(
                // child:
                // ShaderMask(
                //   shaderCallback: (bounds) => LinearGradient(
                //     begin: Alignment.topCenter,
                //     end: Alignment.bottomCenter,
                //     colors: [
                //       Colors.transparent, // Üst kısmı gizle
                //       Colors.black, // Alt kısmı göster
                //       Colors.black, // Orta tamamen görünür
                //       Colors.transparent, // Alt kısmı gizle
                //     ],
                //     stops: [0.0, 0.05, 0.95, 1.0],
                //   ).createShader(bounds),
                //   blendMode: BlendMode.dstIn, // sadece fade efekti uygular
                child: SingleChildScrollView(
                  physics: BouncingScrollPhysics(),
                  child: Container(width: double.infinity, child: solMenu ?? SizedBox.shrink()),
                ),
                // ),
              ),
              Divider(),
              // Sol Alt Sabit
              solMenuAlt ?? SizedBox.shrink(),
            ],
          ),
        ),
        // ],
        // ),

        // 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() ?? SizedBox.shrink()),
            ),
          ),
        ),
      ],
    );

  }

}

class Sayfa extends StatelessWidget {
  const AnaSayfa({
    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: () {},
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ],
    );
  }
}