import 'package:flutter/material.dart';
import '../../core/app_colors.dart';
import '../../core/app_theme.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../core/navigation_provider.dart';

// ── 通知偏好状态 ──

final notificationPrefsProvider =
    NotifierProvider<NotificationPrefsNotifier, Map<String, bool>>(
      NotificationPrefsNotifier.new,
    );

class NotificationPrefsNotifier extends Notifier<Map<String, bool>> {
  @override
  Map<String, bool> build() {
    // TODO: 从 SQLite 读取持久化值，此处先用默认值
    return {
      'medication': true,
      'healthAlert': true,
      'followUp': true,
      'aiReply': false,
      'dndEnabled': false,
      'pushEnabled': true,
      'dndStart': false, // 占位：实际用 TimeOfDay
      'dndEnd': false,
    };
  }

  void toggle(String key) {
    state = {...state, key: !state[key]!};
    // TODO: 持久化到 SQLite
  }

  void setDndStart(TimeOfDay time) {
    state = {...state, 'dndStart': true}; // 简化存储
  }

  void setDndEnd(TimeOfDay time) {
    state = {...state, 'dndEnd': true};
  }
}

// ── 页面 ──

class NotificationPrefsPage extends ConsumerWidget {
  const NotificationPrefsPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final prefs = ref.watch(notificationPrefsProvider);
    final dndOn = prefs['dndEnabled'] ?? false;

    return GradientScaffold(
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        elevation: 0,
        leading: IconButton(
          icon: const Icon(
            Icons.arrow_back_ios_new,
            color: AppColors.textPrimary,
          ),
          onPressed: () => popRoute(ref),
        ),
        title: Text(
          '消息通知',
          style: TextStyle(
            fontSize: 21,
            fontWeight: FontWeight.w600,
            color: AppColors.textPrimary,
          ),
        ),
        centerTitle: true,
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // ── 推送总开关 ──
            _SectionTitle(title: '推送通知'),
            _SwitchTile(
              title: '允许推送通知',
              subtitle: '关闭后将不再收到任何系统推送',
              value: prefs['pushEnabled'] ?? true,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('pushEnabled'),
            ),
            const SizedBox(height: 24),

            // ── 各类通知开关 ──
            _SectionTitle(title: '通知类型'),
            _SwitchTile(
              icon: Icons.medication_rounded,
              iconBg: AppColors.errorLight,
              iconColor: AppColors.error,
              title: '用药提醒',
              subtitle: '服药时间到达时提醒您',
              value: prefs['medication'] ?? true,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('medication'),
            ),
            _SwitchTile(
              icon: Icons.warning_amber_rounded,
              iconBg: AppColors.errorLight,
              iconColor: AppTheme.error,
              title: '健康异常提醒',
              subtitle: '检测到数据异常时及时通知',
              value: prefs['healthAlert'] ?? true,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('healthAlert'),
            ),
            _SwitchTile(
              icon: Icons.event_available_rounded,
              iconBg: AppColors.successLight,
              iconColor: AppColors.success,
              title: '复查日期提醒',
              subtitle: '复查日前一天提醒您预约',
              value: prefs['followUp'] ?? true,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('followUp'),
            ),
            _SwitchTile(
              icon: Icons.forum_outlined,
              iconBg: AppColors.iconBg,
              iconColor: AppTheme.primary,
              title: 'AI 回复通知',
              subtitle: 'AI 助手回复时发送通知',
              value: prefs['aiReply'] ?? false,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('aiReply'),
            ),
            const SizedBox(height: 24),

            // ── 免打扰时段 ──
            _SectionTitle(title: '免打扰时段'),
            _SwitchTile(
              title: '开启免打扰模式',
              subtitle: dndOn ? '22:00 - 08:00 期间静音' : '关闭后全天接收通知',
              value: dndOn,
              onChanged: (v) => ref
                  .read(notificationPrefsProvider.notifier)
                  .toggle('dndEnabled'),
            ),
            if (dndOn) ...[
              Container(
                margin: const EdgeInsets.symmetric(horizontal: 4),
                padding: const EdgeInsets.symmetric(
                  horizontal: 16,
                  vertical: 14,
                ),
                decoration: BoxDecoration(
                  color: AppTheme.surface,
                  borderRadius: BorderRadius.circular(AppTheme.rMd),
                  border: Border.all(color: AppColors.border),
                  boxShadow: AppColors.cardShadowLight,
                ),
                child: Row(
                  children: [
                    Expanded(
                      child: _TimeButton(
                        label: '开始',
                        time: '22:00',
                        onTap: () async {
                          final picked = await showTimePicker(
                            context: context,
                            initialTime: const TimeOfDay(hour: 22, minute: 0),
                          );
                          if (picked != null && context.mounted)
                            ref
                                .read(notificationPrefsProvider.notifier)
                                .setDndStart(picked);
                        },
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 12),
                      child: Text(
                        '~',
                        style: TextStyle(
                          fontSize: 19,
                          color: AppTheme.textHint,
                        ),
                      ),
                    ),
                    Expanded(
                      child: _TimeButton(
                        label: '结束',
                        time: '08:00',
                        onTap: () async {
                          final picked = await showTimePicker(
                            context: context,
                            initialTime: const TimeOfDay(hour: 8, minute: 0),
                          );
                          if (picked != null && context.mounted)
                            ref
                                .read(notificationPrefsProvider.notifier)
                                .setDndEnd(picked);
                        },
                      ),
                    ),
                  ],
                ),
              ),
              const SizedBox(height: 8),
            ],
            const SizedBox(height: 40),
          ],
        ),
      ),
    );
  }
}

// ── 子组件 ──

class _SectionTitle extends StatelessWidget {
  final String title;
  const _SectionTitle({required this.title});
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(left: 4, bottom: 10),
      child: Text(
        title,
        style: const TextStyle(
          fontSize: 17,
          fontWeight: FontWeight.w600,
          color: AppColors.textSecondary,
        ),
      ),
    );
  }
}

class _SwitchTile extends StatelessWidget {
  final IconData? icon;
  final Color? iconBg;
  final Color? iconColor;
  final String title;
  final String? subtitle;
  final bool value;
  final ValueChanged<bool> onChanged;

  const _SwitchTile({
    this.icon,
    this.iconBg,
    this.iconColor,
    required this.title,
    this.subtitle,
    required this.value,
    required this.onChanged,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 4, vertical: 3),
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
      decoration: BoxDecoration(
        color: AppTheme.surface,
        borderRadius: BorderRadius.circular(AppTheme.rMd),
        border: Border.all(color: AppColors.border),
        boxShadow: AppColors.cardShadowLight,
      ),
      child: Row(
        children: [
          if (icon != null) ...[
            Container(
              width: 38,
              height: 38,
              decoration: BoxDecoration(
                color: iconBg ?? AppColors.iconBg,
                borderRadius: BorderRadius.circular(10),
              ),
              child: Icon(
                icon,
                size: 23,
                color: iconColor ?? AppColors.primary,
              ),
            ),
            const SizedBox(width: 12),
          ],
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  title,
                  style: const TextStyle(
                    fontSize: 18,
                    color: AppColors.textPrimary,
                    fontWeight: FontWeight.w500,
                  ),
                ),
                if (subtitle != null && subtitle!.isNotEmpty)
                  Text(
                    subtitle!,
                    style: TextStyle(fontSize: 15, color: AppTheme.textSub),
                  ),
              ],
            ),
          ),
          Switch(
            value: value,
            onChanged: onChanged,
            activeThumbColor: AppTheme.primary,
            activeTrackColor: AppColors.primaryLight,
          ),
        ],
      ),
    );
  }
}

class _TimeButton extends StatelessWidget {
  final String label;
  final String time;
  final VoidCallback onTap;
  const _TimeButton({
    required this.label,
    required this.time,
    required this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
        decoration: BoxDecoration(
          border: Border.all(color: AppColors.border),
          borderRadius: BorderRadius.circular(AppTheme.rSm),
        ),
        child: Column(
          children: [
            Text(
              label,
              style: TextStyle(fontSize: 14, color: AppTheme.textHint),
            ),
            Text(
              time,
              style: const TextStyle(
                fontSize: 19,
                fontWeight: FontWeight.w600,
                color: AppTheme.primary,
              ),
            ),
          ],
        ),
      ),
    );
  }
}