import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

@RoutePage()
class HelpView extends StatelessWidget {
  const HelpView({super.key});

  Widget _buildSectionTitle(String title) {
    return Padding(
      padding: EdgeInsets.only(bottom: 16.h),
      child: Text(
        title,
        style: TextStyle(
          fontSize: 30.sp,
          fontWeight: FontWeight.w600,
          color: const Color.fromRGBO(15, 23, 42, 1),
        ),
      ),
    );
  }

  Widget _buildSubTitle(String title) {
    return Padding(
      padding: EdgeInsets.only(top: 16.h, bottom: 10.h),
      child: Text(
        title,
        style: TextStyle(
          fontSize: 28.sp,
          fontWeight: FontWeight.w600,
          color: const Color.fromRGBO(15, 23, 42, 1),
        ),
      ),
    );
  }

  Widget _buildBodyText(String text) {
    return Padding(
      padding: EdgeInsets.only(bottom: 8.h),
      child: Text(
        text,
        style: TextStyle(
          fontSize: 26.sp,
          color: const Color.fromRGBO(100, 116, 139, 1),
          height: 1.6,
        ),
      ),
    );
  }

  Widget _buildFeatureItem(int index, String title, String description) {
    return Padding(
      padding: EdgeInsets.only(bottom: 12.h),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Expanded(
            child: RichText(
              text: TextSpan(
                style: TextStyle(
                  fontSize: 26.sp,
                  color: const Color.fromRGBO(100, 116, 139, 1),
                  height: 1.6,
                ),
                children: [
                  TextSpan(
                    text: '$index.$title：',
                    style: const TextStyle(
                      fontWeight: FontWeight.w600,
                      color: Color.fromRGBO(15, 23, 42, 1),
                    ),
                  ),
                  TextSpan(text: description),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color.fromRGBO(242, 243, 245, 1),
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        leading: IconButton(
          icon: const Icon(Icons.arrow_back_ios,
              color: Color.fromRGBO(100, 116, 139, 1)),
          onPressed: () => context.maybePop(),
        ),
        title: Text(
          '帮助',
          style: TextStyle(
            color: const Color.fromRGBO(15, 23, 42, 1),
            fontSize: 32.sp,
            fontWeight: FontWeight.w600,
          ),
        ),
        centerTitle: true,
      ),
      body: SingleChildScrollView(
        padding: EdgeInsets.all(28.w),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              width: double.infinity,
              padding: EdgeInsets.all(28.w),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(24.r),
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  _buildBodyText('欢迎使用本帮助文档，将引导您快速上手，并解决使用过程中遇到的常见问题。'),
                  SizedBox(height: 20.h),
                  _buildSectionTitle('一、快速入门'),
                  _buildSubTitle('1.1 登录与认证'),
                  _buildBodyText('账号登录：使用系统分配的账号和密码登录。'),
                  _buildBodyText('若忘记账号密码，请联系系统管理员。'),
                  _buildSubTitle('1.2 首页概览'),
                  _buildBodyText('顶部状态栏：实时显示当前待处理告警数、进行中的变更单。'),
                  _buildBodyText('快捷入口：一键跳转至告警中心、告警详情。'),
                  SizedBox(height: 20.h),
                  _buildSectionTitle('二、核心功能详解'),
                  _buildFeatureItem(1, '数据看板', '实时汇总房间、设备、人员、能耗及告警数据，提供多维度运营分析与可视化展示。'),
                  _buildFeatureItem(2, '人员管理', '支持入住登记、退房办理、换房调配及人员信息维护，实现全生命周期管理。'),
                  _buildFeatureItem(3, '房间管理', '统一管理房间资源、入住状态、床位情况及设备配置，提高房间利用效率。'),
                  _buildFeatureItem(4, '设备管理', '支持设备接入、绑定、配置、监控及远程运维，实现设备全流程管理。'),
                  _buildFeatureItem(5, '环境监测', '实时监测温度、湿度、氧气及二氧化碳浓度，保障室内环境安全舒适。'),
                  _buildFeatureItem(6, '智能控制', '支持空调等设备远程控制、参数调整及定时任务配置，提升管理效率。'),
                  _buildFeatureItem(7, '联动策略', '基于环境数据和业务规则自动触发设备联动，实现智能化场景控制。'),
                  _buildFeatureItem(8, '能耗分析', '统计设备和房间能耗数据，提供趋势分析、异常识别及节能优化建议。'),
                  _buildFeatureItem(9, '告警预警', '对环境异常、设备故障及能耗异常进行实时告警，并支持闭环处理。'),
                  _buildFeatureItem(10, '权限管理', '支持用户、角色和权限分级管理，实现系统功能与数据安全管控。'),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}