import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:lucide_icons/lucide_icons.dart';
import '../../../../core/di/injection.dart';
import '../../../../core/theme/design_tokens.dart';
import '../../data/models/schedule_item_model.dart';
import '../../data/services/mock_calendar_service.dart';

class CreateEventSheet extends StatefulWidget {
  final DateTime? initialDate;
  final ScheduleItemModel? editingEvent;
  final VoidCallback? onSaved;

  const CreateEventSheet({
    super.key,
    this.initialDate,
    this.editingEvent,
    this.onSaved,
  });

  static Future<void> show(
    BuildContext context, {
    DateTime? initialDate,
    VoidCallback? onSaved,
  }) {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      backgroundColor: Colors.transparent,
      builder: (context) =>
          CreateEventSheet(initialDate: initialDate, onSaved: onSaved),
    );
  }

  static Future<void> edit(
    BuildContext context,
    ScheduleItemModel event, {
    VoidCallback? onSaved,
  }) {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      backgroundColor: Colors.transparent,
      builder: (context) =>
          CreateEventSheet(editingEvent: event, onSaved: onSaved),
    );
  }

  @override
  State<CreateEventSheet> createState() => _CreateEventSheetState();
}

class _CreateEventSheetState extends State<CreateEventSheet>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  final _titleController = TextEditingController();
  final _descriptionController = TextEditingController();
  final _locationController = TextEditingController();
  final _notesController = TextEditingController();

  late DateTime _startDate;
  late DateTime _startTime;
  DateTime? _endDate;
  DateTime? _endTime;
  String _selectedColor = '#3B82F6';
  bool _saving = false;
  List<Attachment> _attachments = const [];

  bool get _isEditing => widget.editingEvent != null;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);

    if (_isEditing) {
      final event = widget.editingEvent!;
      _titleController.text = event.title;
      _descriptionController.text = event.description ?? '';
      _locationController.text = event.metadata?.location ?? '';
      _notesController.text = event.metadata?.notes ?? '';
      _startDate = event.startAt;
      _startTime = event.startAt;
      _endDate = event.endAt;
      _endTime = event.endAt;
      _selectedColor = event.metadata?.color ?? '#3B82F6';
      _attachments = List<Attachment>.from(
        event.metadata?.attachments ?? const [],
      );
    } else {
      final now = widget.initialDate ?? DateTime.now();
      _startDate = now;
      _startTime = now;
      _endDate = now;
      _endTime = now.add(const Duration(hours: 1));
    }

    _titleController.addListener(() => setState(() {}));
  }

  @override
  void dispose() {
    _tabController.dispose();
    _titleController.dispose();
    _descriptionController.dispose();
    _locationController.dispose();
    _notesController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      height: MediaQuery.of(context).size.height * 0.85,
      decoration: const BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
      ),
      child: Column(
        children: [
          _buildHeader(),
          _buildTabBar(),
          Expanded(child: _buildTabContent()),
        ],
      ),
    );
  }

  Widget _buildHeader() {
    return Container(
      height: 56,
      padding: const EdgeInsets.symmetric(horizontal: 16),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          GestureDetector(
            onTap: () => Navigator.pop(context),
            child: const Icon(
              LucideIcons.x,
              size: 24,
              color: AppColors.slate700,
            ),
          ),
          Text(
            _isEditing ? '编辑日程' : '新建日程',
            style: const TextStyle(
              fontSize: 17,
              fontWeight: FontWeight.w600,
              color: AppColors.slate900,
            ),
          ),
          GestureDetector(
            onTap: _saveEvent,
            child: Text(
              '保存',
              style: TextStyle(
                fontSize: 17,
                fontWeight: FontWeight.w600,
                color: _titleController.text.trim().isNotEmpty
                    ? AppColors.blue600
                    : AppColors.slate400,
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildTabBar() {
    return Container(
      decoration: const BoxDecoration(
        border: Border(bottom: BorderSide(color: AppColors.border)),
      ),
      child: TabBar(
        controller: _tabController,
        labelColor: AppColors.blue600,
        unselectedLabelColor: AppColors.slate600,
        indicatorColor: AppColors.blue600,
        tabs: const [
          Tab(text: '基础'),
          Tab(text: '进阶'),
        ],
      ),
    );
  }

  Widget _buildTabContent() {
    return TabBarView(
      controller: _tabController,
      children: [_buildBasicTab(), _buildAdvancedTab()],
    );
  }

  Widget _buildBasicTab() {
    return SingleChildScrollView(
      padding: const EdgeInsets.all(16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildTextField('标题', _titleController, '请输入日程标题'),
          const SizedBox(height: 20),
          _buildDateTimePicker('开始', _startDate, _startTime, (date, time) {
            setState(() {
              _startDate = date;
              _startTime = time;
              if (_endDate != null && _endTime != null) {
                final endDateTime = DateTime(
                  _endDate!.year,
                  _endDate!.month,
                  _endDate!.day,
                  _endTime!.hour,
                  _endTime!.minute,
                );
                final startDateTime = DateTime(
                  date.year,
                  date.month,
                  date.day,
                  time.hour,
                  time.minute,
                );
                if (endDateTime.isBefore(startDateTime)) {
                  _endDate = date;
                  _endTime = time;
                }
              }
            });
          }),
          const SizedBox(height: 20),
          _buildDateTimePicker(
            '结束',
            _endDate ?? _startDate,
            _endTime ?? _startTime,
            (date, time) {
              setState(() {
                _endDate = date;
                _endTime = time;
              });
            },
            isOptional: true,
          ),
        ],
      ),
    );
  }

  Widget _buildAdvancedTab() {
    return SingleChildScrollView(
      padding: const EdgeInsets.all(16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildTextField('描述', _descriptionController, '请输入描述'),
          const SizedBox(height: 20),
          _buildTextField('地点', _locationController, '请输入地点'),
          const SizedBox(height: 20),
          _buildColorPicker(),
          const SizedBox(height: 20),
          _buildAttachmentsSection(),
          const SizedBox(height: 20),
          _buildTextField('备注', _notesController, '请输入备注', maxLines: 3),
        ],
      ),
    );
  }

  Widget _buildAttachmentsSection() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            const Text(
              '附件',
              style: TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w600,
                color: AppColors.slate700,
              ),
            ),
            InkWell(
              onTap: _showAddAttachmentDialog,
              borderRadius: BorderRadius.circular(AppRadius.full),
              child: Container(
                padding: const EdgeInsets.symmetric(
                  horizontal: AppSpacing.md,
                  vertical: AppSpacing.xs,
                ),
                decoration: BoxDecoration(
                  color: AppColors.blue50,
                  borderRadius: BorderRadius.circular(AppRadius.full),
                  border: Border.all(color: AppColors.borderQuaternary),
                ),
                child: const Row(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Icon(LucideIcons.plus, size: 14, color: AppColors.blue600),
                    SizedBox(width: AppSpacing.xs),
                    Text(
                      '添加附件',
                      style: TextStyle(
                        fontSize: 12,
                        fontWeight: FontWeight.w600,
                        color: AppColors.blue600,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
        const SizedBox(height: AppSpacing.sm),
        if (_attachments.isEmpty)
          Container(
            width: double.infinity,
            padding: const EdgeInsets.all(AppSpacing.md),
            decoration: BoxDecoration(
              color: AppColors.slate50,
              borderRadius: BorderRadius.circular(AppRadius.md),
              border: Border.all(color: AppColors.borderSecondary),
            ),
            child: const Text(
              '暂无附件，点击右上角添加',
              style: TextStyle(color: AppColors.slate500, fontSize: 13),
            ),
          ),
        ..._attachments.asMap().entries.map((entry) {
          final index = entry.key;
          final item = entry.value;
          return Container(
            margin: const EdgeInsets.only(top: AppSpacing.sm),
            padding: const EdgeInsets.all(AppSpacing.md),
            decoration: BoxDecoration(
              color: AppColors.white,
              borderRadius: BorderRadius.circular(AppRadius.md),
              border: Border.all(color: AppColors.messageCardBorder),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Expanded(
                      child: Text(
                        item.name,
                        style: const TextStyle(
                          fontSize: 13,
                          fontWeight: FontWeight.w600,
                          color: AppColors.slate800,
                        ),
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.symmetric(
                        horizontal: AppSpacing.sm,
                        vertical: AppSpacing.xs,
                      ),
                      decoration: BoxDecoration(
                        color: AppColors.surfaceInfo,
                        borderRadius: BorderRadius.circular(AppRadius.full),
                      ),
                      child: Text(
                        item.type,
                        style: const TextStyle(
                          fontSize: 11,
                          fontWeight: FontWeight.w600,
                          color: AppColors.blue600,
                        ),
                      ),
                    ),
                    const SizedBox(width: AppSpacing.sm),
                    GestureDetector(
                      onTap: () {
                        setState(() {
                          final next = List<Attachment>.from(_attachments);
                          next.removeAt(index);
                          _attachments = next;
                        });
                      },
                      child: const Icon(
                        LucideIcons.trash,
                        size: 16,
                        color: AppColors.red500,
                      ),
                    ),
                  ],
                ),
                if ((item.url ?? '').isNotEmpty) ...[
                  const SizedBox(height: AppSpacing.xs),
                  Text(
                    '链接: ${item.url}',
                    style: const TextStyle(
                      fontSize: 12,
                      color: AppColors.slate500,
                    ),
                  ),
                ],
                if ((item.note ?? '').isNotEmpty) ...[
                  const SizedBox(height: AppSpacing.xs),
                  Text(
                    '备注: ${item.note}',
                    style: const TextStyle(
                      fontSize: 12,
                      color: AppColors.slate500,
                    ),
                  ),
                ],
              ],
            ),
          );
        }),
      ],
    );
  }

  Future<void> _showAddAttachmentDialog() async {
    final nameController = TextEditingController();
    final urlController = TextEditingController();
    final noteController = TextEditingController();
    final contentController = TextEditingController();
    var type = 'document';
    try {
      final created = await showModalBottomSheet<Attachment>(
        context: context,
        isScrollControlled: true,
        backgroundColor: Colors.transparent,
        builder: (sheetContext) => StatefulBuilder(
          builder: (sheetContext, setSheetState) {
            return Container(
              padding: EdgeInsets.only(
                left: AppSpacing.lg,
                right: AppSpacing.lg,
                top: AppSpacing.lg,
                bottom:
                    MediaQuery.of(sheetContext).viewInsets.bottom +
                    AppSpacing.lg,
              ),
              decoration: const BoxDecoration(
                color: AppColors.white,
                borderRadius: BorderRadius.vertical(
                  top: Radius.circular(AppRadius.xxl),
                ),
              ),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Text(
                    '添加附件',
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.w700,
                      color: AppColors.slate900,
                    ),
                  ),
                  const SizedBox(height: AppSpacing.md),
                  _buildTextField('名称', nameController, '例如：会议纪要.pdf'),
                  const SizedBox(height: AppSpacing.md),
                  _buildTextField('链接', urlController, 'https://...'),
                  const SizedBox(height: AppSpacing.md),
                  _buildTextField('备注', noteController, '备注信息'),
                  const SizedBox(height: AppSpacing.md),
                  _buildTextField('内容', contentController, '提醒内容', maxLines: 2),
                  const SizedBox(height: AppSpacing.md),
                  Wrap(
                    spacing: AppSpacing.sm,
                    children: ['document', 'reminder'].map((item) {
                      final selected = item == type;
                      return ChoiceChip(
                        label: Text(item),
                        selected: selected,
                        onSelected: (_) {
                          setSheetState(() {
                            type = item;
                          });
                        },
                      );
                    }).toList(),
                  ),
                  const SizedBox(height: AppSpacing.lg),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Expanded(
                        child: OutlinedButton(
                          onPressed: () => Navigator.pop(sheetContext),
                          child: const Text('取消'),
                        ),
                      ),
                      const SizedBox(width: AppSpacing.sm),
                      Expanded(
                        child: ElevatedButton(
                          onPressed: () {
                            final name = nameController.text.trim();
                            if (name.isEmpty) {
                              return;
                            }
                            Navigator.pop(
                              sheetContext,
                              Attachment(
                                name: name,
                                url: urlController.text.trim().isEmpty
                                    ? null
                                    : urlController.text.trim(),
                                note: noteController.text.trim().isEmpty
                                    ? null
                                    : noteController.text.trim(),
                                content: contentController.text.trim().isEmpty
                                    ? null
                                    : contentController.text.trim(),
                                type: type,
                              ),
                            );
                          },
                          child: const Text('确认添加'),
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            );
          },
        ),
      );
      if (created != null && mounted) {
        setState(() {
          _attachments = [..._attachments, created];
        });
      }
    } finally {
      nameController.dispose();
      urlController.dispose();
      noteController.dispose();
      contentController.dispose();
    }
  }

  Widget _buildTextField(
    String label,
    TextEditingController controller,
    String hint, {
    int maxLines = 1,
  }) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: const TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
            color: AppColors.slate700,
          ),
        ),
        const SizedBox(height: 8),
        TextField(
          controller: controller,
          maxLines: maxLines,
          decoration: InputDecoration(
            hintText: hint,
            hintStyle: const TextStyle(color: AppColors.slate400),
            filled: true,
            fillColor: const Color(0xFFF1F5F9),
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(10),
              borderSide: BorderSide.none,
            ),
            contentPadding: const EdgeInsets.symmetric(
              horizontal: 12,
              vertical: 12,
            ),
          ),
        ),
      ],
    );
  }

  Widget _buildDateTimePicker(
    String label,
    DateTime date,
    DateTime time,
    Function(DateTime, DateTime) onChanged, {
    bool isOptional = false,
  }) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label + (isOptional ? '（可选）' : ''),
          style: const TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
            color: AppColors.slate700,
          ),
        ),
        const SizedBox(height: 8),
        InkWell(
          onTap: () async {
            final picked = await _pickDateTime(date, time);
            if (picked == null) {
              return;
            }
            onChanged(picked.$1, picked.$2);
          },
          borderRadius: BorderRadius.circular(AppRadius.md),
          child: Container(
            padding: const EdgeInsets.all(AppSpacing.md),
            decoration: BoxDecoration(
              color: AppColors.slate50,
              borderRadius: BorderRadius.circular(AppRadius.md),
              border: Border.all(color: AppColors.borderSecondary),
            ),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                const Icon(
                  LucideIcons.calendar,
                  size: 16,
                  color: AppColors.slate600,
                ),
                const SizedBox(width: AppSpacing.sm),
                Expanded(
                  child: Text(
                    _formatDateTimeLabel(date, time),
                    style: const TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
                      color: AppColors.slate900,
                    ),
                  ),
                ),
                const Icon(
                  LucideIcons.chevronRight,
                  size: 16,
                  color: AppColors.slate400,
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  String _formatDateTimeLabel(DateTime date, DateTime time) {
    return '${date.year}年${date.month}月${date.day}日 ${time.hour.toString().padLeft(2, '0')}:${time.minute.toString().padLeft(2, '0')}';
  }

  Future<(DateTime, DateTime)?> _pickDateTime(
    DateTime date,
    DateTime time,
  ) async {
    final result = await showModalBottomSheet<(DateTime, DateTime)>(
      context: context,
      backgroundColor: Colors.transparent,
      isScrollControlled: true,
      builder: (context) =>
          _DateTimePickerSheet(initialDate: date, initialTime: time),
    );
    return result;
  }

  Widget _buildColorPicker() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        const Text(
          '颜色',
          style: TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
            color: AppColors.slate700,
          ),
        ),
        const SizedBox(height: 8),
        Row(
          children: defaultColors.map((color) {
            final colorHex =
                '#${color.toARGB32().toRadixString(16).substring(2).toUpperCase()}';
            final isSelected = _selectedColor == colorHex;
            return GestureDetector(
              onTap: () => setState(() => _selectedColor = colorHex),
              child: Container(
                margin: const EdgeInsets.only(right: 12),
                width: 32,
                height: 32,
                decoration: BoxDecoration(
                  color: color,
                  shape: BoxShape.circle,
                  border: isSelected
                      ? Border.all(color: AppColors.slate900, width: 2)
                      : null,
                ),
                child: isSelected
                    ? const Icon(Icons.check, size: 16, color: Colors.white)
                    : null,
              ),
            );
          }).toList(),
        ),
      ],
    );
  }

  Future<void> _saveEvent() async {
    if (_titleController.text.trim().isEmpty || _saving) return;
    setState(() {
      _saving = true;
    });

    final startAt = DateTime(
      _startDate.year,
      _startDate.month,
      _startDate.day,
      _startTime.hour,
      _startTime.minute,
    );

    DateTime? endAt;
    if (_endDate != null && _endTime != null) {
      endAt = DateTime(
        _endDate!.year,
        _endDate!.month,
        _endDate!.day,
        _endTime!.hour,
        _endTime!.minute,
      );
    }

    final metadata = ScheduleMetadata(
      color: _selectedColor,
      location: _locationController.text.trim().isNotEmpty
          ? _locationController.text.trim()
          : null,
      notes: _notesController.text.trim().isNotEmpty
          ? _notesController.text.trim()
          : null,
      attachments: _attachments,
      version: widget.editingEvent?.metadata?.version ?? 1,
    );

    final event = ScheduleItemModel(
      id: _isEditing
          ? widget.editingEvent!.id
          : 'evt_${DateTime.now().millisecondsSinceEpoch}',
      title: _titleController.text.trim(),
      description: _descriptionController.text.trim().isNotEmpty
          ? _descriptionController.text.trim()
          : null,
      startAt: startAt,
      endAt: endAt,
      metadata: metadata,
    );

    try {
      final service = sl<CalendarService>();
      debugPrint('CalendarService: $service');
      debugPrint('Is mock: ${service.runtimeType}');

      if (_isEditing) {
        await service.updateEvent(event);
      } else {
        await service.addEvent(event);
      }

      widget.onSaved?.call();
      if (mounted) {
        Navigator.pop(context);
      }
    } catch (e, stack) {
      debugPrint('Save error: $e');
      debugPrint('Stack: $stack');
      if (mounted) {
        ScaffoldMessenger.of(
          context,
        ).showSnackBar(SnackBar(content: Text('保存失败: $e')));
      }
    } finally {
      if (mounted) {
        setState(() {
          _saving = false;
        });
      }
    }
  }
}

class _DateTimePickerSheet extends StatefulWidget {
  final DateTime initialDate;
  final DateTime initialTime;

  const _DateTimePickerSheet({
    required this.initialDate,
    required this.initialTime,
  });

  @override
  State<_DateTimePickerSheet> createState() => _DateTimePickerSheetState();
}

class _DateTimePickerSheetState extends State<_DateTimePickerSheet> {
  late int _selectedYear;
  late int _selectedMonth;
  late int _selectedDay;
  late int _selectedHour;
  late int _selectedMinute;

  late FixedExtentScrollController _yearController;
  late FixedExtentScrollController _monthController;
  late FixedExtentScrollController _dayController;
  late FixedExtentScrollController _hourController;
  late FixedExtentScrollController _minuteController;

  static final int _baseYear = DateTime.now().year;
  static final List<int> _years = List.generate(21, (i) => _baseYear - 10 + i);
  static final List<int> _months = List.generate(12, (i) => i + 1);
  static final List<int> _hours = List.generate(24, (i) => i);
  static final List<int> _minutes = List.generate(60, (i) => i);

  List<int> _days = [];

  @override
  void initState() {
    super.initState();
    _selectedYear = widget.initialDate.year;
    _selectedMonth = widget.initialDate.month;
    _selectedDay = widget.initialDate.day;
    _selectedHour = widget.initialTime.hour;
    _selectedMinute = widget.initialTime.minute;
    _updateDays();

    _yearController = FixedExtentScrollController(
      initialItem: _years.indexOf(_selectedYear),
    );
    _monthController = FixedExtentScrollController(
      initialItem: _selectedMonth - 1,
    );
    _dayController = FixedExtentScrollController(initialItem: _selectedDay - 1);
    _hourController = FixedExtentScrollController(initialItem: _selectedHour);
    _minuteController = FixedExtentScrollController(
      initialItem: _selectedMinute,
    );
  }

  void _updateDays() {
    _days = List.generate(
      DateTime(_selectedYear, _selectedMonth + 1, 0).day,
      (i) => i + 1,
    );
  }

  @override
  void dispose() {
    _yearController.dispose();
    _monthController.dispose();
    _dayController.dispose();
    _hourController.dispose();
    _minuteController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 420,
      decoration: const BoxDecoration(
        color: AppColors.white,
        borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
      ),
      child: Column(
        children: [
          _buildHeader(),
          Expanded(
            child: Row(
              children: [
                Expanded(
                  flex: 3,
                  child: Column(
                    children: [
                      _buildPickerLabel('日期'),
                      Expanded(
                        child: Row(
                          children: [
                            Expanded(
                              child: _buildPicker(_years, _yearController, (v) {
                                setState(() {
                                  _selectedYear = v;
                                  _updateDays();
                                  if (_selectedDay > _days.length) {
                                    _selectedDay = _days.length;
                                    _dayController.jumpToItem(_selectedDay - 1);
                                  }
                                });
                              }, (v) => '$v'),
                            ),
                            const Text(
                              '年',
                              style: TextStyle(
                                fontSize: 14,
                                color: AppColors.slate600,
                              ),
                            ),
                            Expanded(
                              child: _buildPicker(_months, _monthController, (
                                v,
                              ) {
                                setState(() {
                                  _selectedMonth = v;
                                  _updateDays();
                                  if (_selectedDay > _days.length) {
                                    _selectedDay = _days.length;
                                    _dayController.jumpToItem(_selectedDay - 1);
                                  }
                                });
                              }, (v) => '$v'),
                            ),
                            const Text(
                              '月',
                              style: TextStyle(
                                fontSize: 14,
                                color: AppColors.slate600,
                              ),
                            ),
                            Expanded(
                              child: _buildPicker(
                                _days,
                                _dayController,
                                (v) => setState(() => _selectedDay = v),
                                (v) => '$v',
                              ),
                            ),
                            const Text(
                              '日',
                              style: TextStyle(
                                fontSize: 14,
                                color: AppColors.slate600,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Container(width: 1, height: 180, color: AppColors.border),
                Expanded(
                  flex: 2,
                  child: Column(
                    children: [
                      _buildPickerLabel('时间'),
                      Expanded(
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Expanded(
                              child: _buildPicker(
                                _hours,
                                _hourController,
                                (v) => setState(() => _selectedHour = v),
                                (v) => v.toString().padLeft(2, '0'),
                                itemExtent: 50,
                              ),
                            ),
                            const Text(
                              ' : ',
                              style: TextStyle(
                                fontSize: 20,
                                fontWeight: FontWeight.bold,
                                color: AppColors.slate600,
                              ),
                            ),
                            Expanded(
                              child: _buildPicker(
                                _minutes,
                                _minuteController,
                                (v) => setState(() => _selectedMinute = v),
                                (v) => v.toString().padLeft(2, '0'),
                                itemExtent: 50,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildHeader() {
    return Container(
      height: 56,
      padding: const EdgeInsets.symmetric(horizontal: 16),
      decoration: const BoxDecoration(
        border: Border(bottom: BorderSide(color: AppColors.border)),
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          GestureDetector(
            onTap: () => Navigator.pop(context),
            child: const Text(
              '取消',
              style: TextStyle(fontSize: 17, color: AppColors.slate600),
            ),
          ),
          const Text(
            '选择时间',
            style: TextStyle(
              fontSize: 17,
              fontWeight: FontWeight.w600,
              color: AppColors.slate900,
            ),
          ),
          GestureDetector(
            onTap: () {
              Navigator.pop(context, (
                DateTime(_selectedYear, _selectedMonth, _selectedDay),
                DateTime(2000, 1, 1, _selectedHour, _selectedMinute),
              ));
            },
            child: const Text(
              '确定',
              style: TextStyle(
                fontSize: 17,
                fontWeight: FontWeight.w600,
                color: AppColors.blue600,
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildPickerLabel(String label) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 12),
      child: Text(
        label,
        style: const TextStyle(
          fontSize: 14,
          fontWeight: FontWeight.w600,
          color: AppColors.slate700,
        ),
      ),
    );
  }

  Widget _buildPicker(
    List<int> items,
    FixedExtentScrollController controller,
    ValueChanged<int> onChanged,
    String Function(int) formatter, {
    double itemExtent = 40,
  }) {
    return CupertinoPicker(
      scrollController: controller,
      itemExtent: itemExtent,
      magnification: 1.2,
      squeeze: 0.8,
      useMagnifier: true,
      onSelectedItemChanged: (index) => onChanged(items[index]),
      selectionOverlay: Container(
        decoration: BoxDecoration(
          border: Border.symmetric(
            horizontal: BorderSide(
              color: AppColors.blue100.withValues(alpha: 0.5),
              width: 1,
            ),
          ),
        ),
      ),
      children: List<Widget>.generate(items.length, (index) {
        return Center(
          child: Text(
            formatter(items[index]),
            style: const TextStyle(fontSize: 18, color: AppColors.slate900),
          ),
        );
      }),
    );
  }
}