ReelShort/lib/pages/home/home_view.dart

// Author: fruit.com.cn

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';

import '../../core/data/models/drama.dart';
import '../../core/data/services/catalog_controller.dart';
import '../../core/platform/haptics.dart';
import '../../core/theme/app_theme.dart';
import '../../core/widgets/app_bottom_nav.dart';
import '../../core/widgets/empty_state.dart';
import '../../l10n/app_localizations.dart';
import '../discover/discover_types.dart';
import '../discover/discover_view.dart';
import '../create/create_view.dart';
import '../mine/mine_types.dart';
import '../player/player_view.dart';
import '../splash/splash_page.dart';
import '../mine/mine_view.dart';
import 'home_binding.dart';
import 'home_logic.dart';

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

  @override
  Widget build(BuildContext context) {
    final catalog = context.watch<CatalogController>();
    if (!catalog.settled) return const SplashPage();
    final l10n = AppLocalizations.of(context)!;
    return Theme(
      data: AppTheme.light(),
      child: _buildHome(context, catalog, l10n),
    );
  }

  Widget _buildHome(
    BuildContext context,
    CatalogController catalog,
    AppLocalizations l10n,
  ) {
    if (catalog.loading) {
      return const Scaffold(
        backgroundColor: Colors.transparent,
        body: Center(child: CircularProgressIndicator()),
      );
    }
    if (catalog.error != null) {
      return Scaffold(
        backgroundColor: Colors.transparent,
        body: HomeFailureView(onRetry: catalog.load),
      );
    }
    if (catalog.dramas.isEmpty) {
      return Scaffold(
        backgroundColor: Colors.transparent,
        body: EmptyState(
          key: const Key('home-empty'),
          icon: Icons.movie_outlined,
          title: l10n.noStories,
          subtitle: l10n.emptyHint,
          actionLabel: l10n.retry,
          onAction: catalog.load,
        ),
      );
    }

    return _HomeTabs(
      key: ValueKey(catalog.dramas.first.id),
      dramas: catalog.dramas,
      onRefreshFeed: catalog.refresh,
    );
  }
}

/// 首页目录加载失败与重试入口。
class HomeFailureView extends StatelessWidget {
  const HomeFailureView({super.key, required this.onRetry});

  final VoidCallback onRetry;

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return EmptyState(
      icon: Icons.cloud_off_rounded,
      title: l10n.catalogError,
      actionLabel: l10n.retry,
      onAction: onRetry,
    );
  }
}

/// 四个根页面共享同一路由并保持各自状态。
class _HomeTabs extends StatefulWidget {
  const _HomeTabs({
    super.key,
    required this.dramas,
    required this.onRefreshFeed,
  });

  final List<Drama> dramas;
  final Future<bool> Function() onRefreshFeed;

  @override
  State<_HomeTabs> createState() => _HomeTabsState();
}

class _HomeTabsState extends State<_HomeTabs> {
  late final HomeLogic logic;

  @override
  void initState() {
    super.initState();
    logic = HomeBinding().create(widget.dramas);
  }

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

  @override
  Widget build(BuildContext context) {
    return ListenableBuilder(
      listenable: logic,
      builder: (context, _) => _scaffold(context),
    );
  }

  Widget _scaffold(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    final feed = logic.tab == 0;
    final content = PopScope(
      canPop: false,
      onPopInvokedWithResult: (didPop, _) {
        if (didPop) return;
        logic.onSystemBack();
      },
      child: Scaffold(
        key: logic.scaffoldKey,
        backgroundColor: Colors.transparent,
        body: _body(context),
        bottomNavigationBar: logic.videoImmersive ? null : _nav(context, l10n),
      ),
    );
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: feed ? SystemUiOverlayStyle.light : SystemUiOverlayStyle.dark,
      child: feed
          ? content
          : DecoratedBox(
              key: const Key('home-page-gradient'),
              decoration: const BoxDecoration(gradient: AppTheme.pageGradient),
              child: content,
            ),
    );
  }

  Widget _body(BuildContext context) {
    return IndexedStack(
      index: logic.tab,
      children: [
        _home(context),
        _discover(context),
        const CreatePage(),
        _my(context),
      ],
    );
  }

  Widget _home(BuildContext context) {
    return PlayerPage(
      homeMode: true,
      embedded: true,
      active: logic.tab == 0,
      drama: widget.dramas.first,
      initialIndex: 0,
      feedDramas: widget.dramas,
      onOpenFullPlayer: (drama, episode) =>
          logic.playDrama(context, drama, episodeId: episode.id),
      onRefreshFeed: widget.onRefreshFeed,
      onDramaChanged: logic.onDramaChanged,
      onImmersiveChanged: logic.onImmersiveChanged,
      onSearch: () => logic.select(1, search: true),
      onDiscover: () => logic.select(1),
      onMy: () => logic.select(3),
    );
  }

  Widget _discover(BuildContext context) {
    return DiscoverPage(
      active: logic.tab == 1,
      searchRequest: logic.searchRequest,
      callbacks: DiscoverPageCallbacks(
        onAction: logic.discoverAction,
        onDramaSelected: (drama) => logic.playDrama(context, drama),
        onProfile: logic.openProfile,
      ),
    );
  }

  Widget _my(BuildContext context) {
    return MyPage(
      active: logic.tab == 3,
      callbacks: MyPageCallbacks(
        onAction: logic.myAction,
        onDramaSelected: (drama) => logic.openDrama(context, drama),
      ),
    );
  }

  Widget _nav(BuildContext context, AppLocalizations l10n) {
    return AppBottomNav(
      barKey: const Key('home-tabs-bar'),
      dark: logic.tab == 0,
      items: [
        _navItem(context, l10n, 0),
        _navItem(context, l10n, 1),
        _navItem(context, l10n, 2),
        _navItem(context, l10n, 3),
      ],
    );
  }

  AppBottomNavItem _navItem(
    BuildContext context,
    AppLocalizations l10n,
    int index,
  ) {
    final selected = logic.tab == index;
    return switch (index) {
      0 => AppBottomNavItem(
        tabKey: const Key('tab-home'),
        icon: Icons.home_outlined,
        selectedIcon: Icons.home_rounded,
        label: l10n.homeTab,
        selected: selected,
        onTap: () => _selectTab(context, index),
      ),
      1 => AppBottomNavItem(
        tabKey: const Key('tab-theater'),
        icon: Icons.explore_outlined,
        selectedIcon: Icons.explore_rounded,
        label: l10n.theaterTab,
        selected: selected,
        onTap: () => _selectTab(context, index),
      ),
      2 => AppBottomNavItem(
        tabKey: const Key('tab-create'),
        icon: Icons.add_box_outlined,
        selectedIcon: Icons.add_box_rounded,
        label: l10n.createTab,
        selected: selected,
        onTap: () => _selectTab(context, index),
      ),
      _ => AppBottomNavItem(
        tabKey: const Key('tab-mine'),
        icon: Icons.person_outline_rounded,
        selectedIcon: Icons.person_rounded,
        label: l10n.myTab,
        selected: selected,
        onTap: () => _selectTab(context, index),
      ),
    };
  }

  void _selectTab(BuildContext context, int tab) {
    final same = logic.tab == tab;
    if (!same) {
      unawaited(context.read<Haptics>().selectionClick());
    }
    logic.select(tab);
  }
}