mobile_skt/lib/screens/sale_quotation/components/sale_quotation_drawer.dart

import 'package:collection/collection.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:get/get.dart';
import 'package:sk_base_mobile/app_theme.dart';
import 'package:sk_base_mobile/models/sale_quotation_template.model.dart';
import 'package:sk_base_mobile/router/router.util.dart';
import 'package:sk_base_mobile/screens/sale_quotation/sale_quotation.controller.dart';
import 'package:sk_base_mobile/util/modal.util.dart';
import 'package:sk_base_mobile/util/screen_adaper_util.dart';
import 'package:sk_base_mobile/util/snack_bar.util.dart';
import 'package:sk_base_mobile/widgets/core/sk_flat_button.dart';
import 'package:sk_base_mobile/widgets/core/sk_ink.dart';
import 'package:sk_base_mobile/widgets/form_item/sk_text_input.dart';
import 'package:sk_base_mobile/widgets/core/sk_appbar.dart';

class SaleQuotationEndDrawer extends StatelessWidget {
  final controller = Get.find<SaleQuotationController>();
  SaleQuotationEndDrawer({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: const SkAppbar(title: '', hideLeading: true),
      body: buildBody(),
    );
  }

  Widget buildBody() {
    return Column(
      children: [
        buildToolbar(),
        Expanded(
          child: buildTemplatePicker(),
        ),
        buildAction()
      ],
    );
  }

  Widget buildAction() {
    return Row(
      children: [
        Expanded(
            child: SkFlatButton(
          color: AppTheme.dangerColor,
          onPressed: () {
            controller.clearWorkbench();
            RouterUtil.back();
          },
          icon: Icon(
            Icons.delete,
            color: AppTheme.nearlyWhite,
            size: ScreenAdaper.height(40),
          ),
          buttonText: '清空工作区',
        )),
        Expanded(
            child: SkFlatButton(
          onPressed: () async {
            if (controller.templateName.value != '默认') {
              await RouterUtil.back();
              await controller.saveToDatabase();
            } else {
              templateNameDialog();
            }

            // final isSuccessed = await controller.saveToDatabase();
            // if (isSuccessed) await RouterUtil.back();
          },
          icon: Icon(
            Icons.save,
            color: AppTheme.nearlyWhite,
            size: ScreenAdaper.height(40),
          ),
          buttonText: '保存模板',
        ))
      ],
    );
  }

  Widget buildToolbar() {
    return Container(
      decoration: BoxDecoration(
          color: AppTheme.nearlyWhite,
          borderRadius: BorderRadius.circular(ScreenAdaper.sp(20))),
      margin: EdgeInsets.symmetric(
          horizontal: ScreenAdaper.height(20),
          vertical: ScreenAdaper.height(20)),
      child: Column(
        children: [
          buildGroupHeader('工具栏'),
          Row(
              children: controller.menus
                  .mapIndexed(
                      (index, item) => Expanded(child: buildItem(index)))
                  .toList())
        ],
      ),
    );
  }

  Widget buildGroupHeader(String text) {
    return Container(
      padding: EdgeInsets.only(
          right: ScreenAdaper.width(20),
          left: ScreenAdaper.width(20),
          top: ScreenAdaper.height(20)),
      alignment: Alignment.centerLeft,
      child: Text(
        text,
        style: TextStyle(
            fontSize: ScreenAdaper.height(25), color: Colors.grey[600]),
      ),
    );
  }

  Widget buildItem(int index) {
    return SkInk(
      onTap: () {
        // final route = RouteConfig.getPages
        //     .map((e) => e.name)
        //     .firstWhereOrNull((name) => name == controller.menus[index].route);
        // if (route != null) {
        // } else {
        //   SnackBarUtil().info('您没有权限，请联系管理员。后期会隐藏没有权限的功能');
        // }
      },
      child: Container(
        alignment: Alignment.center,
        padding: EdgeInsets.only(
            top: ScreenAdaper.height(20), bottom: ScreenAdaper.height(20)),
        child: Column(
          children: [
            SvgPicture.asset(
              'assets/icons/${controller.menus[index].icon}',
              width: ScreenAdaper.width(75),
              height: ScreenAdaper.width(75),
            ),
            SizedBox(
              height: ScreenAdaper.height(10),
            ),
            Text(
              controller.menus[index].title,
              style: TextStyle(
                fontSize: ScreenAdaper.height(22),
              ),
            )
          ],
        ),
      ),
    );
  }

  Widget buildTemplatePicker() {
    return Obx(() => Container(
          decoration: BoxDecoration(
              color: AppTheme.nearlyWhite,
              borderRadius: BorderRadius.circular(ScreenAdaper.sp(20))),
          margin: EdgeInsets.only(
              left: ScreenAdaper.height(20),
              right: ScreenAdaper.height(20),
              bottom: ScreenAdaper.height(20)),
          child: Column(
            children: [
              buildGroupHeader('请选择模板'),
              SizedBox(
                height: ScreenAdaper.height(10),
              ),
              Expanded(
                  child: ListView(
                padding:
                    EdgeInsets.symmetric(horizontal: ScreenAdaper.height(20)),
                children: controller.templates
                    .mapIndexed((int index, element) =>
                        buildTemplateItem(element, index))
                    .toList(),
              ))
            ],
          ),
        ));
  }

  Widget buildTemplateItem(SaleQuotationTemplateModel element, int index) {
    return SkInk(
      onTap: () async {
        await Future.delayed(const Duration(milliseconds: 150));
        controller.changeTemplate(element);
        await RouterUtil.back();
      },
      margin: EdgeInsets.symmetric(
          horizontal: ScreenAdaper.width(10),
          vertical: ScreenAdaper.height(10)),
      border: Border.all(color: AppTheme.dividerColor),
      borderRadius: BorderRadius.circular(ScreenAdaper.sp(15)),
      child: Container(
        padding: EdgeInsets.symmetric(
            vertical: ScreenAdaper.height(20),
            horizontal: ScreenAdaper.width(20)),
        child: Row(children: [
          Expanded(
              child: Text(
            '${element.name}',
            style: TextStyle(fontSize: ScreenAdaper.height(25)),
          )),
          SkInk(
            onTap: () {
              templateNameDialog(title: element.name);
            },
            child: Icon(
              Icons.edit,
              color: Colors.grey[600],
              size: ScreenAdaper.height(40),
            ),
          ),
          SizedBox(
            width: ScreenAdaper.width(10),
          ),
          SkInk(
            color: Colors.transparent,
            onTap: () {
              ModalUtil.alert(
                  title: '删除模板',
                  content: Text(
                    '确定删除模板${element.name}吗？',
                    style: TextStyle(fontSize: ScreenAdaper.height(30)),
                  ),
                  onConfirm: () async {
                    await controller.deleteTemplate(element.id!);
                    controller.templates.removeAt(index);
                  });
            },
            child: Icon(
              Icons.delete,
              color: Colors.grey[600],
              size: ScreenAdaper.height(40),
            ),
          ),
        ]),
      ),
    );
  }

  void templateNameDialog({String? title = ''}) {
    final textController = TextEditingController(text: title);
    Get.dialog(AlertDialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(ScreenAdaper.sp(20)),
      ),
      contentPadding: EdgeInsets.only(
          top: ScreenAdaper.height(10),
          right: ScreenAdaper.height(20),
          left: ScreenAdaper.height(20)),
      content: Column(mainAxisSize: MainAxisSize.min, children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            SkInk(
                onTap: () {
                  RouterUtil.back();
                },
                child: const Icon(Icons.close))
          ],
        ),
        SkTextInput(
          height: ScreenAdaper.height(100),
          textController: textController,
          customLabel: true,
          labelText: '模板名称',
        ),
        Row(
          children: [
            Expanded(
              child: TextButton(
                onPressed: () {
                  RouterUtil.back();
                },
                child: const Text(
                  '取消',
                  style: TextStyle(color: AppTheme.nearlyBlack),
                ),
              ),
            ),
            Expanded(
                child: TextButton(
              onPressed: () async {
                if (textController.text.isEmpty) {
                  SnackBarUtil().error('模板名不能为空');
                  return;
                }
                controller.templateName.value = textController.text;
                await RouterUtil.back();
                await controller.saveToLocal();
                await controller.saveToDatabase();
                await controller.getTemplates();
              },
              child: const Text('确定'),
            ))
          ],
        )
      ]),
    ));
  }
}

// class SaleQuotationDrawerController extends GetxController{

// }