import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/data_models.dart';
import '../pages/people/person_detail_page.dart';
import '../providers/app_provider.dart';
import 'fade_in_local_image.dart';
import 'person_avatar.dart';
import '../widgets/app_overlay.dart';

/// 人物信息浮动面板（底部 ModalBottomSheet）
/// 展示人物基本信息 + 关联作品，点击「查看全部」跳转到原详情页
class PersonInfoSheet extends StatefulWidget {
  final Person person;

  const PersonInfoSheet({super.key, required this.person});

  static Future<void> show(BuildContext context, Person person) {
    return appModalBottomSheet(
      context: context,
      backgroundColor: Theme.of(context).colorScheme.surface,
      isScrollControlled: true,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (_) => PersonInfoSheet(person: person),
    );
  }

  @override
  State<PersonInfoSheet> createState() => _PersonInfoSheetState();
}

class _PersonInfoSheetState extends State<PersonInfoSheet> {
  List<MoviePerson> _moviePeople = [];
  List<BookPerson> _bookPeople = [];
  List<GamePerson> _gamePeople = [];
  bool _loading = true;
  bool _summaryExpanded = false;

  @override
  void initState() {
    super.initState();
    _loadRelations();
  }

  Future<void> _loadRelations() async {
    final provider = context.read<AppProvider>();
    final personId = widget.person.id;
    final results = await Future.wait([
      provider.getPersonMovies(personId),
      provider.getPersonBooks(personId),
      provider.getPersonGames(personId),
    ]);
    if (!mounted) return;
    setState(() {
      _moviePeople = results[0] as List<MoviePerson>;
      _bookPeople = results[1] as List<BookPerson>;
      _gamePeople = results[2] as List<GamePerson>;
      _loading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    final colors = Theme.of(context).colorScheme;
    final person = context.watch<AppProvider>().people
        .where((p) => p.id == widget.person.id)
        .firstOrNull ?? widget.person;

    final maxHeight = MediaQuery.of(context).size.height * 0.8;

    return SafeArea(
      child: ConstrainedBox(
        constraints: BoxConstraints(maxHeight: maxHeight),
        child: Padding(
          padding: const EdgeInsets.fromLTRB(20, 10, 20, 16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // 拖拽条
              Center(
                child: Container(
                  width: 32,
                  height: 3,
                  decoration: BoxDecoration(
                    color: colors.onSurface.withValues(alpha: 0.15),
                    borderRadius: BorderRadius.circular(2),
                  ),
                ),
              ),
              const SizedBox(height: 12),
              // 顶部：头像 + 名字 + 查看全部
              _buildHeader(person, colors),
              const SizedBox(height: 16),
              Flexible(
                child: SingleChildScrollView(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      // 详细信息
                      if (person.gender != null) _buildInfoRow('性别', _genderLabel(person.gender!), colors),
                      if (person.occupation.isNotEmpty) _buildInfoRow('职业', person.occupation.join(' / '), colors),
                      if (person.birthPlace != null) _buildInfoRow('出生地', person.birthPlace!, colors),
                      if (person.birthDate != null) _buildInfoRow('出生日期', _formatDate(person.birthDate!), colors),
                      if (person.alternateNames.isNotEmpty) _buildInfoRow('其他名称', person.alternateNames.join('、'), colors),

                      // 简介
                      if (person.summary != null && person.summary!.isNotEmpty) ...[
                        const SizedBox(height: 12),
                        _buildSectionTitle('简介', colors),
                        const SizedBox(height: 8),
                        _buildSummary(person.summary!, colors),
                      ],

                      // 作品
                      if (!_loading) ...[
                        const SizedBox(height: 16),
                        _buildSectionTitle('作品', colors),
                        const SizedBox(height: 8),
                        _buildWorksSection(colors),
                      ],
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildHeader(Person person, ColorScheme colors) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        PersonAvatar(
          photoPath: person.photoPath,
          name: person.name,
          size: 64,
          fontSize: 26,
        ),
        const SizedBox(width: 14),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                person.name,
                style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface),
                maxLines: 1,
                overflow: TextOverflow.ellipsis,
              ),
              if (person.occupation.isNotEmpty) ...[
                const SizedBox(height: 4),
                Text(
                  person.occupation.join(' / '),
                  style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.5)),
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                ),
              ],
            ],
          ),
        ),
        TextButton.icon(
          onPressed: () {
            Navigator.pop(context);
            Navigator.push(context, MaterialPageRoute(
              builder: (_) => PersonDetailPage(person: person),
            ));
          },
          icon: const Icon(Icons.arrow_outward, size: 16),
          label: const Text('详情', style: TextStyle(fontSize: 13)),
          style: TextButton.styleFrom(
            foregroundColor: colors.primary,
            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
            minimumSize: const Size(0, 0),
            tapTargetSize: MaterialTapTargetSize.shrinkWrap,
          ),
        ),
      ],
    );
  }

  Widget _buildSectionTitle(String title, ColorScheme colors) {
    return Row(
      children: [
        Container(
          width: 4,
          height: 14,
          decoration: BoxDecoration(color: colors.onSurface, borderRadius: BorderRadius.circular(2)),
        ),
        const SizedBox(width: 8),
        Text(title, style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: colors.onSurface)),
      ],
    );
  }

  Widget _buildInfoRow(String label, String value, ColorScheme colors) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 3),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SizedBox(
            width: 72,
            child: Text(label, style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
          ),
          Expanded(
            child: Text(value, style: TextStyle(fontSize: 14, color: colors.onSurface, height: 1.5)),
          ),
        ],
      ),
    );
  }

  Widget _buildSummary(String summary, ColorScheme colors) {
    const int previewLimit = 80;
    final needsToggle = summary.length > previewLimit;
    final displayText = _summaryExpanded || !needsToggle
        ? summary
        : '${summary.substring(0, previewLimit)}…';

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(displayText, style: TextStyle(fontSize: 14, color: colors.onSurface, height: 1.7)),
        if (needsToggle) ...[
          const SizedBox(height: 4),
          GestureDetector(
            onTap: () => setState(() => _summaryExpanded = !_summaryExpanded),
            child: Text(
              _summaryExpanded ? '收起' : '展开',
              style: TextStyle(fontSize: 12, color: colors.primary),
            ),
          ),
        ],
      ],
    );
  }

  Widget _buildWorksSection(ColorScheme colors) {
    final provider = context.read<AppProvider>();

    final movieGroups = <String, List<MoviePerson>>{};
    for (final mp in _moviePeople) {
      movieGroups.putIfAbsent(mp.movieId, () => []).add(mp);
    }
    final bookGroups = <String, List<BookPerson>>{};
    for (final bp in _bookPeople) {
      bookGroups.putIfAbsent(bp.bookId, () => []).add(bp);
    }
    final gameGroups = <String, List<GamePerson>>{};
    for (final gp in _gamePeople) {
      gameGroups.putIfAbsent(gp.gameId, () => []).add(gp);
    }

    final totalWorks = movieGroups.length + bookGroups.length + gameGroups.length;
    if (totalWorks == 0) {
      return Padding(
        padding: const EdgeInsets.symmetric(vertical: 12),
        child: Center(
          child: Text('暂无关联作品', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.3))),
        ),
      );
    }

    String joinRoles(List<String> roles) => roles.join(' / ');

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        if (movieGroups.isNotEmpty) ...[
          Text('影视 (${movieGroups.length})', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
          const SizedBox(height: 6),
          ...movieGroups.entries.map((entry) {
            final movie = provider.movies.where((m) => m.id == entry.key).firstOrNull;
            if (movie == null) return const SizedBox.shrink();
            final seen = <String>{};
            final roles = <String>[];
            for (final mp in entry.value) {
              final key = '${mp.roleType}|${mp.characterName ?? ''}';
              if (!seen.add(key)) continue;
              final label = _roleTypeLabel(mp.roleType);
              if (mp.characterName != null && mp.characterName!.isNotEmpty) {
                roles.add('$label 饰 ${mp.characterName}');
              } else {
                roles.add(label);
              }
            }
            return _buildWorkItem(
              title: movie.title,
              subtitle: joinRoles(roles),
              posterPath: movie.posterPath,
              colors: colors,
            );
          }),
          const SizedBox(height: 12),
        ],
        if (bookGroups.isNotEmpty) ...[
          Text('书籍 (${bookGroups.length})', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
          const SizedBox(height: 6),
          ...bookGroups.entries.map((entry) {
            final book = provider.books.where((b) => b.id == entry.key).firstOrNull;
            if (book == null) return const SizedBox.shrink();
            final seen = <String>{};
            final roles = <String>[];
            for (final bp in entry.value) {
              if (!seen.add(bp.roleType)) continue;
              roles.add(_roleTypeLabel(bp.roleType));
            }
            return _buildWorkItem(
              title: book.title,
              subtitle: joinRoles(roles),
              posterPath: book.coverPath,
              colors: colors,
            );
          }),
          const SizedBox(height: 12),
        ],
        if (gameGroups.isNotEmpty) ...[
          Text('游戏 (${gameGroups.length})', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
          const SizedBox(height: 6),
          ...gameGroups.entries.map((entry) {
            final game = provider.games.where((g) => g.id == entry.key).firstOrNull;
            if (game == null) return const SizedBox.shrink();
            final seen = <String>{};
            final roles = <String>[];
            for (final gp in entry.value) {
              if (!seen.add(gp.roleType)) continue;
              roles.add(_roleTypeLabel(gp.roleType));
            }
            return _buildWorkItem(
              title: game.title,
              subtitle: joinRoles(roles),
              posterPath: game.coverPath,
              colors: colors,
            );
          }),
        ],
      ],
    );
  }

  Widget _buildWorkItem({
    required String title,
    required String subtitle,
    String? posterPath,
    required ColorScheme colors,
  }) {
    final hasPoster = posterPath != null && posterPath.isNotEmpty;
    return Container(
      margin: const EdgeInsets.symmetric(vertical: 3),
      padding: const EdgeInsets.all(8),
      decoration: BoxDecoration(
        color: colors.surfaceContainerLow,
        borderRadius: BorderRadius.circular(8),
      ),
      child: Row(
        children: [
          Container(
            width: 32,
            height: 44,
            decoration: BoxDecoration(
              color: colors.surfaceContainerHighest,
              borderRadius: BorderRadius.circular(4),
            ),
            clipBehavior: Clip.antiAlias,
            child: hasPoster
                ? FadeInLocalImage(path: posterPath, fit: BoxFit.cover)
                : Center(child: Icon(Icons.movie_outlined, size: 14, color: colors.onSurface.withValues(alpha: 0.2))),
          ),
          const SizedBox(width: 10),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(title, style: TextStyle(fontSize: 13, fontWeight: FontWeight.w500, color: colors.onSurface),
                  maxLines: 1, overflow: TextOverflow.ellipsis),
                if (subtitle.isNotEmpty) ...[
                  const SizedBox(height: 2),
                  Text(subtitle, style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.4)),
                    maxLines: 1, overflow: TextOverflow.ellipsis),
                ],
              ],
            ),
          ),
        ],
      ),
    );
  }

  String _genderLabel(String gender) {
    return switch (gender) {
      'male' => '男',
      'female' => '女',
      'other' => '其他',
      _ => gender,
    };
  }

  String _roleTypeLabel(String roleType) {
    return switch (roleType) {
      'director' => '导演',
      'writer' => '编剧',
      'actor' => '演员',
      'voiceActor' => '配音',
      'author' => '作者',
      'translator' => '译者',
      'developer' => '开发者',
      _ => roleType,
    };
  }

  String _formatDate(DateTime date) {
    return '${date.year}年${date.month.toString().padLeft(2, '0')}月${date.day.toString().padLeft(2, '0')}日';
  }
}