import 'package:flutter/material.dart';
import 'package:iroute/components/components.dart';
import '../router/app_router_delegate.dart';

class AppTopBar extends StatelessWidget {
  const AppTopBar({super.key});

  @override
  Widget build(BuildContext context) {
    return DragToMoveWrap(
      child: Container(
        alignment: Alignment.center,
        height: 46,
        child: const Row(
          children: [
            SizedBox(width: 16),
            Expanded(child: Align(
                alignment: Alignment.centerLeft,
                child: RouterIndicator())),
            WindowButtons()
          ],
        ),
      ),
    );
  }
}

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

  @override
  State<RouterIndicator> createState() => _RouterIndicatorState();
}

Map<String, String> kRouteLabelMap = {
  '/color': '颜色板',
  '/color/add': '添加颜色',
  '/color/detail': '颜色详情',
  '/counter': '计数器',
  '/user': '我的',
  '/settings': '系统设置',
};


class _RouterIndicatorState extends State<RouterIndicator> {
  @override
  void initState() {
    super.initState();
    router.addListener(_onRouterChange);
  }

  @override
  void dispose() {
    router.removeListener(_onRouterChange);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return TolyBreadcrumb(
      items: pathToBreadcrumbItems(router.path),
      onTapItem: (item){
        if(item.to!=null){
          router.path = item.to!;
        }
      },
    );
  }

  void _onRouterChange() {
    setState(() {});
  }

  List<BreadcrumbItem> pathToBreadcrumbItems(String path) {
    Uri uri = Uri.parse(path);
    List<BreadcrumbItem> result = [];
    String to = '';

    String distPath = '';
    for (String segment in uri.pathSegments) {
      distPath += '/$segment';
    }

    for (String segment in uri.pathSegments) {
      to += '/$segment';
      String label = kRouteLabelMap[to] ?? '未知路由';
      result.add(BreadcrumbItem(to: to, label: label,active: to==distPath));
    }
    return result;
  }
}