import 'package:aku_new_community/base/base_style.dart';
import 'package:aku_new_community/constants/api.dart';
import 'package:aku_new_community/constants/app_theme.dart';
import 'package:aku_new_community/constants/saas_api.dart';
import 'package:aku_new_community/model/common/img_model.dart';
import 'package:aku_new_community/models/surrounding_enterprises/surrounding_enterprises_model.dart';
import 'package:aku_new_community/pages/surrounding_enterprises/surrounding_enterprises_detail_page.dart';
import 'package:aku_new_community/pages/things_page/widget/bee_list_view.dart';
import 'package:aku_new_community/utils/headers.dart';
import 'package:aku_new_community/widget/bee_scaffold.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:get/get.dart';

class SurroundingEnterprisesPage extends StatefulWidget {
  SurroundingEnterprisesPage({Key? key}) : super(key: key);

  @override
  _SurroundingEnterprisesPageState createState() =>
      _SurroundingEnterprisesPageState();
}

class _SurroundingEnterprisesPageState
    extends State<SurroundingEnterprisesPage> {
  EasyRefreshController _refreshController = EasyRefreshController();
  int _page = 1;
  int _size = 10;
  @override
  void initState() {
    super.initState();
    // Future.delayed(Duration(milliseconds: 0), () async {
    //   var agreement = await HiveStore.appBox?.get('IndustryCommitteePage') ?? false;
    //   if (!agreement) {
    //     await TipsDialog.tipsDialog();
    //     HiveStore.appBox!.put('IndustryCommitteePage',true);
    //   }
    // });
  }

  Widget _buildCard(SurroundingEnterprisesModel model) {
    return GestureDetector(
      onTap: () {
        Get.to(SurroundingEnterprisesDetailPage(
          surroundingEnterprisesModel: model,
        ));
      },
      child: Container(
        padding: EdgeInsets.all(20.w),
        color: Colors.white,
        height: 250.w,
        child: Row(
          //  .padding(EdgeInsets.all(20.w)).white.withRounded(value: 8.w).make()

          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            ClipRRect(
              borderRadius: BorderRadius.circular(4.w),
              child: FadeInImage.assetNetwork(
                placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
                image: SAASAPI.image(ImgModel.first(model.imgList)),
                height: 200.w,
                width: 240.w,
                fit: BoxFit.fill,
              ),
            ),
            24.wb,
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Container(
                  width: 440.w,
                  child: Text(
                    '${model.name}',
                    style: TextStyle(
                        fontSize: 30.sp,
                        fontWeight: FontWeight.bold,
                        color: ktextPrimary),
                    maxLines: 4,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
                20.hb,
                Container(
                  width: 440.w,
                  child: Text(
                    '${model.content}',
                    style: TextStyle(fontSize: 24.sp, color: ktextPrimary),
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
                Spacer(),
                Row(
                  children: [
                    '南宁人才公寓'.text.size(20.sp).color(ktextThirdColor).make(),
                    Spacer(),
                    '发布于：${model.getReleaseDate}'
                        .text
                        .size(20.sp)
                        .color(ktextThirdColor)
                        .make(),
                  ],
                )
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget build(BuildContext context) {
    return BeeScaffold(
      title: '周边企业',
      systemStyle: SystemStyle.genStyle(bottom: Color(0xFF2A2A2A)),
      body: BeeListView<SurroundingEnterprisesModel>(
        path: API.manager.surroundingEnterprises,
        extraParams: {'pageNum': _page, 'size': _size},
        convert: (model) {
          return model.rows
              .map((e) => SurroundingEnterprisesModel.fromJson(e))
              .toList();
        },
        controller: _refreshController,
        builder: (items) {
          return ListView.separated(
            padding: EdgeInsets.symmetric(vertical: 20.w),
            itemBuilder: (context, index) {
              return _buildCard(items[index]);
            },
            separatorBuilder: (context, index) => 20.hb,
            itemCount: items.length,
          );
        },
      ),
    );
  }
}