import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/app_tab.dart';
import '../providers/server_provider.dart';
import 'app_tab_view_builder.dart';

/// Opens a tab that's currently hidden from the bottom nav bar as its own
/// standalone screen. Shown in every tab's toolbar (not just Files) so
/// hidden destinations stay reachable no matter which tab is active.
/// Always visible; dims/disables itself when nothing is hidden.
class MoreTabsButton extends StatelessWidget {
  const MoreTabsButton({super.key});

  @override
  Widget build(BuildContext context) {
    final provider = context.watch<ServerProvider>();

    return PopupMenuButton<AppTab>(
      icon: const Icon(Icons.apps_rounded),
      tooltip: 'More tabs',
      enabled: provider.hiddenTabs.isNotEmpty,
      onSelected: (tab) => _openHiddenTab(context, tab),
      itemBuilder: (context) => [
        for (final tab in provider.tabOrder.where(
          (t) => provider.hiddenTabs.contains(t),
        ))
          PopupMenuItem(
            value: tab,
            child: Row(
              children: [
                Icon(tab.icon, size: 20),
                const SizedBox(width: 12),
                Text(tab.label),
              ],
            ),
          ),
      ],
    );
  }

  void _openHiddenTab(BuildContext context, AppTab tab) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (_) =>
            Scaffold(body: buildAppTabView(tab, ScrollController())),
      ),
    );
  }
}