import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/buttons/secondary_button.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';
import 'cmc_page.dart';

class CMCIndexPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
        isShowAppBar: true,
        appBarTitle: TranslationBase.of(context).serviceInformation,
        body: SingleChildScrollView(
            padding: EdgeInsets.all(12),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Texts(
                  "CMC",
                  fontWeight: FontWeight.normal,
                  fontSize: 25,
                  color: Color(0xff60686b),
                ),
                SizedBox(
                  height: 12,
                ),
                Texts(
                  "This service is designed to help you to set drinking water goals and track the volume of water you are drinking on a daily basis. This service allows for schedule reminders and offers a basic statistical analysis of the amount of what you have consumed over the course of a day, week or month.",
                  fontWeight: FontWeight.normal,
                  fontSize: 17,
                ),
                SizedBox(
                  height: 22,
                ),
                Center(
                    child: Image.asset(
                        'assets/images/AlHabibMedicalService/Wifi-AR.png')),
                SizedBox(
                  height: 77,
                ),
              ],
            )),
        bottomSheet: Container(
          height: MediaQuery.of(context).size.height * 0.10,
          width: double.infinity,
          child: Column(
            children: <Widget>[
              Container(
                width: MediaQuery.of(context).size.width * 0.9,
                child: SecondaryButton(
                    onTap: () => Navigator.push(
                          context,
                          FadePage(
                            page: CMCPage(),
                          ),
                        ),
                    label: "CMC",
                    textColor: Theme.of(context).backgroundColor),
              ),
            ],
          ),
        ));
  }
}