food_hub_app/lib/widgets/recipe/calendar.dart

import 'package:flutter/material.dart';
import 'package:food_hub_app/apis/recipe.dart';
import 'package:food_hub_app/models/recipe.dart';
import 'package:food_hub_app/provider/food_provider.dart';
import 'package:food_hub_app/utils/date_util.dart';
import 'package:food_hub_app/utils/index.dart';
import 'package:food_hub_app/widgets/common/index.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:provider/provider.dart';

class RecipeCalendar extends StatefulWidget {
  const RecipeCalendar({super.key});

  @override
  State<RecipeCalendar> createState() => _RecipeCalendarState();
}

class _RecipeCalendarState extends State<RecipeCalendar> {
  DateTime _selectedDay = DateTime.now();
  DateTime _focusedDay = DateTime.now();

  List<FoodRecord> recordList = [];
  List<FoodRecord> selectRecordList = [];

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

  Future<void> _refreshRecord() async {
    final result = await queryRecordApi(
      getFirstDayOfMonth(_focusedDay),
      getLastDayOfMonth(_focusedDay),
    );
    setState(() {
      recordList = result;

      if (recordList.isNotEmpty) {
        _selectedDay = DateTime.parse(recordList.last.date);
      } else {
        _selectedDay = _focusedDay;
      }

      _refreshSelectRecord();
    });
  }

  void _refreshSelectRecord() {
    setState(() {
      selectRecordList =
          recordList
              .where((record) => record.date == formatDateTime(_selectedDay))
              .toList();
    });
  }

  TableCalendar _recipeCalendar() {
    return TableCalendar(
      locale: 'zh_CN',
      headerStyle: const HeaderStyle(
        formatButtonVisible: false,
        titleCentered: true,
      ),
      firstDay: DateTime.utc(2010, 1, 1),
      lastDay: DateTime.utc(2100, 12, 31),
      focusedDay: _focusedDay,
      selectedDayPredicate: (day) => isSameDay(_selectedDay, day),
      onDaySelected: (selectedDay, focusedDay) {
        if (!isSameDay(_selectedDay, selectedDay)) {
          setState(() {
            _selectedDay = selectedDay;
            _focusedDay = focusedDay;
            _refreshSelectRecord();
          });
        }
      },
      onPageChanged: (focusedDay) {
        _focusedDay = focusedDay;
        _refreshRecord();
      },
      // 自定义日期单元格构建器
      calendarBuilders: CalendarBuilders(
        defaultBuilder:
            (context, day, focusedDay) => _buildDateWidget(day, false, false),
        selectedBuilder:
            (context, day, focusedDay) => _buildDateWidget(day, true, false),
        todayBuilder:
            (context, day, focusedDay) => _buildDateWidget(day, false, true),
      ),
    );
  }

  Widget _dailyItem(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(formatDateTime(_selectedDay, 'MM月dd日 EEEE')),
        if (selectRecordList.isEmpty)
          buildEmptyData()
        else
          ListView.builder(
            shrinkWrap: true,
            physics: NeverScrollableScrollPhysics(),
            itemCount: selectRecordList.length,
            itemBuilder: (context, index) {
              return _buildRecordItem(context, selectRecordList[index]);
            },
          ),
      ],
    );
  }

  Widget _buildRecordItemAvatar(String name, Color color) {
    return CircleAvatar(
      radius: 20,
      backgroundColor: color,
      child: Text(
        name,
        style: TextStyle(
          color: Colors.white,
          fontSize: 16,
          fontWeight: FontWeight.bold,
        ),
      ),
    );
  }

  Widget _buildRecordItemBody(String name, String category) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(name, style: TextStyle(fontWeight: FontWeight.bold)),
        SizedBox(height: 5),
        Text(category, style: TextStyle(color: Colors.grey)),
      ],
    );
  }

  void _handleEditRecord(BuildContext context, FoodRecord record) {
    final provider = context.read<FoodProvider>();

    provider.initRecordForm(record);
    provider.isEditing = true;
    Navigator.pushNamed(context, "/recordForm");
  }

  Widget _buildRecordItem(BuildContext context, FoodRecord record) {
    final colors = Theme.of(context).colorScheme;

    return Card(
      elevation: 0,
      color: colors.onSecondary,
      child: Padding(
        padding: EdgeInsets.all(10),
        child: Row(
          children: [
            _buildRecordItemAvatar(record.category[0], colors.primary),
            SizedBox(width: 10),
            Expanded(child: _buildRecordItemBody(record.name, record.category)),
            circleIconButton(
              context: context,
              icon: Icons.chevron_right,
              onPressed: () => _handleEditRecord(context, record),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildDateWidget(DateTime day, bool isSelected, bool isToday) {
    // 检查当前日期是否在需要显示红点的列表中
    bool shouldShowRedDot = recordList.any(
      (item) => item.date == formatDateTime(day),
    );

    return Container(
      width: 40,
      height: 40,
      margin: EdgeInsets.all(2),
      decoration: BoxDecoration(
        color:
            isSelected
                ? Theme.of(context).primaryColor
                : isToday
                ? Colors.grey[300]
                : Colors.transparent,
        shape: BoxShape.circle,
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        mainAxisSize: MainAxisSize.min,
        children: [
          // 日期数字
          Text(
            day.day.toString(),
            style: TextStyle(color: isSelected ? Colors.white : Colors.black),
          ),
          // 底部红点 - 只在指定日期显示
          if (shouldShowRedDot)
            Container(
              margin: EdgeInsets.only(top: 2),
              width: 6,
              height: 6,
              decoration: BoxDecoration(
                color: Colors.red,
                shape: BoxShape.circle,
              ),
            ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        buildCard(context: context, child: _recipeCalendar()),
        Expanded(
          child: buildCard(context: context, child: _dailyItem(context)),
        ),
      ],
    );
  }
}