import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';

class SystemMessagePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _SystemMessagePage();
  }
}

class _SystemMessagePage extends State<SystemMessagePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          S.of(context).xitongxiaoxi,
          style: TextStyle(color: Colors.black),
        ),
        centerTitle: false,
        backgroundColor: Color(0xFFF7F7F7),
        elevation: 0,
        leading: GestureDetector(
          onTap: () {
            Navigator.of(context).pop();
          },
          child: Container(
            alignment: Alignment.centerRight,
            margin: EdgeInsets.only(left: 10),
            padding: EdgeInsets.all(6),
            child: Icon(
              Icons.arrow_back_ios,
              color: Colors.black,
              size: 24,
            ),
          ),
        ),
        titleSpacing: 2,
        leadingWidth: 56,
      ),
      body: Container(
        margin: EdgeInsets.only(top: 16),
        child: ListView.builder(
            itemCount: 3,
            itemBuilder: (context, position) {
              return GestureDetector(
                onTap: () {
                  Navigator.of(context).pushNamed('/router/exchange_order_details');
                },
                child: buildMessageItem(),
              );
            }),
      ),
    );
  }

  Widget buildMessageItem() {
    return Container(
      margin: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 8),
      padding: EdgeInsets.all(20),
      decoration: BoxDecoration(
          color: Colors.white,
          boxShadow: [
            BoxShadow(
                color: Colors.black.withAlpha(12),
                offset: Offset(0, 3),
                blurRadius: 14,
                spreadRadius: 0)
          ],
          borderRadius: BorderRadius.all(Radius.circular(8))),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Row(
                children: [
                  Image.asset(
                    "assets/image/icon_system_notices.png",
                    width: 24,
                    height: 24,
                  ),
                  SizedBox(
                    width: 4,
                  ),
                  Text(
                    S.of(context).xitongtongzhi,
                    style: TextStyle(
                        fontSize: 14,
                        fontWeight: FontWeight.bold,
                        color: Color(0xFF060606)),
                  )
                ],
              ),
              Text(
                "2021.03.08 13:22",
                style: TextStyle(fontSize: 10, color: Color(0xFFA29E9E)),
              ),
            ],
          ),
          Container(
            margin: EdgeInsets.only(left: 28, top: 12),
            child: Text(
              S.of(context).ninyouyigexindedingdan,
              style: TextStyle(fontSize: 10, color: Color(0xFF353535)),
            ),
          ),
          Container(
            margin: EdgeInsets.only(left: 28, top: 22),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text(
                  S.of(context).chakangengduo,
                  style: TextStyle(
                      fontSize: 12,
                      fontWeight: FontWeight.bold,
                      color: Color(0xFF353535)),
                ),
                Icon(
                  Icons.keyboard_arrow_right,
                  color: Colors.black,
                )
              ],
            ),
          )
        ],
      ),
    );
  }
}