import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';
import '../../core/theme/app_colors.dart';
import '../../core/utils/date_utils.dart' as du;
import 'announcement_model.dart';
import 'announcement_list_controller.dart';

class AnnouncementDetailPage extends ConsumerWidget {
  final String id;
  const AnnouncementDetailPage({super.key, required this.id});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final item = mockAnnouncements.firstWhere((e) => e.id == id,
        orElse: () => mockAnnouncements.first);

    return Scaffold(
      appBar: TDNavBar(
        title: '公告详情',
        titleColor: Colors.white,
        backgroundColor: const Color(0xFF00ABF3),
        centerTitle: false,
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(12),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildTitleSection(item),
            const SizedBox(height: 12),
            _buildMetaSection(item),
            const SizedBox(height: 12),
            _buildContentSection(item),
            if (item.attachments.isNotEmpty) ...[
              const SizedBox(height: 12),
              _buildAttachmentSection(item),
            ],
            const SizedBox(height: 12),
            _buildReadCountSection(item),
          ],
        ),
      ),
    );
  }

  Widget _buildTitleSection(AnnouncementModel item) {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      padding: const EdgeInsets.all(14),
      decoration: BoxDecoration(
        color: AppColors.cardWhite,
        borderRadius: BorderRadius.circular(10),
        boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.04), blurRadius: 4, offset: const Offset(0, 1))],
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          if (item.isTop)
            Container(
              margin: const EdgeInsets.only(right: 8, top: 3),
              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
              decoration: BoxDecoration(color: AppColors.warning, borderRadius: BorderRadius.circular(4)),
              child: const Text('置顶', style: TextStyle(color: Colors.white, fontSize: 11, fontWeight: FontWeight.w500)),
            ),
          Expanded(
            child: Text(item.title, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: AppColors.textPrimary, height: 1.5)),
          ),
        ],
      ),
    );
  }

  Widget _buildMetaSection(AnnouncementModel item) {
    return _buildDetailCard('基本信息', [
      TDCell(title: '发布部门', note: item.publisherName, showBottomBorder: true),
      TDCell(title: '发布时间', note: du.DateUtils.formatDateTime(item.publishTime), showBottomBorder: true),
      TDCell(title: '公告类型', note: item.type, showBottomBorder: true),
      TDCell(title: '有效期至', note: du.DateUtils.formatDate(item.expiryDate), showBottomBorder: item.requireConfirm),
      if (item.requireConfirm)
        TDCell(title: '确认要求', note: '需确认已读', showBottomBorder: false),
    ]);
  }

  Widget _buildContentSection(AnnouncementModel item) {
    return _buildDetailCard('公告内容', [
      Padding(
        padding: const EdgeInsets.fromLTRB(14, 0, 14, 14),
        child: Text(item.content, style: const TextStyle(fontSize: 14, color: AppColors.textPrimary, height: 1.7)),
      ),
    ]);
  }

  Widget _buildAttachmentSection(AnnouncementModel item) {
    return _buildDetailCard('附件', [
      ...item.attachments.map((att) => TDCell(
        title: att,
        leftIcon: Icons.attach_file,
        showBottomBorder: true,
      )),
    ]);
  }

  Widget _buildReadCountSection(AnnouncementModel item) {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      padding: const EdgeInsets.all(14),
      decoration: BoxDecoration(
        color: AppColors.cardWhite,
        borderRadius: BorderRadius.circular(10),
        boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.04), blurRadius: 4, offset: const Offset(0, 1))],
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Icon(Icons.visibility_outlined, size: 16, color: AppColors.textSecondary),
          const SizedBox(width: 6),
          Text('${item.readCount} 人已读', style: const TextStyle(fontSize: 13, color: AppColors.textSecondary)),
          if (item.unreadCount > 0) ...[
            const SizedBox(width: 16),
            const Text('·', style: TextStyle(color: AppColors.textHint)),
            const SizedBox(width: 16),
            Text('${item.unreadCount} 人未读', style: const TextStyle(fontSize: 13, color: AppColors.warning)),
          ],
        ],
      ),
    );
  }

  Widget _buildDetailCard(String title, List<Widget> cells) {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      decoration: BoxDecoration(
        color: AppColors.cardWhite,
        borderRadius: BorderRadius.circular(10),
        boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.04), blurRadius: 4, offset: const Offset(0, 1))],
      ),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(14, 12, 14, 8),
          child: Text(title, style: const TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: AppColors.textPrimary)),
        ),
        ...cells,
      ]),
    );
  }
}