import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:tm_app/core/constants/assets.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/views/home/strings/home_strings.dart';
import 'package:tm_app/views/profile/strings/profile_strings.dart';
import 'package:tm_app/views/tenders/strings/tenders_strings.dart';

class DesktopNavigationWidget extends StatelessWidget {
  const DesktopNavigationWidget({
    required this.currentIndex,
    required this.onTabChanged,
    super.key,
  });

  final int currentIndex;
  final ValueChanged<int> onTabChanged;

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 64,
      decoration: BoxDecoration(
        color: AppColors.backgroundColor,
        border: Border(bottom: BorderSide(color: AppColors.grey30)),
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          SizedBox(width: 40),
          SvgPicture.asset(AssetsManager.logoSmall),
          Spacer(),
          _navigationItem(
            context: context,
            text: HomeStrings.home,
            isActive: currentIndex == 0,
            onTap: () => onTabChanged(0),
            iconPath: AssetsManager.home,
            activeIconPath: AssetsManager.homeActive,
          ),
          SizedBox(width: 24),
          _navigationItem(
            context: context,
            text: TendersStrings.tendersTitle,
            isActive: currentIndex == 1,
            onTap: () => onTabChanged(1),
            iconPath: AssetsManager.tenders,
            activeIconPath: AssetsManager.tendersActive,
          ),
          SizedBox(width: 24),
          _navigationItem(
            context: context,
            text: ProfileStrings.profileTitle,
            isActive: currentIndex == 2,
            onTap: () => onTabChanged(2),
            iconPath: AssetsManager.profile,
            activeIconPath: AssetsManager.profileActive,
          ),
          Spacer(),
          SizedBox(width: 68),
        ],
      ),
    );
  }

  Widget _navigationItem({
    required BuildContext context,
    required String text,
    required bool isActive,
    required VoidCallback onTap,
    required String iconPath,
    required String activeIconPath,
  }) {
    return InkWell(
      onTap: onTap,
      child: SizedBox(
        width: 100.0,
        height: 64,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            SvgPicture.asset(isActive ? activeIconPath : iconPath),
            SizedBox(width: 8),
            Text(
              text,
              style: TextStyle(
                fontSize: 12.0.sp(),
                fontWeight: FontWeight.w400,
                color: isActive ? AppColors.primaryColor : AppColors.grey60,
              ),
            ),
          ],
        ),
      ),
    );
  }
}