import 'dart:ui' as ui;

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:aslan/app_localizations.dart';
import 'package:aslan/chatvibe_ui/components/appbar/chatvibe_appbar.dart';
import 'package:aslan/chatvibe_ui/components/text/at_text.dart';
import 'package:aslan/chatvibe_ui/theme/chatvibe_theme.dart';

import 'package:aslan/chatvibe_ui/components/at_compontent.dart';
import 'package:aslan/chatvibe_ui/components/at_page_list.dart';
import 'package:aslan/chatvibe_core/constants/at_screen.dart';
import 'package:aslan/chatvibe_core/utilities/at_date_utils.dart';
import 'package:aslan/chatvibe_data/sources/repositories/family_repository_impl.dart';
import 'package:aslan/chatvibe_domain/models/res/at_family_news_list_res.dart';

class FamilyNewsPage extends ATPageList {
  String familyId = "";
  String familyAnnouncement = "";

  @override
  _FamilyNewsPageState createState() =>
      _FamilyNewsPageState(familyId, familyAnnouncement);

  FamilyNewsPage(this.familyId, this.familyAnnouncement);
}

class _FamilyNewsPageState extends ATPageListState<Records, FamilyNewsPage> {
  String familyId = "";
  String familyAnnouncement = "";

  _FamilyNewsPageState(this.familyId, this.familyAnnouncement);

  @override
  void initState() {
    super.initState();
    backgroundColor = Colors.transparent;
    isShowFooter = false;
    padding = EdgeInsets.symmetric(horizontal: 10.w);
    loadData(1);
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Image.asset(
          "atu_images/family/at_icon_family_head_bg.png",
          fit: BoxFit.fitWidth,
        ),
        Scaffold(
          backgroundColor: Colors.transparent,
          resizeToAvoidBottomInset: false,
          appBar: ChatVibeStandardAppBar(
            title: "",
            actions: [],
            backButtonColor: Colors.white,
          ),
          body: SafeArea(
            top: false,
            child: Column(
              children: [
                SizedBox(height: 115.w),
                Expanded(
                  child: ClipRRect(
                    borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(12.w),
                      topRight: Radius.circular(12.w),
                    ),
                    child: BackdropFilter(
                      filter: ui.ImageFilter.blur(sigmaX: 18, sigmaY: 18),
                      child: Container(
                        alignment: Alignment.center,
                        color: Colors.white10,
                        child: Column(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            SizedBox(height: 15.w),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                text(
                                  ATAppLocalizations.of(context)!.familyNews,
                                  fontSize: 15.sp,
                                  fontWeight: FontWeight.w600,
                                  textColor: Colors.white,
                                ),
                              ],
                            ),
                            SizedBox(height: 20.w),
                            Row(
                              children: [
                                SizedBox(width: 10.w),
                                Container(
                                  height: 22.w,
                                  width: 4.w,
                                  decoration: BoxDecoration(
                                    gradient: LinearGradient(
                                      colors: [
                                        Color(0xffC670FF),
                                        Color(0xff7726FF),
                                      ],
                                    ),
                                    borderRadius: BorderRadius.circular(2.w),
                                  ),
                                ),
                                SizedBox(width: 10.w),
                                text(
                                  "${ATAppLocalizations.of(context)!.familyAnnouncement}:",
                                  textColor: Colors.white,
                                  fontWeight: FontWeight.w600,
                                  fontSize: 14.sp,
                                ),
                              ],
                            ),
                            SizedBox(height: 10.w),
                            Container(
                              margin: EdgeInsets.symmetric(horizontal: 15.w),
                              // 外部容器用于实现渐变边框
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(8.w),
                                // 渐变色边框
                                gradient: LinearGradient(
                                  colors: [
                                    Color(0xffcecece), // 渐变色1
                                    Color(0xff5b5b5b), // 渐变色2
                                    Color(0xffcecece), // 渐变色3
                                  ],
                                  begin: Alignment.topCenter,
                                  end: Alignment.bottomCenter,
                                ),
                              ),
                              // 内部留白（边框宽度）
                              padding: EdgeInsets.all(0.5.w), // 边框宽度
                              child: Stack(
                                alignment: AlignmentDirectional.bottomEnd,
                                children: [
                                  Container(
                                    padding: EdgeInsets.only(
                                      top: width(12),
                                      left: width(12),
                                      right: width(12),
                                      bottom: width(12),
                                    ),
                                    alignment: AlignmentDirectional.topStart,
                                    height: 125.w,
                                    decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(
                                        7.5.w,
                                      ),
                                      // 比外圆角小边框宽度
                                      color: Colors.black87, // 背景色
                                    ),
                                    child: SingleChildScrollView(
                                      child: text(
                                        (familyAnnouncement ?? "").isEmpty
                                            ? ATAppLocalizations.of(
                                          context,
                                        )!.welcomeToMyFamily
                                            : familyAnnouncement ?? "",
                                        fontSize: 14.sp,
                                        maxLines: 5,
                                        textColor: Colors.white,
                                      ),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(height: 20.w),
                            Row(
                              children: [
                                SizedBox(width: 10.w),
                                Container(
                                  height: 22.w,
                                  width: 4.w,
                                  decoration: BoxDecoration(
                                    gradient: LinearGradient(
                                      colors: [
                                        Color(0xffC670FF),
                                        Color(0xff7726FF),
                                      ],
                                    ),
                                    borderRadius: BorderRadius.circular(2.w),
                                  ),
                                ),
                                SizedBox(width: 10.w),
                                text(
                                  "${ATAppLocalizations.of(context)!.familyNotifcations}:",
                                  textColor: Colors.white,
                                  fontWeight: FontWeight.w600,
                                  fontSize: 14.sp,
                                ),
                              ],
                            ),
                            SizedBox(height: 20.w),
                            Expanded(child: buildList(context)),
                            SizedBox(height: 6.w),
                          ],
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  @override
  Widget buildItem(Records res) {
    return Column(
      children: [
        Row(
          children: [
            Expanded(
              child: text(
                res.content ?? "",
                fontSize: 14.sp,
                fontWeight: FontWeight.w600,
                textColor: Colors.white,
                maxLines: 3,
              ),
            ),
          ],
        ),

        Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            text(
              ATMDateUtils.formatDateTime2(
                DateTime.fromMillisecondsSinceEpoch(res.createTime ?? 0),
              ),
            ),
          ],
        ),
      ],
    );
  }

  @override
  builderDivider() {
    return Divider(height: 25.w, thickness: 0.2.w, color: ChatVibeTheme.dividerColor);
  }

  @override
  empty() {
    return mainEmpty(
      textColor: Colors.white,
      msg: ATAppLocalizations.of(context)!.noData,
      image: Image.asset(
        "atu_images/general/at_icon_loading.png",
        width: 140.w,
        height: 140.w,
      ),
    );
  }

  ///加载数据
  @override
  loadPage({
    required int page,
    required Function(List<Records>) onSuccess,
    Function? onErr,
  }) async {
    try {
      var result = await GroupRepository().familyNewsList(
        familyId,
        pageNo: page,
      );
      onSuccess(result.records ?? []);
    } catch (e) {
      if (onErr != null) {
        onErr();
      }
    }
  }
}