import 'package:didvan/config/design_config.dart';
import 'package:didvan/config/theme_data.dart';
import 'package:didvan/constants/app_icons.dart';
import 'package:didvan/routes/routes.dart';
import 'package:didvan/views/widgets/didvan/text.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

import '../audio/player_navbar.dart';

class DidvanBNB extends StatelessWidget {
  final int currentTabIndex;
  final void Function(int index) onTabChanged;

  const DidvanBNB(
      {Key? key, required this.currentTabIndex, required this.onTabChanged})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        const PlayerNavBar(
          inHome: true,
        ),
        Positioned(
          bottom: 0,
          left: 0,
          right: 0,
          child: Container(
            height: 72,
            decoration: BoxDecoration(
              color: Theme.of(context).colorScheme.surface,
              borderRadius:
                  const BorderRadius.vertical(top: Radius.circular(0)),
              border: const Border(
                top: BorderSide(
                  color: const Color.fromARGB(255, 224, 224, 224),
                  width: 1.5,
                ),
              ),
            ),
            padding: const EdgeInsets.symmetric(horizontal: 12),
            child: Row(
              children: [
                _NavBarItem(
                  isSelected: currentTabIndex == 1,
                  title: 'دسته‌بندی',
                  selectedIcon: DidvanIcons.category_solid,
                  unselectedIcon: DidvanIcons.category_light,
                  onTap: () => onTabChanged(1),
                ),
                
                 _NavBarItem(
                  isSelected: false, 
                  title: 'هوشان',
                  selectedIcon: DidvanIcons.ai_solid,
                  unselectedIcon: DidvanIcons.ai_regular,
                  onTap: () => Navigator.of(context).pushNamed(Routes.aiSection), 
                  customLogo: SvgPicture.asset(
                    DesignConfig.isDark 
                        ? 'assets/images/logos/logo-vertical-dark.svg'
                        : 'lib/assets/icons/bot.svg',
                    width: 32,
                    height: 32,
                  ), 
                ),
                _NavBarItem(
                  isSelected: currentTabIndex == 0,
                  title: 'خانه',
                  selectedIcon: DidvanIcons.house_solid,
                  unselectedIcon: DidvanIcons.house_light,
                  onTap: () => onTabChanged(0),
                  isHomeButton: true,
                  customLogo: SvgPicture.asset(
                    DesignConfig.isDark 
                        ? 'assets/images/logos/logo-vertical-dark.svg'
                        : 'lib/assets/icons/New Home.svg',
                    width: 32,
                    height: 32,
                  ),
                ),
               _NavBarItem(
                  isSelected: currentTabIndex == 2, 
                  title: 'آمار و داده',
                  selectedIcon: DidvanIcons.stats__solid,
                  unselectedIcon: DidvanIcons.stats__light,
                  onTap: () => onTabChanged(2), 
                  customLogo: SvgPicture.asset(
                    DesignConfig.isDark 
                        ? 'assets/images/logos/logo-vertical-dark.svg'
                        : 'lib/assets/icons/bot.svg',
                    width: 32,
                    height: 32,
                  ),
                ),
                _NavBarItem(
                  isSelected: false, 
                  title: 'پروفایل',
                  selectedIcon: DidvanIcons.profile_solid,
                  unselectedIcon: DidvanIcons.profile_light,
                  onTap: () => Navigator.of(context).pushNamed(Routes.profile), 
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}

class _NavBarItem extends StatelessWidget {
  final VoidCallback onTap;
  final bool isSelected;
  final String title;
  final IconData selectedIcon;
  final IconData unselectedIcon;
  final bool isHomeButton;
  final Widget? customLogo;

  const _NavBarItem({
    Key? key,
    required this.isSelected,
    required this.title,
    required this.selectedIcon,
    required this.unselectedIcon,
    required this.onTap,
    this.isHomeButton = false,
    this.customLogo,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: Tooltip(
        message: title,
        decoration: BoxDecoration(
          color: Theme.of(context).colorScheme.title,
          borderRadius: DesignConfig.highBorderRadius,
          boxShadow: DesignConfig.defaultShadow,
        ),
        child: GestureDetector(
          onTap: onTap,
          child: Container(
            color: Colors.transparent,
            child: Column(
              children: [
                const SizedBox(
                  height: 4,
                ),
                if (isHomeButton && customLogo != null) ...[
                  AnimatedContainer(
                    padding: const EdgeInsets.all(8),
                    duration: DesignConfig.lowAnimationDuration,
                    child: SizedBox(
                      width: 50,
                      height: 50,
                      child: customLogo,
                    ),
                  ),
                ] else ...[
                  AnimatedContainer(
                    padding: const EdgeInsets.all(4),
                    duration: DesignConfig.lowAnimationDuration,
                    child: Icon(
                      isSelected ? selectedIcon : unselectedIcon,
                      size: 32,
                      color: DesignConfig.isDark
                          ? Theme.of(context).colorScheme.text
                          : Theme.of(context).colorScheme.title,
                    ),
                  ),
                  if (!isHomeButton)
                    DidvanText(
                      title,
                      style: Theme.of(context).textTheme.bodySmall,
                      color: Theme.of(context).colorScheme.title,
                    ),
                ],
                const Spacer(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}