com.nahnah.florid/lib/screens/library_screen.dart

import 'package:florid/l10n/app_localizations.dart';
import 'package:florid/providers/app_provider.dart';
import 'package:florid/providers/repositories_provider.dart';
import 'package:florid/screens/categories_screen.dart';
import 'package:florid/screens/home_screen.dart';
import 'package:florid/utils/menu_actions.dart';
import 'package:florid/widgets/f_tabbar.dart';
import 'package:flutter/material.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:provider/provider.dart';

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

  @override
  State<LibraryScreen> createState() => _LibraryScreenState();
}

class _LibraryScreenState extends State<LibraryScreen>
    with TickerProviderStateMixin {
  final tabs = [HomeScreen(), CategoriesScreen()];
  late TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            title: Text(AppLocalizations.of(context)!.app_name),
            backgroundColor: Theme.of(context).colorScheme.surfaceContainerLow,
            surfaceTintColor: Theme.of(context).colorScheme.surfaceContainerLow,
            actions: [
              PopupMenuButton<String>(
                onSelected: (value) {
                  switch (value) {
                    case 'refresh':
                      _refreshData();
                      break;
                    case 'settings':
                      MenuActions.showSettings(context);
                      break;
                    case 'about':
                      MenuActions.showAbout(context);
                      break;
                  }
                },
                itemBuilder: (context) => [
                  PopupMenuItem(
                    value: 'refresh',
                    child: ListTile(
                      leading: const Icon(Symbols.refresh),
                      title: Text(AppLocalizations.of(context)!.refresh),
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                  PopupMenuItem(
                    value: 'settings',
                    child: ListTile(
                      leading: const Icon(Symbols.settings),
                      title: Text(AppLocalizations.of(context)!.settings),
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                  PopupMenuItem(
                    value: 'about',
                    child: ListTile(
                      leading: Icon(Symbols.info),
                      title: Text(AppLocalizations.of(context)!.about),
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                ],
              ),
            ],
            bottom: FTabBar(
              controller: _tabController,
              onTabChanged: (index) {
                _tabController.animateTo(index);
              },
              items: [
                FloridTabBarItem(
                  icon: Symbols.home,
                  label: AppLocalizations.of(context)!.home,
                ),
                FloridTabBarItem(
                  icon: Symbols.category,
                  label: AppLocalizations.of(context)!.categories,
                ),
              ],
            ),
          ),
          SliverFillRemaining(
            child: TabBarView(controller: _tabController, children: tabs),
          ),
        ],
      ),
    );
  }

  void _refreshData() {
    final currentIndex = _tabController.index;

    ScaffoldMessenger.of(
      context,
    ).showSnackBar(const SnackBar(content: Text('Refreshing data...')));

    Future.microtask(() async {
      try {
        final appProvider = context.read<AppProvider>();
        final repositoriesProvider = context.read<RepositoriesProvider>();

        if (currentIndex == 0) {
          // Refresh Home (Latest and Recently Updated)
          await Future.wait([
            appProvider.fetchLatestApps(
              repositoriesProvider: repositoriesProvider,
            ),
            appProvider.fetchRecentlyUpdatedApps(
              repositoriesProvider: repositoriesProvider,
            ),
          ]);
        } else if (currentIndex == 1) {
          // Refresh Categories
          await appProvider.fetchCategories();
        }

        if (!mounted) return;
        ScaffoldMessenger.of(
          context,
        ).showSnackBar(const SnackBar(content: Text('Data refreshed')));
      } catch (e) {
        if (!mounted) return;
        ScaffoldMessenger.of(
          context,
        ).showSnackBar(SnackBar(content: Text('Refresh failed: $e')));
      }
    });
  }
}