import 'package:electronic_assistant/base/base_page.dart';
import 'package:electronic_assistant/resource/assets.gen.dart';
import 'package:electronic_assistant/resource/colors.gen.dart';
import 'package:electronic_assistant/resource/string.gen.dart';
import 'package:electronic_assistant/utils/expand.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

import 'controller.dart';

class HomePage extends BasePage<HomePageController> {
  const HomePage({super.key});

  @override
  Widget? buildBody(BuildContext context) {
    return Stack(
      children: [
        buildBgBox(),
        buildTopGradient(),
        SafeArea(
          child: Column(
            children: [
              Container(
                width: 1.sw,
                padding: const EdgeInsets.all(12).w,
                child: buildOperationBar(),
              ),
              Expanded(
                  child: CustomScrollView(
                slivers: [
                  SliverToBoxAdapter(
                    child: Container(
                      padding: EdgeInsets.all(16),
                      color: Colors.blue,
                      child: Text('头部', style: TextStyle(color: Colors.white)),
                    ),
                  ),
                  SliverList(
                    delegate: SliverChildBuilderDelegate(
                      (context, index) {
                        return ListTile(
                          title: Text('Item $index'),
                        );
                      },
                      childCount: 20, // 列表项的数量
                    ),
                  ),
                  SliverToBoxAdapter(
                    child: Container(
                      padding: EdgeInsets.all(16),
                      color: Colors.green,
                      child: Text('尾部', style: TextStyle(color: Colors.white)),
                    ),
                  ),
                ],
              ))
            ],
          ),
        )
      ],
    );
  }

  Row buildOperationBar() {
    return Row(children: [
      GestureDetector(
        onTap: () {},
        child: Row(
          children: [
            SizedBox(
                width: 0.1.sw,
                height: 0.1.sw,
                child: Assets.images.iconHomeLogged.image()),
            SizedBox(width: 8.w),
            Text(StringName.homeGoLogin.tr,
                style: TextStyle(
                    fontWeight: FontWeight.bold,
                    fontSize: 15.sp,
                    color: ColorName.commonTxtColor))
          ],
        ),
      ),
      const Spacer(),
      GestureDetector(
          child: DecoratedBox(
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(16),
              ),
              child: Padding(
                padding:
                    const EdgeInsets.symmetric(horizontal: 8, vertical: 2).w,
                child: Row(
                  children: [
                    SizedBox(
                        width: 28.w,
                        height: 28.w,
                        child: Assets.images.iconCharge.image()),
                    SizedBox(width: 4.w),
                    SizedBox(
                        width: 28.w,
                        child: Assets.images.iconChargeTxt.image()),
                    SizedBox(
                        width: 12.w,
                        height: 12.w,
                        child: Assets.images.iconChargeArrow.image()),
                  ],
                ),
              )),
          onTap: () {})
    ]);
  }

  Container buildTopGradient() {
    return Container(
        width: 1.sw,
        height: 0.4444444444444444.sw,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: ['#E8EBFF'.toColor(), '#00E8EBFF'.toColor()],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
            stops: const [0.3, 1.0],
          ),
        ) // 其他子小部件
        );
  }

  DecoratedBox buildBgBox() {
    return DecoratedBox(
        decoration: BoxDecoration(color: '#F6F6F6'.toColor()),
        child: Container(
          height: double.infinity,
        ));
  }
}