import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'providers/auth_provider.dart';
import 'screens/home/home_screen.dart';
import 'screens/auth/login_screen.dart';
import 'screens/auth/register_screen.dart';
import 'screens/profile/profile_screen.dart';
import 'screens/statistics/statistics_screen.dart';
import 'screens/add_bill/add_bill_screen.dart';
import 'screens/auth/user_profile_screen.dart';
import 'screens/auth/bind_email_screen.dart';
import 'screens/family/family_management_screen.dart';

class AppShell extends ConsumerStatefulWidget {
  const AppShell({super.key});
  @override
  ConsumerState<AppShell> createState() => _AppShellState();
}

class _AppShellState extends ConsumerState<AppShell> {
  int _currentTab = 0;
  bool _showAddBill = false;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      ref.read(authProvider.notifier).restoreSession();
    });
  }

  @override
  Widget build(BuildContext context) {
    final authState = ref.watch(authProvider);

    Widget body;
    if (_showAddBill) {
      return const AddBillScreen();
    }

    switch (_currentTab) {
      case 0:
        body = const HomeScreen();
        break;
      case 1:
        body = const StatisticsScreen();
        break;
      case 2:
        body = const ProfileScreen();
        break;
      default:
        body = const HomeScreen();
    }

    return Scaffold(
      body: body,
      bottomNavigationBar: Container(
        padding: const EdgeInsets.only(bottom: 16),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              decoration: BoxDecoration(
                color: AppColors.cardBg,
                borderRadius: BorderRadius.circular(30),
                border: Border.all(color: Colors.white.withOpacity(0.8)),
                boxShadow: [BoxShadow(color: AppColors.brand.withOpacity(0.08), blurRadius: 32, offset: const Offset(0, 8))],
              ),
              child: ClipRRect(
                borderRadius: BorderRadius.circular(30),
                child: BackdropFilter(
                  filter: ImageFilter.blur(sigmaX: 30, sigmaY: 30),
                  child: BottomNavigationBar(
                    currentIndex: _currentTab,
                    onTap: (i) => setState(() => _currentTab = i),
                    backgroundColor: Colors.transparent,
                    elevation: 0,
                    selectedItemColor: AppColors.brand,
                    unselectedItemColor: AppColors.textSecondary,
                    items: const [
                      BottomNavigationBarItem(icon: Icon(Icons.home_outlined, size: 22), activeIcon: Icon(Icons.home, size: 22), label: '首页'),
                      BottomNavigationBarItem(icon: Icon(Icons.bar_chart_outlined, size: 22), activeIcon: Icon(Icons.bar_chart, size: 22), label: '统计'),
                      BottomNavigationBarItem(icon: Icon(Icons.person_outline, size: 22), activeIcon: Icon(Icons.person, size: 22), label: '我的'),
                    ],
                  ),
                ),
              ),
            ),
            const SizedBox(width: 8),
            GestureDetector(
              onTap: () {
                if (!authState.isLoggedIn && mounted) {
                  _navigateToLogin();
                  return;
                }
                setState(() => _showAddBill = true);
              },
              child: Container(
                width: 48,
                height: 48,
                decoration: BoxDecoration(
                  gradient: const LinearGradient(colors: [Color(0xFFFF6B35), Color(0xFFFF9F5B)]),
                  shape: BoxShape.circle,
                  boxShadow: [BoxShadow(color: AppColors.brand.withOpacity(0.3), blurRadius: 12, offset: const Offset(0, 4))],
                ),
                child: const Icon(Icons.add, color: Colors.white, size: 24),
              ),
            ),
          ],
        ),
      ),
    );
  }

  void _navigateToLogin() {
    Navigator.of(context).push(MaterialPageRoute(builder: (_) => const LoginScreen()));
  }
}

// Colors used in this file
class AppColors {
  static const brand = Color(0xFFFF6B35);
  static const brandLight = Color(0xFFFF9F5B);
  static const cardBg = Color(0xA6FFFFFF);
  static const textPrimary = Color(0xFF1C1C1E);
  static const textSecondary = Color(0xFF8E8E93);
}