import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../providers/auth_provider.dart';
import '../main/main_page.dart';

/// 首頁頂欄 - Logo + 頭像
class HeaderBar extends StatelessWidget {
  const HeaderBar({super.key});

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;

    return Padding(
      padding: const EdgeInsets.symmetric(
        horizontal: AppSpacing.md,
        vertical: AppSpacing.sm,
      ),
      child: Row(
        children: [
          // Logo
          Text(
            'MONISUO',
            style: AppTextStyles.headlineLarge(context).copyWith(
              fontSize: 18,
              letterSpacing: 1,
            ),
          ),
          const Spacer(),
          // Avatar — 点击跳转到"我的"页面
          Consumer<AuthProvider>(
            builder: (context, auth, _) {
              final username = auth.user?.username ?? '';
              final initial = username.isNotEmpty ? username[0].toUpperCase() : '?';
              return GestureDetector(
                onTap: () {
                  final mainState = context.findAncestorStateOfType<MainPageState>();
                  mainState?.switchToTab(4);
                },
                child: Container(
                  width: 32,
                  height: 32,
                  decoration: BoxDecoration(
                    color: colorScheme.primary,
                    shape: BoxShape.circle,
                  ),
                  alignment: Alignment.center,
                  child: Text(
                    initial,
                    style: AppTextStyles.headlineMedium(context).copyWith(
                      color: colorScheme.onPrimary,
                    ),
                  ),
                ),
              );
            },
          ),
        ],
      ),
    );
  }
}