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:diplomaticquarterapp/uitl/date_uitl.dart';

class ChildPage extends StatefulWidget {
//final List<List_BabyInformationModel> babyInformationModelList;

  //  ChildPage({Key key, this.babyInformationModelList}) ;

  @override
  _ChildPageState createState() => _ChildPageState();
}

class _ChildPageState extends State<ChildPage> with SingleTickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    var checkedValue= true;
    return BaseView<ChildVaccinesViewModel>(
        onModelReady: (model) => model.getBabyInformatioRequestOrders(),//model.getCOC(),getFindUsRequestOrders()
    builder: (_, model, widget) => AppScaffold(
      isShowAppBar: true,
      appBarTitle: " Vaccination",
    baseViewModel: model,
    body: SingleChildScrollView(
        child: Container(
        margin: EdgeInsets.only(left: 15,right: 15,top: 70),
    child: Column(
      children: [
        ...List.generate(model.babyInformationModelList.length, (index) =>
            Container(
          decoration: BoxDecoration(
            shape: BoxShape.rectangle,
            border: Border.all(color: Colors.white, width: 0.5),
            borderRadius: BorderRadius.all(Radius.circular(5)),
            color: Colors.white,

          ),
           width: 150,
           child: Column(

             children: [
              Row(children:[Texts("CHILD NAME"),]),
               Row(children:[Texts(model.babyInformationModelList[index].babyName),]),

               Row(
                 children: [IconButton(
                   icon: new Image.asset('assets/images/new-design/female.png'),
                   tooltip: 'Increase volume by 10',
                   onPressed: () {
                     setState(() {
                       //  _volume += 10;
                       //  launch("tel://" +model.FindusHospitalModelList[index].phoneNumber);
                     });
                   },
                 ),
                   Texts(model.babyInformationModelList[index].babyName),
                   IconButton(
                     icon: Icon(Icons.remove_red_eye_outlined,color: Colors.red,),
                     tooltip: 'Increase volume by 10',
                     onPressed: () {
                       setState(() {
                         //  _volume += 10;
                         //  launch("tel://" +model.FindusHospitalModelList[index].phoneNumber);
                       });
                     },
                   )]
               ),
               Row(children:[Texts("Birthday"),]),
               Row(children:[IconButton(
                 icon: new Image.asset('assets/images/new-design/calender-secondary.png'),
                 tooltip: 'Increase volume by 10',
                 onPressed: () {
                   setState(() {
                     //  _volume += 10;
                     //  launch("tel://" +model.FindusHospitalModelList[index].phoneNumber);
                   });
                 },
               ),
                 Texts(DateUtil.yearMonthDay(model.babyInformationModelList[index].dOB)),]),
               Row(children:[IconButton(
                 icon: new Image.asset('assets/images/new-design/garbage.png'),
                 tooltip: '',
                 onPressed: () {
                   setState(() {
                     //  _volume += 10;
                     //  launch("tel://" +model.FindusHospitalModelList[index].phoneNumber);
                   });
                 },
               ),
                 Texts("Birthday"),]),
             ],
           )


        )

        )

      ],


    )
        )
    ),
      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 NEW CHILD ",
          //
          onTap: () => Navigator.push(
            context,
            FadePage(
              page: AddNewChildPage(),

              //ChildPage(babyInformationModelList:model.BabyInformationModelList)
              // HospitalsPage(
              //   findusHospitalModelList: model.FindusHospitalModelList,
              // )

            ),
          ),


        ),
      ),
    )
    );
  }
}