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

import '../../../data/services/db/sqflite_api.dart';

class TemplateAllView extends StatefulWidget {
  final String title;
  final int categoryid;
  final Map templateData;
  final int lastTemplateId;

  const TemplateAllView(
      this.title, this.categoryid, this.templateData, this.lastTemplateId,
      {super.key});

  @override
  State<TemplateAllView> createState() => _TemplateAllViewState();
}

class _TemplateAllViewState extends State<TemplateAllView> {
  final Map _icons = {
    'auto_stories': Icons.auto_stories,
    'auto_graph': Icons.auto_graph,
    'add_to_drive_outlined': Icons.add_to_drive_outlined,
    'perm_phone_msg': Icons.perm_phone_msg,
    'assignment': Icons.assignment,
    'lightbulb': Icons.lightbulb,
    'note': Icons.note,
    'rate_review': Icons.rate_review,
    'event_repeat': Icons.event_repeat,
    'handshake': Icons.handshake,
    'restart_alt': Icons.restart_alt,
    'rocket_launch': Icons.rocket_launch,
    'code': Icons.code,
    'bar_chart': Icons.bar_chart,
    'school': Icons.school,
    'auto_fix_high': Icons.auto_fix_high,
  };

  List _templateList = [];
  Map _templateData = {};

  @override
  void initState() {
    super.initState();
    _getTemplate();
  }

  void _getTemplate() async {
    List list = await SqfliteApi.getMeetingTemplateList(widget.categoryid);
    List templateList = [];
    for (var element in list) {
      Map item = {
        ...element,
        'tag': element['tag'].isNotEmpty ? element['tag'].split(',') : [],
      };
      if (element['id'] == widget.templateData['id']) {
        templateList.insert(0, item);
        _templateData = widget.templateData;
      } else {
        templateList.add(item);
      }
    }
    setState(() {
      _templateList = templateList;
    });
  }

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return Scaffold(
      backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
      appBar: _buildAppBar(isDarkMode),
      body: _buildBody(isDarkMode),
    );
  }

  // 构建应用栏
  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
    return AppBar(
      backgroundColor: isDarkMode ? Colors.black : Colors.white,
      elevation: 0.5,
      leading: IconButton(
        icon: Icon(
          Icons.arrow_back_ios,
          color: isDarkMode ? Colors.white : Colors.black,
          size: 20.sp,
        ),
        onPressed: () => Get.back(),
      ),
      title: Text(
        widget.title,
        style: TextStyle(
          fontSize: 17.sp,
          fontWeight: FontWeight.w600,
          color: isDarkMode ? Colors.white : Colors.black,
        ),
      ),
      centerTitle: true,
    );
  }

  // 构建主体内容
  Widget _buildBody(bool isDarkMode) {
    return Column(
      children: [
        Expanded(
          child: GridView.builder(
            itemCount: _templateList.length,
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 2,
              mainAxisSpacing: 12.w,
              crossAxisSpacing: 12.w,
              childAspectRatio: 1.sw / 2 / 150.w,
            ),
            padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w),
            itemBuilder: (BuildContext context, int index) {
              Map data = _templateList[index];
              return _item(data);
            },
          ),
        ),
        Padding(
          padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w),
          child: GestureDetector(
            onTap: () {
              if (_templateData.isNotEmpty) {
                Get.back();
                Get.back(result: _templateData);
              }
            },
            child: Container(
              height: 48.w,
              alignment: Alignment.center,
              decoration: BoxDecoration(
                color: _templateData.isNotEmpty ? Colors.black : Colors.grey,
                borderRadius: BorderRadius.circular(12.r),
              ),
              child: Text(
                '就用这个模版',
                style: TextStyle(
                  fontSize: 16.sp,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
      ],
    );
  }

  Widget _item(Map template) {
    return Container(
      clipBehavior: Clip.hardEdge,
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(14.w),
      ),
      child: GestureDetector(
        onTap: () {
          setState(() {
            _templateData = template;
          });
        },
        child: Stack(
          children: [
            Container(
              padding: EdgeInsets.all(5.w),
              decoration: BoxDecoration(
                color: Colors.white,
                gradient: _templateData['id'] == template['id']
                    ? const LinearGradient(
                        colors: [Colors.blue, Colors.pinkAccent],
                        begin: Alignment.centerLeft,
                        end: Alignment.centerRight,
                      )
                    : null,
              ),
              child: Container(
                width: double.infinity,
                padding: EdgeInsets.all(10.w),
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(10.w),
                  color: Colors.white,
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Padding(
                      padding: EdgeInsets.only(top: 5.w),
                      child: Icon(
                        _icons[template['icon']],
                        color: Colors.orange,
                        size: 30.w,
                      ),
                    ),
                    Padding(
                      padding: EdgeInsets.symmetric(vertical: 10.w),
                      child: Text(
                        template['name'],
                        style: TextStyle(
                          fontSize: 16.sp,
                          color: Colors.black87,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                    template['tag'].isNotEmpty
                        ? Wrap(
                            spacing: 5.w,
                            children: List.generate(
                              template['tag'].length,
                              (int idx) {
                                return Container(
                                  padding: EdgeInsets.symmetric(
                                      horizontal: 5.w, vertical: 2.w),
                                  decoration: BoxDecoration(
                                    color: Colors.grey[200],
                                    borderRadius: BorderRadius.circular(4.r),
                                  ),
                                  child: Text(
                                    template['tag'][idx],
                                    style: TextStyle(
                                      fontSize: 10.sp,
                                      color: Colors.grey[600],
                                    ),
                                  ),
                                );
                              },
                            ),
                          )
                        : Text(
                            template['desc'],
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                              fontSize: 12.sp,
                              color: Colors.grey[600],
                            ),
                          ),
                  ],
                ),
              ),
            ),
            if (widget.lastTemplateId == template['id'])
              Positioned(
                top: 0,
                left: 0,
                child: Container(
                  padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 1.w),
                  decoration: BoxDecoration(
                    color: Colors.blue,
                    borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(12.w),
                      bottomRight: Radius.circular(4.w),
                    ),
                  ),
                  child: Text(
                    '上次使用',
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 12.sp,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ),
              ),
            if (_templateData['id'] == template['id'])
              Positioned(
                right: -18.w,
                bottom: -18.w,
                child: Container(
                  width: 40.w,
                  height: 40.w,
                  padding: EdgeInsets.all(2.w),
                  alignment: Alignment.topLeft,
                  decoration: BoxDecoration(
                    color: Colors.pinkAccent,
                    borderRadius: BorderRadius.circular(40.r),
                  ),
                  child: Icon(
                    Icons.check,
                    color: Colors.white,
                    size: 18.w,
                  ),
                ),
              ),
          ],
        ),
      ),
    );
  }
}