import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:moody/views/about_page/widgets/team_widget.dart';

import '../../utils/definitions/style_guide.dart';
import '../../utils/widgets/custom_bottom_navigation_bar.dart';
import '../../utils/widgets/no_Glow_scroll_behavior.dart';

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

  @override
  State<AboutPage> createState() => _AboutPage();
}

class _AboutPage extends State<AboutPage> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppStyle.backgroundColor,
      body: Padding(
        padding: const EdgeInsets.fromLTRB(25, 75, 30, 30),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Align(
              alignment: Alignment.topLeft,
              child: GestureDetector(
                onTap: () {
                  context.go("/settings");
                },
                child: const Padding(
                  padding: EdgeInsets.only(bottom: 50, left: 0, top: 100),
                  child: Row(mainAxisSize: MainAxisSize.min, children: [
                    Icon(Icons.chevron_left, color: Colors.black),
                    Text("settings", style: TextStyle(color: Colors.black, fontSize: 18)),
                  ]),
                ),
              ),
            ),
            Expanded(
              child: ScrollConfiguration(
                behavior: NoGlowScrollBehavior(),
                child: SingleChildScrollView(
                  child: Padding(
                    padding: const EdgeInsets.fromLTRB(20, 20, 20, 100),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Text("about us", style: TextStyle(fontSize: 24)),
                        const SizedBox(
                          height: 20,
                        ),
                        const Text(
                            style: TextStyle(fontSize: 18, color: Color(0xFF868686)),
                            """fulfilled is a thoughtfully crafted journaling app that originated as a dynamic student project at Mannheim University of Applied Sciences.
we Explored the possibilities of mindful journaling and believe in getting a more fulfilled life by reflecting everyday. Developed with passion and innovation, our app is designed to inspire and accompany you on your journey of self-discovery and reflection. """),
                        TeamWidget(imageUrl: 'https://picsum.photos/400/300', title: "chris", subtitle: """developed fulfilled.
studies computer science"""),
                        TeamWidget(imageUrl: 'https://picsum.photos/420/300', title: "vlad", subtitle: """developed fulfilled.
studies computer science"""),
                        TeamWidget(imageUrl: 'https://picsum.photos/300/300', title: "vivi", subtitle: """designed fulfilled. 
studies communication design"""),
                        const SizedBox(
                          height: 30,
                        ),
                        const Text("support us", style: TextStyle(fontSize: 18)),
                      ],
                    ),
                  ),
                ),
              ),
            )
          ],
        ),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: const CustomBottomNavigationBar(initialSelectedIndex: 2),
    );
  }
}