food_hub_app/lib/views/moment_form.dart

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_common/utils/log_utils.dart';
import 'package:flutter_common/utils/minio_utils.dart';
import 'package:flutter_common/utils/toast_util.dart';
import 'package:flutter_common/widget/common_widget.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:food_hub_app/config/app_config.dart';
import 'package:food_hub_app/provider/food_provider.dart';
import 'package:food_hub_app/widgets/common/form.dart';
import 'package:food_hub_app/widgets/common/image.dart';
import 'package:provider/provider.dart';

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

  @override
  State<MomentFormPage> createState() => _MomentFormPageState();
}

class _MomentFormPageState extends State<MomentFormPage> {
  final _formKey = GlobalKey<FormBuilderState>();
  final _focusNode = FocusNode();
  static const String _contentField = 'content';
  static const int maxContentLength = 200;
  static const int maxImageCount = 9; // 最大图片数量

  Widget _buildContentField(FoodProvider provider) {
    final colors = Theme.of(context).colorScheme;

    return FormBuilderTextField(
      name: _contentField,
      focusNode: _focusNode,
      maxLines: 5,
      minLines: 3,
      maxLength: maxContentLength,
      buildCounter: (
        context, {
        required currentLength,
        required isFocused,
        maxLength,
      }) {
        return Text(
          '$currentLength/$maxContentLength',
          style: TextStyle(
            color: currentLength > maxLength! ? Colors.red : colors.primary,
          ),
        );
      },
      onChanged: (value) {
        setState(() {
          provider.momentFormItem.content = value!;
        });
      },
      decoration: buildInputDecoration(context: context, hintText: '请输入朋友圈内容'),
      validator: (value) {
        if (value == null || value.isEmpty) {
          return '请输入朋友圈内容';
        }
        if (value.length > maxContentLength) {
          return '内容不能超过$maxContentLength字';
        }
        return null;
      },
    );
  }

  Widget _buildImageField(FoodProvider provider) {
    final imageUrls = provider.momentFormItem.imageList;
    final totalItems =
        imageUrls.length + (imageUrls.length < maxImageCount ? 1 : 0);

    return GridView.builder(
      shrinkWrap: true,
      physics: const NeverScrollableScrollPhysics(),
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 3,
        crossAxisSpacing: 8,
        mainAxisSpacing: 8,
        childAspectRatio: 1,
      ),
      itemCount: totalItems,
      itemBuilder: (context, index) {
        if (index < imageUrls.length) {
          return ImagePreview(
            imageUrls: imageUrls,
            index: index,
            onRemoveImage: () => _removeImage(provider, index),
          );
        }
        // 上传按钮（最后一个）
        else {
          return buildImageUploadButton(onTap: () => _pickImages(provider));
        }
      },
    );
  }

  Widget _buildFormBuilder() {
    final provider = context.watch<FoodProvider>();

    return FormBuilder(
      key: _formKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          buildFormLabel('朋友圈内容', required: true),
          const SizedBox(height: 8),
          _buildContentField(provider),
          const SizedBox(height: 8),

          buildFormLabel('上传图片', required: true),
          const SizedBox(height: 8),
          _buildImageField(provider),
          const SizedBox(height: 8),
          
          buildFormButtonGroup(
            context: context,
            onConfirm: () => _submitForm(provider),
          ),
        ],
      ),
    );
  }

  /// 选择多张图片
  Future<void> _pickImages(FoodProvider provider) async {
    final currentCount = provider.momentFormItem.imageList.length;
    final remainingCount = maxImageCount - currentCount;

    if (remainingCount <= 0) {
      ToastUtil.error('最多只能上传$maxImageCount张图片');
      return;
    }

    FilePickerResult? result = await FilePicker.platform.pickFiles(
      type: FileType.custom,
      allowedExtensions: ['jpg', 'jpeg', 'png'],
      allowMultiple: true,
    );

    if (result != null) {
      // 限制选择数量
      final filesToUpload = result.files.take(remainingCount).toList();

      // 显示加载提示
      // showLoadingToast('正在上传图片...');

      try {
        final newImageUrls = <String>[];

        // 逐个上传图片
        for (final file in filesToUpload) {
          final fileName = await MinIOHelper().uploadFile(
            bucketName: AppConfig.bucketName,
            file: file,
          );
          logger.i('图片名称:$fileName');
          newImageUrls.add(fileName);
        }

        // 更新图片列表
        setState(() {
          provider.momentFormItem.imageList.addAll(newImageUrls);
        });

        ToastUtil.success('图片上传成功');
      } catch (e) {
        ToastUtil.error('图片上传失败');
      }
    }
  }

  /// 移除单张图片
  void _removeImage(FoodProvider provider, int index) {
    setState(() {
      provider.momentFormItem.imageList.removeAt(index);
    });
  }

  /// 提交表单
  void _submitForm(FoodProvider provider) {
    if (_formKey.currentState?.saveAndValidate() ?? false) {
      // 这里处理表单提交逻辑
      // print('提交内容: ${_formKey.currentState?.value[_contentField]}');
      // print('图片列表: ${provider.recordFormItem.imageUrls}');
    }
  }

  @override
  Widget build(BuildContext context) {
    final colors = Theme.of(context).colorScheme;
    final provider = context.watch<FoodProvider>();

    final String title = provider.isEditing ? '编辑朋友圈' : '新增朋友圈';

    return Scaffold(
      appBar: AppBar(
        title: Text(title, style: const TextStyle(color: Colors.white)),
        backgroundColor: colors.primary,
        leading: IconButton(
          icon: const Icon(Icons.arrow_back, color: Colors.white),
          onPressed: () => Navigator.pop(context),
        ),
      ),
      backgroundColor: const Color(0xFFF5F5F5),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(10),
          child: CommonCard(child: _buildFormBuilder()),
        ),
      ),
    );
  }
}