RSGDoctorApp/lib/screens/patients/out_patient/out_patient_screen.dart

import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/core/enum/filter_type.dart';
import 'package:doctor_app_flutter/core/enum/patient_type.dart';
import 'package:doctor_app_flutter/core/enum/viewstate.dart';
import 'package:doctor_app_flutter/core/model/patient_muse/PatientSearchRequestModel.dart';
import 'package:doctor_app_flutter/core/viewModel/PatientSearchViewModel.dart';
import 'package:doctor_app_flutter/core/viewModel/authentication_view_model.dart';
import 'package:doctor_app_flutter/core/viewModel/project_view_model.dart';
import 'package:doctor_app_flutter/icons_app/doctor_app_icons.dart';
import 'package:doctor_app_flutter/models/patient/patient_model.dart';
import 'package:doctor_app_flutter/routes.dart';
import 'package:doctor_app_flutter/screens/base/base_view.dart';
import 'package:doctor_app_flutter/screens/patients/patient_search/patient_search_header.dart';
import 'package:doctor_app_flutter/util/translations_delegate_base.dart';
import 'package:doctor_app_flutter/widgets/patients/patient_card/PatientCard.dart';
import 'package:doctor_app_flutter/widgets/shared/app_scaffold_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/errors/error_message.dart';
import 'package:doctor_app_flutter/widgets/shared/loader/gif_loader_dialog_utils.dart';
import 'package:doctor_app_flutter/widgets/shared/text_fields/app_text_field_custom_serach.dart';
import 'package:doctor_app_flutter/widgets/shared/text_fields/app_text_form_field.dart';
import 'package:doctor_app_flutter/widgets/shared/text_fields/text_fields_utils.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:hexcolor/hexcolor.dart';
import 'package:provider/provider.dart';

import 'filter_date_page.dart';

// ignore: must_be_immutable
class OutPatientsScreen extends StatefulWidget {
  final patientSearchForm;
  final selectedType;
  final isAppbar;
  final arrivalType;
  final isView;
  final PatientType? selectedPatientType;
  final PatientSearchRequestModel? patientSearchRequestModel;
  final bool isSearchWithKeyInfo;
  final bool isSearch;
  final bool isInpatient;
  final bool isSearchAndOut;
  final String? searchKey;

  OutPatientsScreen(
      {this.patientSearchForm,
      this.selectedType,
      this.isAppbar = true,
      this.arrivalType,
      this.isView,
      this.selectedPatientType,
      this.patientSearchRequestModel,
      this.isSearchWithKeyInfo = true,
      this.isSearch = false,
      this.isInpatient = false,
      this.searchKey,
      this.isSearchAndOut = false});

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

class _OutPatientsScreenState extends State<OutPatientsScreen> {
  late int clinicId;
  late AuthenticationViewModel authenticationViewModel;

  List<String> _times = [];

  int _activeLocation = 1;
  String? patientType;
  late String patientTypeTitle;
  var selectedFilter = 1;
  late String arrivalType;
  late ProjectViewModel projectsProvider;
  var isView;
  final _controller = TextEditingController();

  late PatientModel patient;

  OutPatientFilterType outPatientFilterType = OutPatientFilterType.Today;
  bool isSortDes = true;

  @override
  Widget build(BuildContext context) {
    authenticationViewModel = Provider.of(context);
    _times = [
      TranslationBase.of(context).previous!,
      TranslationBase.of(context).today!,
      TranslationBase.of(context).nextWeek!,
    ];
    final screenSize = MediaQuery.of(context).size;

    return BaseView<PatientSearchViewModel>(
      onModelReady: (model) async {
        await model.getOutPatient(widget.patientSearchRequestModel!);
      },
      builder: (_, model, w) => AppScaffold(
          appBarTitle: "Search Patient",
          isShowAppBar: true,
          appBar: PatientSearchHeader(
            title: "My Out patient",
          ),
          baseViewModel: model,
          body: Column(
            children: [
              Container(
                // color: Colors.red,
                height: screenSize.height * 0.070,
                decoration: TextFieldsUtils.containerBorderDecoration(Color(0Xffffffff), Color(0xFFCCCCCC),
                    borderRadius: 4, borderWidth: 0),
                child: Row(
                  mainAxisSize: MainAxisSize.max,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: _times.map((item) {
                    bool _isActive = _times[_activeLocation] == item ? true : false;

                    return Expanded(
                      child: InkWell(
                        onTap: () async {
                          setState(() {
                            _activeLocation = _times.indexOf(item);
                            outPatientFilterType = _activeLocation == 0
                                ? OutPatientFilterType.Previous
                                : _activeLocation == 1
                                    ? OutPatientFilterType.Today
                                    : OutPatientFilterType.NextWeek;
                            _controller.text = "";
                          });
                          model.searchData("");
                          FocusScope.of(context).requestFocus(new FocusNode());
                          GifLoaderDialogUtils.showMyDialog(context);
                          await model.getPatientBasedOnDate(
                              item: item,
                              selectedPatientType: widget.selectedPatientType,
                              patientSearchRequestModel: widget.patientSearchRequestModel,
                              isSearchWithKeyInfo: widget.isSearchWithKeyInfo,
                              outPatientFilterType: outPatientFilterType);
                          GifLoaderDialogUtils.hideDialog(context);
                        },
                        child: Center(
                          child: Container(
                            height: screenSize.height * 0.070,
                            decoration: TextFieldsUtils.containerBorderDecoration(
                                _isActive ? Color(0xFFD02127 /*B8382B*/) : Color(0xFFEAEAEA),
                                _isActive ? Color(0xFFD02127) : Color(0xFFEAEAEA),
                                borderRadius: 4,
                                borderWidth: 0),
                            child: Center(
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  AppText(
                                    item,
                                    fontSize: SizeConfig.textMultiplier * 1.8,
                                    color: _isActive ? Colors.white : Color(0xFF2B353E),
                                    fontWeight: FontWeight.w700,
                                  ),
                                  _isActive && _activeLocation != 0 && model.state == ViewState.Idle
                                      ? Container(
                                          padding: EdgeInsets.all(2),
                                          margin: EdgeInsets.symmetric(horizontal: 5),
                                          decoration: new BoxDecoration(
                                            color: Colors.white,
                                            borderRadius: BorderRadius.circular(50),
                                          ),
                                          constraints: BoxConstraints(
                                            minWidth: 20,
                                            minHeight: 20,
                                          ),
                                          child: new Text(
                                            model.filterData.length.toString(),
                                            style: new TextStyle(color: Colors.red, fontSize: 10),
                                            textAlign: TextAlign.center,
                                          ),
                                        )
                                      : Container(),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    );
                  }).toList(),
                ),
              ),
              SizedBox(height: 18.5),
              AppTextFieldCustomSearch(
                searchController: _controller,
                onChangeFun: (value) {
                  model.searchData(value);
                },
                marginTop: 5,
                suffixIcon: IconButton(
                          icon: Icon(
                            _activeLocation != 0 ? DoctorApp.filter_1 : FontAwesomeIcons.slidersH,
                            color: Colors.black,
                          ),
                          iconSize: 20,

                          onPressed: _activeLocation != 0
                              ? null
                              : () {
                                  Navigator.push(
                                      context,
                                      MaterialPageRoute(
                                          builder: (BuildContext context) => FilterDatePage(
                                                outPatientFilterType: outPatientFilterType,
                                                patientSearchViewModel: model,
                                ),
                                settings: RouteSettings(
                                    name: 'FilterOutPatentDateScreen'),
                              ));
                        },
                ),
                positionedChild: IconButton(
                  icon: Icon(
                    isSortDes
                        ? FontAwesomeIcons.sortAmountDown
                                              : FontAwesomeIcons.sortAmountUp,
                    color: Colors.black,
                                ),
                        iconSize: 20,
                        onPressed: () {
                          model.sortOutPatient(isDes: isSortDes);
                    isSortDes = !isSortDes;
                  },
                        ),
                  ),
              SizedBox(
                height: 10.0,
              ),
              Expanded(
                child: Container(
                    child: model.filterData.isEmpty
                        ? Center(
                            child: ErrorMessage(
                              error: TranslationBase.of(context).youDontHaveAnyPatient ?? "",
                            ),
                          )
                        : ListView.builder(
                            scrollDirection: Axis.vertical,
                            shrinkWrap: true,
                            itemCount: model.filterData.length,
                            itemBuilder: (BuildContext ctxt, int index) {
                              if (_activeLocation != 0 ||
                                  (model.filterData[index].patientStatusType != null &&
                                      model.filterData[index].patientStatusType == 43))
                                return Padding(
                                  padding: EdgeInsets.all(8.0),
                                  child: PatientCard(
                                    patientInfo: model.filterData[index],
                                    patientType: "1",
                                    arrivalType: "1",
                                    isFromSearch: widget.isSearchAndOut,
                                    isInpatient: widget.isInpatient,
                                    onTap: () {
                                      // TODO change the parameter to daynamic
                                      Navigator.of(context).pushNamed(PATIENTS_PROFILE, arguments: {
                                        "patient": model.filterData[index],
                                        "patientType": "1",
                                        "from": widget.patientSearchRequestModel!.from,
                                        "to": widget.patientSearchRequestModel!.from,
                                        "isSearch": false,
                                        "isInpatient": false,
                                        "arrivalType": "7",
                                        "isSearchAndOut": false,
                                      });
                                    },
                                    // isFromSearch: widget.isSearch,
                                  ),
                                );
                              else
                                return SizedBox();
                            })),
              ),
            ],
          )),
    );
  }
}