import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

/// 构建天气内容卡片
Widget buildWeatherBaiduContent(BuildContext context, String city,
    Map<String, dynamic> now, List<Map<String, dynamic>> days) {
  final isDarkMode = Theme.of(context).brightness == Brightness.dark;

  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(
        'weatherQuery'.tr, // 翻译键代表的中文文本内容：查询天气情况:
        style: TextStyle(
          color:
              isDarkMode ? Colors.white.withValues(alpha: 0.9) : Colors.black87,
          fontSize: 14.sp,
          height: 1.4,
          fontWeight: FontWeight.w400,
        ),
      ),
      SizedBox(height: 12.h),
      Container(
        padding: EdgeInsets.all(16.w),
        decoration: BoxDecoration(
          gradient: _getWeatherGradient(now['text_day'] ?? '', isDarkMode),
          borderRadius: BorderRadius.circular(12.r),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withValues(alpha: isDarkMode ? 0.3 : 0.1),
              blurRadius: 8,
              offset: const Offset(0, 2),
            ),
          ],
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      "${city} ${now["date"]}",
                      style: TextStyle(
                        fontSize: 16.sp,
                        fontWeight: FontWeight.w600,
                        color: Colors.white,
                      ),
                    ),
                    SizedBox(height: 4.w),
                    Text(
                      _getWeatherDescriptionTranslation(now["text_day"]),
                      style: TextStyle(
                        fontSize: 14.sp,
                        color: Colors.white.withValues(alpha: 0.9),
                      ),
                    ),
                    SizedBox(height: 8.h),
                    Row(
                      children: [
                        Text(
                          "${now["high"]}°",
                          style: TextStyle(
                            fontSize: 36.sp,
                            fontWeight: FontWeight.bold,
                            color: Colors.white,
                          ),
                        ),
                        SizedBox(width: 8.w),
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              '${'highest'.tr}: ${now["high"]}°', // 翻译键代表的中文文本内容：最高
                              style: TextStyle(
                                fontSize: 12.sp,
                                color: Colors.white.withValues(alpha: 0.9),
                              ),
                            ),
                            Text(
                              '${'lowest'.tr}: ${now["low"]}°', // 翻译键代表的中文文本内容：最低
                              style: TextStyle(
                                fontSize: 12.sp,
                                color: Colors.white.withValues(alpha: 0.9),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ],
                ),
                Icon(
                  getWeatherIcon(now['text_day']),
                  size: 48.sp,
                  color: Colors.white,
                ),
              ],
            ),
            SizedBox(height: 16.h),
            Container(
              height: 1,
              color: Colors.white.withValues(alpha: isDarkMode ? 0.15 : 0.2),
            ),
            SizedBox(height: 16.h),
            Text(
              'futureForecast'.tr, // 翻译键代表的中文文本内容：未来预报
              style: TextStyle(
                fontSize: 14.sp,
                fontWeight: FontWeight.w600,
                color: Colors.white,
              ),
            ),
            SizedBox(height: 8.h),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: List.generate(
                days.length,
                (index) {
                  String dateStr = days[index]['date'];
                  DateTime? date = DateUtil.getDateTime(dateStr);
                  IconData weatherIcon =
                      getWeatherIcon(days[index]['text_day']);

                  // 获取星期几的翻译键
                  String weekdayKey = _getWeekdayTranslationKey(date);
                  String weekday = weekdayKey.tr; // 翻译键代表的中文文本内容：对应的星期几

                  String temp = "${days[index]['high']}°";
                  return _buildForecastDay(
                    weekday,
                    weatherIcon,
                    temp,
                  );
                },
              ),
            ),
            SizedBox(height: 16.h),
            _buildWeatherTip(context, now, isDarkMode),
          ],
        ),
      ),
    ],
  );
}

/// 获取天气描述的翻译
String _getWeatherDescriptionTranslation(String weatherDescription) {
  final description = weatherDescription.trim();

  // 天气描述映射表
  final Map<String, String> weatherMap = {
    // 晴天类
    '晴': 'sunny'.tr, // 翻译键代表的中文文本内容：晴
    '少云': 'partlyCloudy'.tr, // 翻译键代表的中文文本内容：少云
    '晴间多云': 'partlySunny'.tr, // 翻译键代表的中文文本内容：晴间多云

    // 多云类
    '多云': 'cloudy'.tr, // 翻译键代表的中文文本内容：多云
    '阴': 'overcast'.tr, // 翻译键代表的中文文本内容：阴

    // 雨天类
    '阵雨': 'shower'.tr, // 翻译键代表的中文文本内容：阵雨
    '雷阵雨': 'thundershower'.tr, // 翻译键代表的中文文本内容：雷阵雨
    '小雨': 'lightRain'.tr, // 翻译键代表的中文文本内容：小雨
    '中雨': 'moderateRain'.tr, // 翻译键代表的中文文本内容：中雨
    '大雨': 'heavyRain'.tr, // 翻译键代表的中文文本内容：大雨
    '暴雨': 'rainstorm'.tr, // 翻译键代表的中文文本内容：暴雨

    // 雪天类
    '阵雪': 'snowShower'.tr, // 翻译键代表的中文文本内容：阵雪
    '小雪': 'lightSnow'.tr, // 翻译键代表的中文文本内容：小雪
    '中雪': 'moderateSnow'.tr, // 翻译键代表的中文文本内容：中雪
    '大雪': 'heavySnow'.tr, // 翻译键代表的中文文本内容：大雪
    '暴雪': 'blizzard'.tr, // 翻译键代表的中文文本内容：暴雪

    // 雾霾类
    '雾': 'fog'.tr, // 翻译键代表的中文文本内容：雾
    '霾': 'haze'.tr, // 翻译键代表的中文文本内容：霾

    // 风类
    '大风': 'strongWind'.tr, // 翻译键代表的中文文本内容：大风
  };

  // 返回翻译后的描述，如果没有找到对应翻译则返回原文
  return weatherMap[description] ?? description;
}

/// 获取星期几的翻译键
String _getWeekdayTranslationKey(DateTime? date) {
  if (date == null) return 'unknown';

  switch (date.weekday) {
    case 1:
      return 'monday'; // 翻译键代表的中文文本内容：周一
    case 2:
      return 'tuesday'; // 翻译键代表的中文文本内容：周二
    case 3:
      return 'wednesday'; // 翻译键代表的中文文本内容：周三
    case 4:
      return 'thursday'; // 翻译键代表的中文文本内容：周四
    case 5:
      return 'friday'; // 翻译键代表的中文文本内容：周五
    case 6:
      return 'saturday'; // 翻译键代表的中文文本内容：周六
    case 7:
      return 'sunday'; // 翻译键代表的中文文本内容：周日
    default:
      return 'unknown';
  }
}

/// 构建智能天气提示
Widget _buildWeatherTip(
    BuildContext context, Map<String, dynamic> now, bool isDarkMode) {
  final weatherTip = _generateWeatherTip(now);

  return Container(
    padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 12.w),
    decoration: BoxDecoration(
      color: isDarkMode
          ? Colors.white.withValues(alpha: 0.15)
          : Colors.white.withValues(alpha: 0.2),
      borderRadius: BorderRadius.circular(8.r),
    ),
    child: Row(
      children: [
        Icon(
          weatherTip.icon,
          size: 16.sp,
          color: Colors.white,
        ),
        SizedBox(width: 8.w),
        Flexible(
          child: Text(
            weatherTip.message,
            style: TextStyle(
              fontSize: 12.sp,
              color: Colors.white,
            ),
          ),
        ),
      ],
    ),
  );
}

/// 天气提示数据类
class WeatherTip {
  final IconData icon;
  final String message;

  const WeatherTip({required this.icon, required this.message});
}

/// 根据天气数据生成智能提示
WeatherTip _generateWeatherTip(Map<String, dynamic> now) {
  final dayWeather = (now['dayweather'] as String? ?? '').trim();
  final dayTemp = int.tryParse(now['daytemp']?.toString() ?? '0') ?? 0;
  final nightTemp = int.tryParse(now['nighttemp']?.toString() ?? '0') ?? 0;

  // 高温提示 (>= 35°C)
  if (dayTemp >= 35) {
    return WeatherTip(
      icon: Icons.local_fire_department,
      message: 'hotWeatherTip'.tr, // 翻译键代表的中文文本内容：今日高温炎热，请注意防暑降温，多喝水避免中暑
    );
  }

  // 低温提示 (<= 5°C)
  if (dayTemp <= 5) {
    return WeatherTip(
      icon: Icons.ac_unit,
      message: 'coldWeatherTip'.tr, // 翻译键代表的中文文本内容：今日气温较低，外出请注意保暖，小心感冒
    );
  }

  // 雨天提示
  if (dayWeather.contains('雨') ||
      ['阵雨', '雷阵雨', '小雨', '中雨', '大雨', '暴雨']
          .any((rain) => dayWeather.contains(rain))) {
    return WeatherTip(
      icon: Icons.umbrella,
      message: 'rainyWeatherTip'.tr, // 翻译键代表的中文文本内容：今日有雨，外出请携带雨具，注意出行安全
    );
  }

  // 雪天提示
  if (dayWeather.contains('雪') ||
      ['阵雪', '小雪', '中雪', '大雪', '暴雪'].any((snow) => dayWeather.contains(snow))) {
    return WeatherTip(
      icon: Icons.ac_unit,
      message: 'snowyWeatherTip'.tr, // 翻译键代表的中文文本内容：今日有雪，路面湿滑请注意安全，做好保暖措施
    );
  }

  // 雾霾提示
  if (dayWeather.contains('雾') ||
      dayWeather.contains('霾') ||
      ['雾', '浓雾', '霾', '中度霾', '重度霾'].any((fog) => dayWeather.contains(fog))) {
    return WeatherTip(
      icon: Icons.blur_on,
      message: 'foggyWeatherTip'.tr, // 翻译键代表的中文文本内容：今日有雾霾，能见度较低，外出请佩戴口罩
    );
  }

  // 大风提示
  if (dayWeather.contains('风') ||
      ['大风', '强风', '疾风', '烈风'].any((wind) => dayWeather.contains(wind))) {
    return WeatherTip(
      icon: Icons.air,
      message: 'windyWeatherTip'.tr, // 翻译键代表的中文文本内容：今日风力较大，外出请注意安全，固定好物品
    );
  }

  // 晴天紫外线提示 (温度 >= 25°C)
  if (['晴', '少云', '晴间多云'].any((sunny) => dayWeather.contains(sunny)) &&
      dayTemp >= 25) {
    return WeatherTip(
      icon: Icons.wb_sunny,
      message: 'sunnyWeatherTip'.tr, // 翻译键代表的中文文本内容：今日阳光充足紫外线较强，外出请做好防晒
    );
  }

  // 温差大提示 (>= 10°C)
  if ((dayTemp - nightTemp).abs() >= 10) {
    return WeatherTip(
      icon: Icons.thermostat,
      message: 'temperatureDifferenceTip'.tr, // 翻译键代表的中文文本内容：今日昼夜温差较大，请适时增减衣物
    );
  }

  // 默认舒适天气提示
  return WeatherTip(
    icon: Icons.wb_sunny_outlined,
    message: 'comfortableWeatherTip'.tr, // 翻译键代表的中文文本内容：今日天气适宜，是外出活动的好时光
  );
}

/// 构建单日天气预报
Widget _buildForecastDay(String day, IconData icon, String temp) {
  return Column(
    children: [
      Text(
        day,
        style: TextStyle(
          fontSize: 12.sp,
          color: Colors.white.withValues(alpha: 0.9),
        ),
      ),
      SizedBox(height: 4.h),
      Icon(
        icon,
        size: 20.sp,
        color: Colors.white,
      ),
      SizedBox(height: 4.h),
      Text(
        temp,
        style: TextStyle(
          fontSize: 12.sp,
          fontWeight: FontWeight.w500,
          color: Colors.white,
        ),
      ),
    ],
  );
}

/// 获取天气图标
IconData getWeatherIcon(String description) {
  description = description.trim();

  if (["晴", "少云", "晴间多云"].contains(description)) {
    return Icons.wb_sunny;
  }

  if (["多云", "阴"].contains(description)) {
    return Icons.cloud;
  }

  if (description.contains("雾") ||
      ["雾", "浓雾", "强浓雾", "轻雾", "大雾", "特强浓雾", "霾", "中度霾", "重度霾", "严重霾"]
          .contains(description)) {
    return Icons.blur_on;
  }

  if (description.contains("风") ||
      [
        "有风",
        "平静",
        "微风",
        "和风",
        "清风",
        "强风/劲风",
        "疾风",
        "大风",
        "烈风",
        "风暴",
        "狂爆风",
        "飓风",
        "热带风暴"
      ].contains(description)) {
    return Icons.air;
  }

  if (description.contains("雨") ||
      [
        "阵雨",
        "雷阵雨",
        "雷阵雨并伴有冰雹",
        "小雨",
        "中雨",
        "大雨",
        "暴雨",
        "大暴雨",
        "特大暴雨",
        "强阵雨",
        "强雷阵雨",
        "极端降雨",
        "毛毛雨/细雨",
        "雨",
        "小雨-中雨",
        "中雨-大雨",
        "大雨-暴雨",
        "暴雨-大暴雨",
        "大暴雨-特大暴雨"
      ].contains(description)) {
    return Icons.grain; // 或使用 community icon 包：weather_icons 中的 rain
  }

  if (description.contains("雪") ||
      [
        "雨雪天气",
        "雨夹雪",
        "阵雨夹雪",
        "冻雨",
        "雪",
        "阵雪",
        "小雪",
        "中雪",
        "大雪",
        "暴雪",
        "小雪-中雪",
        "中雪-大雪",
        "大雪-暴雪"
      ].contains(description)) {
    return Icons.ac_unit;
  }

  if (["浮尘", "扬沙", "沙尘暴", "强沙尘暴"].contains(description)) {
    return Icons.filter_drama;
  }

  if (["龙卷风"].contains(description)) {
    return Icons.waves;
  }

  if (["热"].contains(description)) {
    return Icons.local_fire_department;
  }

  if (["冷"].contains(description)) {
    return Icons.ac_unit;
  }

  // 默认或未知天气
  return Icons.help_outline;
}

/// 根据天气类型获取背景渐变颜色
LinearGradient _getWeatherGradient(String weather, bool isDarkMode) {
  final weatherType = weather.trim();

  // 晴天 - 温暖的橙黄色
  if (['晴', '少云', '晴间多云'].any((sunny) => weatherType.contains(sunny))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFFFF8A00), Color(0xFFE65100)] // 深色模式：深橙色
          : [Color(0xFFFFB74D), Color(0xFFFF9800)], // 浅色模式：亮橙色
    );
  }

  // 多云/阴天 - 灰蓝色
  if (['多云', '阴'].any((cloudy) => weatherType.contains(cloudy))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFF455A64), Color(0xFF37474F)] // 深色模式：深灰蓝
          : [Color(0xFF78909C), Color(0xFF607D8B)], // 浅色模式：灰蓝色
    );
  }

  // 雨天 - 深蓝色
  if (weatherType.contains('雨') ||
      ['阵雨', '雷阵雨', '小雨', '中雨', '大雨', '暴雨']
          .any((rain) => weatherType.contains(rain))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFF1565C0), Color(0xFF0D47A1)] // 深色模式：深蓝色
          : [Color(0xFF42A5F5), Color(0xFF1976D2)], // 浅色模式：亮蓝色
    );
  }

  // 雪天 - 冷色调蓝白色
  if (weatherType.contains('雪') ||
      ['阵雪', '小雪', '中雪', '大雪', '暴雪']
          .any((snow) => weatherType.contains(snow))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFF0277BD), Color(0xFF01579B)] // 深色模式：深冷蓝
          : [Color(0xFF81D4FA), Color(0xFF29B6F6)], // 浅色模式：浅蓝色
    );
  }

  // 雾霾天 - 暗黄灰色
  if (weatherType.contains('雾') ||
      weatherType.contains('霾') ||
      ['雾', '浓雾', '霾', '中度霾', '重度霾'].any((fog) => weatherType.contains(fog))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFF5D4037), Color(0xFF3E2723)] // 深色模式：深棕色
          : [Color(0xFF8D6E63), Color(0xFF6D4C41)], // 浅色模式：棕灰色
    );
  }

  // 大风天 - 青绿色
  if (weatherType.contains('风') ||
      ['大风', '强风', '疾风', '烈风'].any((wind) => weatherType.contains(wind))) {
    return LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: isDarkMode
          ? [Color(0xFF00695C), Color(0xFF004D40)] // 深色模式：深青色
          : [Color(0xFF26A69A), Color(0xFF00796B)], // 浅色模式：青绿色
    );
  }

  // 默认 - 原来的蓝色
  return LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: isDarkMode
        ? [Color(0xFF1E40AF), Color(0xFF1E3A8A)]
        : [Color(0xFF60A5FA), Color(0xFF3B82F6)],
  );
}