import 'package:diplomaticquarterapp/core/model/childvaccines/List_BabyInformationModel.dart';
import 'package:diplomaticquarterapp/core/viewModels/child_vaccines/child_vaccines_view_model.dart';
import 'package:diplomaticquarterapp/pages/ChildVaccines/add_newchild_page.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.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:flutter_datetime_picker/flutter_datetime_picker.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/CalendarUtils.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';

import 'new_text_Field.dart';

enum Gender { Male, Female, NON }
enum BeneficiaryType { MyAccount, MyFamilyFiles, OtherAccount, NON }

class AddNewChildPage extends StatefulWidget {
  @override
  _AddNewChildPageState createState() => _AddNewChildPageState();
}

class _AddNewChildPageState extends State<AddNewChildPage> {
  int tappedIndex;
  int checkedValue;

  @override
  void initState() {
    super.initState();
    tappedIndex = -1;
  }

  TextEditingController _firstTextController = TextEditingController();
  TextEditingController _secondTextController = TextEditingController();
  TextEditingController _notesTextController = TextEditingController();
  BeneficiaryType beneficiaryType = BeneficiaryType.NON;
  Gender gender = Gender.Male;
  ChildVaccinesViewModel AddvancedModel = ChildVaccinesViewModel();

  @override
  Widget build(BuildContext context) {

    return AppScaffold(
      isShowAppBar: true,
      appBarTitle: "Vaccintion",
      body: SingleChildScrollView(
        physics: ScrollPhysics(),
        child: Container(
          margin: EdgeInsets.all(12),
          child: Column(
           // crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              SizedBox(
                height: 50,
              ),
              Texts(
                "Add the child's information below to recieve the schedule of vaccinations.", //+model.user.firstName,
                textAlign: TextAlign.center,
              ),
              SizedBox(
                height: 12,
              ),
              NewTextFields(
                hintText: "First Name",
                controller: _firstTextController,
              ),
              SizedBox(
                height: 12,
              ),
              NewTextFields(
                hintText: "Second Name",
                controller: _secondTextController,
              ),
              SizedBox(
                height: 12,
              ),
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                Text(
                  "Gender:",
                  textAlign: TextAlign.end,

                ),
              ],),
              Container(
                height: MediaQuery.of(context).size.height * 0.12,
                width: double.infinity,
                padding: EdgeInsets.all(12),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.stretch,
                  mainAxisAlignment: MainAxisAlignment.center,


                  children: [

                    Container(
                      height: MediaQuery.of(context).size.height * 0.12,
                      width: 170,
                      child: SecondaryButton(

                        textColor:checkedValue == 1
                            ? Colors.white
                            : Colors.black,
                        color: checkedValue == 1
                            ? Colors.red
                            : Colors.white,

                        label: "Male",
                        //
                        onTap: () {
                          // bloodDetails.city=_selectedHospital.toString();
                          setState(() {
                            checkedValue=1;
                            print("checkedValue="+checkedValue.toString());
                          });

                          // bloodDetails.
                        },
                      ),
                    ),
                    Container(
                      height: MediaQuery.of(context).size.height * 0.12,
                      width: 170,
                      child: SecondaryButton(
                        textColor:checkedValue == 2
                            ? Colors.white
                            : Colors.black,
                        color: checkedValue == 2
                            ? Colors.red
                            : Colors.white,
                        label: "Female",
                        //
                        onTap: () {
                          setState(() {
                            checkedValue=2;
                            print("checkedValue="+checkedValue.toString());
                          });
                          // bloodDetails.city=_selectedHospital.toString();

                          // bloodDetails.
                        },
                      ),
                    )
                  ],) ,
              ),
            //==========
              SizedBox(
                height: 6,
              ),
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "Date Of Birth::",
                    textAlign: TextAlign.end,

                  ),
                ],),
              InkWell(
                onTap: () {
                  DatePicker.showDatePicker(context,
                      showTitleActions: true,
                      minTime: DateTime(
                          DateTime.now().year, DateTime.now().month - 1, 1),
                      maxTime: DateTime.now(), onConfirm: (date) {
                        setState(() {
                        //  widget.startDay = date;
                        });
                      },
                    //  currentTime: widget.startDay,
                     // locale: projectViewModel.localeType
                  );
                },
                child: Container(
                  padding: EdgeInsets.all(12),
                  width: double.infinity,
                  height: 65,
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(12),
                      color: Colors.white),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Texts( DateUtil.yearMonthDay(DateTime.now())
                          //getStartDay()
                      ),
                      Icon(
                        Icons.calendar_today,
                        color: Colors.black,
                      )
                    ],
                  ),
                ),
              ),
              SizedBox(
                height: 12,
              ),
              //=========

            ],
          ),
        ),
      ),
      bottomSheet: Container(
        height: MediaQuery.of(context).size.height * 0.12,
        width: double.infinity,
        padding: EdgeInsets.all(12),
        child: SecondaryButton(
          textColor: Colors.white,
          color: checkedValue == false
              ? Colors.white24
              : Color.fromRGBO(
                  63,
                  72,
                  74,
                  1,
                ),
          label: "Add",
          //
          onTap: () {
            // bloodDetails.city=_selectedHospital.toString();

            // bloodDetails.
          },
        ),

      ),
    );
  }
}