import 'package:diplomaticquarterapp/pages/AlHabibMedicalService/h2o/h2o_page.dart';
import 'package:diplomaticquarterapp/widgets/buttons/secondary_button.dart';
import 'package:diplomaticquarterapp/widgets/data_display/CarouselSlider.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';

class H2OPageIndexPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
        isShowAppBar: true,
        appBarTitle: "Service Information",
        body: SingleChildScrollView(
            padding: EdgeInsets.all(12),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Texts(
                  "Water Tracker:",
                  fontWeight: FontWeight.normal,
                  fontSize: 25,
                  color: Hexcolor("#60686b"),
                ),
                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: SizedBox(
                    height: MediaQuery.of(context).size.height * 0.55,
                    width: MediaQuery.of(context).size.width * 0.50,
                    child: CarouselSlider(
                      imagesUrlList: [
                        "https://hmgwebservices.com/Images/MobileApp/images-info-home/referal/en/0.png",
                        "https://hmgwebservices.com/Images/MobileApp/images-info-home/referal/en/1.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: H2OPage())),
                    label: "Water Tracker",
                    textColor: Theme.of(context).backgroundColor),
              ),
            ],
          ),
        ));
  }
}