import 'package:flutter/material.dart';
import 'package:flutter_wisetronic/generated/l10n.dart';
import 'package:flutter_wisetronic/widgets/general/text_link.dart';

class DesktopIndexMainContent3 extends StatefulWidget {
  final Map<String, dynamic> content;
  const DesktopIndexMainContent3(this.content, {Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return DesktopIndexMainContent3State();
  }
}

class DesktopIndexMainContent3State extends State<DesktopIndexMainContent3> {
  double sideSpace = 0;
  double mainSpace = 1200;

  @override
  Widget build(BuildContext context) {
    if (widget.content == null) {
      return Container();
    }
    if (MediaQuery.of(context).size.width <= 1200) {
      mainSpace = MediaQuery.of(context).size.width;
      sideSpace = 0;
    } else {
      mainSpace = 1200;
      sideSpace = (MediaQuery.of(context).size.width - 1200) / 2;
    }
    return Container(
      width: MediaQuery.of(context).size.width,
      margin: EdgeInsets.only(top: 20.0),
      padding: EdgeInsets.symmetric(vertical: 20.0, horizontal: 20.0),
      decoration: BoxDecoration(
        color: Color(0xff262626),
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            child: Text(
              S.of(context).information,
              style: TextStyle(
                fontSize: 16.0,
                fontWeight: FontWeight.bold,
                color: Colors.white70,
              ),
            ),
          ),
          Container(
            child: Row(
              children: [
                TextLink(S.of(context).service_policy, '/service_policy', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).return_policy, '/return_policy', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).privacy_policy, '/privacy_policy', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).license_agreement, '/license_agreement', paddingVertical: 5.0, paddingHorizontal: 10.0,)
              ],
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 12.0),
            child: Text(
              S.of(context).support,
              style: TextStyle(
                fontSize: 16.0,
                fontWeight: FontWeight.bold,
                color: Colors.white70,
              ),
            ),
          ),
          Container(
            child: Row(
              children: [
                TextLink(S.of(context).wiki, '/wiki', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).support_ticket, '/support_ticket', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).contact_us, '/contact_us', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).about_us, '/about_us', paddingVertical: 5.0, paddingHorizontal: 10.0,),
                TextLink(S.of(context).renew_license, '/renew_license', paddingVertical: 5.0, paddingHorizontal: 10.0,)
              ],
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 12.0),
            child: Text(
              S.of(context).developer_of,
              style: TextStyle(
                fontSize: 16.0,
                fontWeight: FontWeight.bold,
                color: Colors.white70,
              ),
            ),
          ),
          Container(
            child: Row(
              children: [
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe800,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe801,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe802,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe803,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe804,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
                Container(
                  padding: EdgeInsets.all(10.0),
                  child: Icon(
                    IconData(
                        0xe805,
                        fontFamily: 'company',
                        fontPackage: null
                    ),
                    color: Colors.white24,
                    size: 48.0,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

}