import 'package:doctor_app_flutter/core/enum/filter_type.dart';
import 'package:doctor_app_flutter/screens/patients/profile/soap_update/shared_soap_widgets/bottom_sheet_title.dart';
import 'package:doctor_app_flutter/util/date-utils.dart';
import 'package:doctor_app_flutter/util/helpers.dart';
import 'package:doctor_app_flutter/util/translations_delegate_base.dart';
import 'package:doctor_app_flutter/widgets/shared/app_scaffold_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/buttons/app_buttons_widget.dart';
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';
import '../../../../core/viewModel/profile/pharmacy_intervention_view_model.dart';
import '../../../../models/patient/patiant_info_model.dart';
import '../../../base/base_view.dart';
import 'intervention_medication.dart';

class PharmacyInterventionScreen extends StatefulWidget {
  final OutPatientFilterType outPatientFilterType;

  const PharmacyInterventionScreen(
      {Key key, this.outPatientFilterType, })
      : super(key: key);

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

class _PharmacyInterventionScreenState extends State<PharmacyInterventionScreen> {
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final routeArgs = ModalRoute.of(context).settings.arguments as Map;
    PatiantInformtion patient = routeArgs['patient'];
    return BaseView<PharmacyInterventionViewModel>(
      builder: (_, model, w) =>AppScaffold(
          isShowAppBar: false,
          backgroundColor: Theme.of(context).scaffoldBackgroundColor,
          body: SingleChildScrollView(
            child: Container(
              height: MediaQuery.of(context).size.height * 1.0,
              child: Padding(
                padding: EdgeInsets.all(0.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    BottomSheetTitle(
                      title: (OutPatientFilterType.Previous ==
                          widget.outPatientFilterType)
                          ? ""
                          : "                          New Medication",
                    ),
                    SizedBox(
                      height: 10.0,
                    ),
                    Center(
                      child: FractionallySizedBox(
                        widthFactor: 0.9,
                        child: Column(
                          children: [
                            Container(
                              color: Colors.white,
                              child: InkWell(
                                onTap: () => selectDate(context,model,
                                    firstDate:
                                    getFirstDate(widget.outPatientFilterType),
                                    lastDate:
                                    getLastDate(widget.outPatientFilterType)),
                                child: TextField(
                                  decoration: textFieldSelectorDecoration(
                                      TranslationBase.of(context).fromDate,
                                      model
                                          .selectedFromDate !=
                                          null
                                          ? "${AppDateUtils.convertStringToDateFormat(model.selectedFromDate.toString(), "yyyy-MM-dd")}"
                                      : null,
                                      true,
                                      suffixIcon: Icon(
                                        Icons.calendar_today,
                                        color: Colors.black,
                                      )),
                                  enabled: false,
                                ),
                              ),
                            ),
                            SizedBox(
                              height: 10,
                            ),
                            Container(
                              color: Colors.white,
                              child: InkWell(
                                onTap: () => selectDate(context,model,
                                    isFromDate: false,
                                    firstDate:
                                    getFirstDate(widget.outPatientFilterType),
                                    lastDate:
                                    getLastDate(widget.outPatientFilterType)),
                                child: TextField(
                                  decoration: textFieldSelectorDecoration(
                                      TranslationBase.of(context).toDate,
                                     model
                                          .selectedToDate !=
                                          null
                                          ? "${AppDateUtils.convertStringToDateFormat(model.selectedToDate.toString(), "yyyy-MM-dd")}"
                                          : null,
                                      true,
                                      suffixIcon: Icon(
                                        Icons.calendar_today,
                                        color: Colors.black,
                                      )),
                                  enabled: false,
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          bottomSheet: Container(
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.all(
                Radius.circular(0.0),
              ),
              border: Border.all(color: HexColor('#707070'), width: 0),
            ),
            height: MediaQuery.of(context).size.height * 0.1,
            width: double.infinity,
            child: Column(
              children: [
                SizedBox(
                  height: 10,
                ),
                Container(
                  child: FractionallySizedBox(
                    widthFactor: .80,
                    child: Center(
                      child: AppButton(
                        title: TranslationBase.of(context).search,
                        padding: 5,
                        color: Color(0xFF359846),
                        onPressed: () async {

                          Navigator.push(
                            context,
                            MaterialPageRoute(builder: (context) => InterventionMedicationScreen(patient)),
                          );


                        },
                      ),
                    ),
                  ),
                ),
                SizedBox(
                  height: 5,
                ),
              ],
            ),
          ))
    );
  }

  selectDate(BuildContext context,PharmacyInterventionViewModel model,
      {bool isFromDate = true, DateTime firstDate, lastDate}) async {
    Helpers.hideKeyboard(context);
    DateTime selectedDate = isFromDate
        ? model.selectedFromDate ?? firstDate
        : model.selectedToDate ?? lastDate;
    final DateTime picked = await showDatePicker(
      context: context,
      initialDate: selectedDate,
      firstDate: firstDate,
      lastDate: lastDate,
      initialEntryMode: DatePickerEntryMode.calendar,
    );
    if (picked != null) {
      if (isFromDate) {
        setState(() {
          model.selectedFromDate = picked;
          var date = picked.add(Duration(days: 30));
          if (date.isBefore(lastDate)) {
            model.selectedToDate = date;
          } else
            model.selectedToDate = lastDate;
        });
      } else {
        setState(() {
          model.selectedToDate = picked;
        });
      }
    }
  }

  getFirstDate(OutPatientFilterType outPatientFilterType) {
    if (outPatientFilterType == OutPatientFilterType.Previous) {
      return DateTime(
          DateTime.now().year - 20, DateTime.now().month, DateTime.now().day);
    } else {
      return DateTime(
          DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
    }
  }

  getLastDate(OutPatientFilterType outPatientFilterType) {
    if (outPatientFilterType == OutPatientFilterType.Previous) {
      return DateTime(
          DateTime.now().year, DateTime.now().month, DateTime.now().day - 1);
    } else {
      return DateTime(
          DateTime.now().year, DateTime.now().month, DateTime.now().day + 7);
    }
  }

  InputDecoration textFieldSelectorDecoration(
      String hintText, String selectedText, bool isDropDown,
      {Icon suffixIcon}) {
    return InputDecoration(
      focusedBorder: OutlineInputBorder(
        borderSide: BorderSide(color: Color(0xFFCCCCCC), width: 2.0),
        borderRadius: BorderRadius.circular(8),
      ),
      enabledBorder: OutlineInputBorder(
        borderSide: BorderSide(color: Color(0xFFEFEFEF), width: 2.0),
        borderRadius: BorderRadius.circular(8),
      ),
      disabledBorder: OutlineInputBorder(
        borderSide: BorderSide(color: Color(0xFFEFEFEF), width: 2.0),
        borderRadius: BorderRadius.circular(8),
      ),
      hintText: selectedText != null ? selectedText : hintText,
      suffixIcon: isDropDown
          ? suffixIcon != null
          ? suffixIcon
          : Icon(
        Icons.keyboard_arrow_down_sharp,
        color: Color(0xff2E303A),
      )
          : null,
      hintStyle: TextStyle(
        fontSize: 13,
        color: Color(0xff2E303A),
        fontFamily: 'Poppins',
        fontWeight: FontWeight.w600,
      ),
      labelText: selectedText != null ? '$hintText\n$selectedText' : null,
      labelStyle: TextStyle(
        fontSize: 13,
        color: Color(0xff2E303A),
        fontFamily: 'Poppins',
        fontWeight: FontWeight.w600,
      ),
    );
  }
}