import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'package:flutter_icons/flutter_icons.dart';
import 'package:get/get.dart';

import 'package:akuCommunity/base/assets_image.dart';
import 'package:akuCommunity/base/base_style.dart';
import 'package:akuCommunity/routers/page_routers.dart';
import 'package:akuCommunity/utils/headers.dart';
import 'package:akuCommunity/widget/bee_scaffold.dart';
import 'widget/refund_shop_card.dart';

class EvaluateGoodPage extends StatefulWidget {
  final Bundle bundle;
  EvaluateGoodPage({Key key, this.bundle}) : super(key: key);

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

class _EvaluateGoodPageState extends State<EvaluateGoodPage> {
  TextEditingController _evaluateContent = new TextEditingController();
  String hintText = '请您从多个角度评价该商品';
  List<Map<String, dynamic>> _listRadio = [
    {'radioName': '好评', 'isCheck': false},
    {'radioName': '中评', 'isCheck': false},
    {'radioName': '差评', 'isCheck': false}
  ];

  Container _containerContentList(List<Map<String, dynamic>> listContent) {
    return Container(
      child: Column(
        children: listContent
            .map((item) => RefundShopCard(
                  imagePath: item['imagePath'],
                  content: item['content'],
                  specs: item['specs'],
                ))
            .toList(),
      ),
    );
  }

  Container _containerRadio() {
    return Container(
      margin: EdgeInsets.only(
        top: 8.w,
      ),
      padding: EdgeInsets.only(
        left: 32.w,
      ),
      child: Row(
        children: [
          Text(
            '描述相符',
            style:
                TextStyle(fontSize: BaseStyle.fontSize28, color: ktextPrimary),
          ),
          SizedBox(width: 34.w),
          Row(
            children: _listRadio
                .map((item) => Container(
                      margin: EdgeInsets.only(left: 44.w),
                      child: InkWell(
                        onTap: () {
                          setState(() {
                            _listRadio.forEach((item) {
                              item['isCheck'] = false;
                            });
                            item['isCheck'] = true;
                          });
                        },
                        child: Row(
                          children: [
                            Icon(
                              Icons.radio_button_checked,
                              size: BaseStyle.fontSize36,
                              color: item['isCheck']
                                  ? BaseStyle.colorff8500
                                  : BaseStyle.colord8d8d8,
                            ),
                            SizedBox(width: 16.w),
                            Text(
                              item['radioName'],
                              style: TextStyle(
                                fontSize: BaseStyle.fontSize28,
                                color: item['isCheck']
                                    ? BaseStyle.colorff8500
                                    : BaseStyle.colord8d8d8,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ))
                .toList(),
          ),
        ],
      ),
    );
  }

  Container _containerEvaluateTextField() {
    return Container(
      margin: EdgeInsets.only(
        top: 70.w,
      ),
      padding: EdgeInsets.only(
        top: 22.w,
        left: 32.w,
        right: 32.w,
      ),
      color: Colors.white,
      child: Container(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextFormField(
              cursorColor: Color(0xffffc40c),
              style: TextStyle(
                fontSize: BaseStyle.fontSize34,
              ),
              controller: _evaluateContent,
              onChanged: (String value) {},
              maxLines: 8,
              decoration: InputDecoration(
                isDense: true,
                contentPadding: EdgeInsets.only(
                  top: 0.w,
                  bottom: 0.w,
                ),
                hintText: hintText,
                border: InputBorder.none, //去掉输入框的下滑线
                fillColor: Colors.white,
                filled: true,
                hintStyle: TextStyle(
                  color: BaseStyle.color999999,
                  fontSize: BaseStyle.fontSize28,
                  fontWeight: FontWeight.normal,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Container _containerAddImage() {
    return Container(
      padding:
          EdgeInsets.only(left: 36.w, right: 36.w, top: 32.w, bottom: 24.w),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            '添加图片信息(0/9)',
            style:
                TextStyle(fontSize: BaseStyle.fontSize28, color: ktextPrimary),
          ),
          SizedBox(height: 24.w),
          InkWell(
            onTap: () {},
            child: Container(
              width: 218.w,
              height: 218.w,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.all(Radius.circular(8)),
                border: Border.all(color: Color(0xffd4cfbe), width: 1.0),
                image: DecorationImage(
                    image: AssetImage(AssetsImage.IMAGEADD), fit: BoxFit.fill),
              ),
              // child: ,
            ),
          ),
        ],
      ),
    );
  }

  InkWell _inkWellRelease() {
    return InkWell(
      child: Container(
        alignment: Alignment.center,
        height: 85.w,
        width: 686.w,
        padding: EdgeInsets.symmetric(
          vertical: 20.w,
        ),
        decoration: BoxDecoration(
            color: Color(0xffffc40c),
            borderRadius: BorderRadius.all(Radius.circular(4))),
        child: Text(
          '发布',
          style: TextStyle(
              fontWeight: FontWeight.w600,
              fontSize: BaseStyle.fontSize32,
              color: ktextPrimary),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    double _statusHeight = MediaQuery.of(context).padding.top;
    return BeeScaffold(
      leading: IconButton(
        icon: Icon(AntDesign.left, size: 40.sp),
        onPressed: () {
          Get.back();
        },
      ),
      title: '发表评价',
      body: SingleChildScrollView(
        child: Container(
          height: MediaQuery.of(context).size.height -
              kToolbarHeight -
              _statusHeight,
          child: GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: () {
              FocusScope.of(context).requestFocus(FocusNode());
            },
            child: Column(
              children: [
                Container(
                  margin: EdgeInsets.only(
                    top: 21.w,
                    left: 24.w,
                    right: 24.w,
                  ),
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(4)),
                    boxShadow: <BoxShadow>[
                      BoxShadow(
                          color: Colors.grey.withOpacity(0.1),
                          offset: Offset(1, 1),
                          blurRadius: 10.0),
                    ],
                  ),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      _containerContentList(
                          widget.bundle.getMap('details')['listContent']),
                      _containerRadio(),
                      _containerEvaluateTextField(),
                      _containerAddImage(),
                    ],
                  ),
                ),
                SizedBox(height: 26.w),
                _inkWellRelease(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}