import 'package:fikoyt_hmi_pano/apps/widgets/active_projects/active_projects.dart';
import 'package:fikoyt_hmi_pano/apps/widgets/intro/intro.dart';
import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class HmiHome extends StatelessWidget {
  const HmiHome({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        toolbarHeight: 36,
        shadowColor: Colors.black,
        automaticallyImplyLeading: true,
        elevation: 10,
        flexibleSpace: Column(
          children: [
            Stack(
              alignment: Alignment.center,
              children: [
                Container(
                  height: 36,
                  decoration: BoxDecoration(
                    gradient: LinearGradient(
                      begin: Alignment.bottomCenter,
                      end: Alignment.topCenter,
                      colors: [Colors.teal.shade700, Colors.teal.shade200],
                    ),
                  ),
                ),
                Column(
                  children: [
                    Row(
                      children: [
                        SizedBox(
                          width: 5,
                        ),
                        const Image(
                          image: AssetImage('assets/core/icons/logo.png'),
                          width: 28,
                          height: 28,
                          filterQuality: FilterQuality.high,
                        ),
                        const Image(
                          image: AssetImage('assets/core/icons/fikoyt-4.png'),
                          height: 28,
                          filterQuality: FilterQuality.high,
                        ),
                        // FikoYTButton(
                        //   text: "UYAR Döküm",
                        //   tema: FikoYTButtonTheme(
                        //     fontSize: 14,
                        //     textColor: Colors.white,
                        //     fontWeight: FontWeight.bold,
                        //   ),
                        // ),

                        Expanded(
                          child: Container(
                              // width: double.infinity,
                              height: 28,
                              margin: EdgeInsets.symmetric(
                                vertical: 3,
                                horizontal: 5,
                              ),
                              decoration: BoxDecoration(
                                gradient: LinearGradient(
                                  begin: Alignment.bottomCenter,
                                  end: Alignment.topCenter,
                                  colors: [Colors.white, Colors.white],
                                ),
                                borderRadius: BorderRadius.circular(5),
                              ),
                              child: Row(
                                children: [
                                  FikoYTButton(
                                    text: "ⓘ",
                                    tema: FikoYTButtonTheme(
                                      fontSize: 18,
                                      textColor: Colors.black,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Expanded(
                                    child: FikoYTButton(
                                      text: "UYAR Döküm Seri İş Bilgi Ekranı",
                                      tema: FikoYTButtonTheme(
                                        fontSize: 18,
                                        textColor: Colors.black,
                                        fontWeight: FontWeight.bold,
                                        textShadow: [
                                          Shadow(
                                            blurRadius: 1,
                                            color: Colors.black87,
                                          ),
                                        ],
                                      ),
                                    ),
                                  ),
                                  FikoYTButton(
                                    text: "ⓘ",
                                    tema: FikoYTButtonTheme(
                                      fontSize: 18,
                                      textColor: Colors.black,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              )),
                        ),
                        Column(
                          spacing: 4,
                          children: [
                            FikoYTButton(
                              text: "📡",
                              tema: FikoYTButtonTheme(
                                fontSize: 12,
                                textColor: Colors.black,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                            FikoYTButton(
                              text: "🗄️",
                              tema: FikoYTButtonTheme(
                                fontSize: 12,
                                textColor: Colors.black,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ],
                        ),
                        Column(
                          children: [
                            FikoYTButton(
                              text: "30.01.2024",
                              tema: FikoYTButtonTheme(
                                textColor: Colors.white,
                                fontWeight: FontWeight.bold,
                                fontSize: 12,
                                textShadow: [
                                  Shadow(
                                    blurRadius: 1,
                                    color: Colors.black87,
                                  ),
                                ],
                              ),
                            ),
                            FikoYTButton(
                              text: "16:54:25",
                              tema: FikoYTButtonTheme(
                                textColor: Colors.white,
                                fontWeight: FontWeight.bold,
                                fontSize: 12,
                                textShadow: [
                                  Shadow(
                                    blurRadius: 1,
                                    color: Colors.black87,
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                        Column(
                          spacing: 4,
                          children: [
                            FikoYTButton(
                              text: "🔋",
                              tema: FikoYTButtonTheme(
                                fontSize: 12,
                                textColor: Colors.black,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ],
                ),
              ],
            )
          ],
        ),
      ),
      /** */
      // bottomNavigationBar: Container(
      //   height: 50,
      //   decoration: BoxDecoration(
      //     gradient: LinearGradient(
      //       begin: Alignment.topCenter,
      //       end: Alignment.bottomCenter,
      //       colors: [Colors.teal.shade200, Colors.teal.shade800],
      //     ),
      //     boxShadow: <BoxShadow>[
      //       BoxShadow(
      //         color: Colors.black87,
      //         blurRadius: 20,
      //         spreadRadius: -2,
      //       ),
      //     ],
      //   ),
      // ),
      /** */
      body: Row(
        children: [
          Padding(
            padding: EdgeInsets.all(5),
            child: Column(
              children: [
                ActiveProject(),
              ],
            ),
          ),
          Expanded(
            child: Center(
              child: IntroWidget(),
            ),
          ),
        ],
      ),
    );
  }
}