import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/core/viewModel/patient-vital-sign-viewmodel.dart';
import 'package:doctor_app_flutter/lookups/patient_lookup.dart';
import 'package:doctor_app_flutter/models/patient/patiant_info_model.dart';
import 'package:doctor_app_flutter/screens/base/base_view.dart';
import 'package:doctor_app_flutter/screens/patients/profile/vital_sign/vital_sign_item.dart';
import 'package:doctor_app_flutter/screens/patients/profile/vital_sign/vital_sign_item_details_screen.dart';
import 'package:doctor_app_flutter/util/translations_delegate_base.dart';
import 'package:doctor_app_flutter/widgets/patients/profile/patient-profile-header-new-design-app-bar.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/transitions/fade_page.dart';
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';

class VitalSignDetailsScreen extends StatelessWidget {
  int appointmentNo;
  int projectID;
  bool isNotOneAppointment;

  VitalSignDetailsScreen(
      {this.appointmentNo, this.projectID, this.isNotOneAppointment = true});

  @override
  Widget build(BuildContext context) {
    final routeArgs = ModalRoute.of(context).settings.arguments as Map;
    PatiantInformtion patient = routeArgs['patient'];
    String patientType = routeArgs['patientType'];
    String arrivalType = routeArgs['arrivalType'];
    String from = routeArgs['from'];
    String to = routeArgs['to'];
    bool isInpatient = routeArgs['isInpatient'];
    String imageBasePath = 'assets/images/';
    String assetBasePath = "${imageBasePath}patient/vital_signs/";

    return BaseView<VitalSignsViewModel>(
      onModelReady: (model) =>
          model.getPatientVitalSignHistory(patient, from, to, isInpatient),
      builder: (_, mode, widget) => AppScaffold(
        baseViewModel: mode,
        isShowAppBar: true,
        appBar: PatientProfileHeaderNewDesignAppBar(
            patient, patientType, arrivalType),
        appBarTitle: TranslationBase.of(context).vitalSign,
        body: mode.patientVitalSignsHistory.length > 0
            ? Column(
                children: [
                  Expanded(
                    child: Container(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Container(
                            margin: EdgeInsets.all(16.0),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                AppText(
                                  "${patient.firstName ?? patient.patientDetails.firstName}'s",
                                  fontFamily: 'Poppins',
                                  fontSize: SizeConfig.textMultiplier * 1.6,
                                  fontWeight: FontWeight.w600,
                                ),
                                AppText(
                                  TranslationBase.of(context).vitalSign,
                                  fontFamily: 'Poppins',
                                  fontSize: SizeConfig.textMultiplier * 3,
                                  fontWeight: FontWeight.bold,
                                )
                              ],
                            ),
                          ),
                          Container(
                            height: MediaQuery.of(context).size.height * 0.23,
                            width: double.infinity,
                            padding: EdgeInsets.all(12.0),
                            margin: EdgeInsets.symmetric(
                                horizontal: 16.0, vertical: 8.0),
                            decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              color: Colors.white,
                              borderRadius: BorderRadius.circular(16),
                              border: Border.fromBorderSide(BorderSide(
                                color: Colors.grey.shade400,
                                width: 0.4,
                              )),
                            ),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                AppText(
                                  "${TranslationBase.of(context).yourBodyMassIndex} ${mode.bodyMax}",
                                  fontFamily: 'Poppins',
                                  fontSize: SizeConfig.textMultiplier * 2.0,
                                  fontWeight: FontWeight.w700,
                                ),
                                Row(
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: [
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        Image.asset(
                                          mode.getBMIStatus() != 1
                                              ? '${assetBasePath}underweight_BMI.png'
                                              : '${assetBasePath}underweight_BMI-r.png',
                                          height: MediaQuery.of(context)
                                                  .size
                                                  .height *
                                              0.10,
                                        ),
                                        const SizedBox(
                                          height: 4,
                                        ),
                                        AppText(
                                          "${TranslationBase.of(context).bmiUnderWeight}",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          color: mode.getBMIStatus() == 1
                                              ? Color(0XFFD02127)
                                              : null,
                                          fontWeight: FontWeight.w700,
                                        ),
                                        AppText(
                                          "(<18.5)",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          color: mode.getBMIStatus() == 1
                                              ? Color(0XFFD02127)
                                              : null,
                                          fontWeight: FontWeight.w700,
                                        ),
                                      ],
                                    )),
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        Image.asset(
                                          mode.getBMIStatus() != 2
                                              ? '${assetBasePath}health_BMI.png'
                                              : '${assetBasePath}health_BMI-r.png',
                                          height: MediaQuery.of(context)
                                                  .size
                                                  .height *
                                              0.10,
                                        ),
                                        const SizedBox(
                                          height: 4,
                                        ),
                                        Container(
                                          child: AppText(
                                            "${TranslationBase.of(context).normal}",
                                            fontFamily: 'Poppins',
                                            fontSize:
                                                SizeConfig.textMultiplier *
                                                    1.15,
                                            fontWeight: FontWeight.w700,
                                            color: mode.getBMIStatus() == 2
                                                ? Color(0XFFD02127)
                                                : null,
                                          ),
                                        ),
                                        AppText(
                                          "(18.5-24.9)",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 2
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                      ],
                                    )),
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        Image.asset(
                                          mode.getBMIStatus() != 3
                                              ? '${assetBasePath}ovrweight_BMI.png'
                                              : '${assetBasePath}ovrweight_BMI-r.png',
                                          height: MediaQuery.of(context)
                                                  .size
                                                  .height *
                                              0.10,
                                        ),
                                        const SizedBox(
                                          height: 4,
                                        ),
                                        AppText(
                                          "${TranslationBase.of(context).bmiOverWeight}",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.155,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 3
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                        AppText(
                                          "(25-29.9)",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.155,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 3
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                      ],
                                    )),
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        Image.asset(
                                          mode.getBMIStatus() != 4
                                              ? '${assetBasePath}Obese_BMI.png'
                                              : '${assetBasePath}Obese_BMI-r.png',
                                          height: MediaQuery.of(context)
                                                  .size
                                                  .height *
                                              0.10,
                                        ),
                                        const SizedBox(
                                          height: 4,
                                        ),
                                        AppText(
                                          "${TranslationBase.of(context).bmiObese}",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 4
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                        AppText(
                                          "(30-34.9)",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 4
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                      ],
                                    )),
                                    Expanded(
                                        child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.center,
                                      children: [
                                        Image.asset(
                                          mode.getBMIStatus() != 5
                                              ? '${assetBasePath}Obese_BMI.png'
                                              : '${assetBasePath}Obese_BMI-r.png',
                                          height: MediaQuery.of(context)
                                                  .size
                                                  .height *
                                              0.10,
                                        ),
                                        const SizedBox(
                                          height: 4,
                                        ),
                                        FittedBox(
                                          fit: BoxFit.fitWidth,
                                          child: AppText(
                                            "${TranslationBase.of(context).bmiObeseExtreme}",
                                            fontFamily: 'Poppins',
                                            fontSize:
                                                SizeConfig.textMultiplier *
                                                    1.15,
                                            fontWeight: FontWeight.w700,
                                            color: mode.getBMIStatus() == 5
                                                ? Color(0XFFD02127)
                                                : null,
                                          ),
                                        ),
                                        AppText(
                                          "(35<)",
                                          fontFamily: 'Poppins',
                                          fontSize:
                                              SizeConfig.textMultiplier * 1.15,
                                          fontWeight: FontWeight.w700,
                                          color: mode.getBMIStatus() == 5
                                              ? Color(0XFFD02127)
                                              : null,
                                        ),
                                      ],
                                    )),
                                  ],
                                )
                              ],
                            ),
                          ),
                          Expanded(
                            child: SingleChildScrollView(
                              child: Container(
                                margin: EdgeInsets.symmetric(
                                    horizontal: 16.0, vertical: 16),
                                child: Column(
                                  crossAxisAlignment:
                                  CrossAxisAlignment.start,
                                  children: [
                                    GridView.count(
                                      shrinkWrap: true,
                                      physics: NeverScrollableScrollPhysics(),
                                      crossAxisSpacing: 6,
                                      mainAxisSpacing: 6,
                                      crossAxisCount: 3,
                                      children: [
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .Height,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .height,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: Container(
                                            child: VitalSignItem(
                                              des: TranslationBase.of(context)
                                                  .height,
                                              imagePath:
                                                  "${assetBasePath}height.png",
                                              lastVal: mode.heightCm,
                                              unit: TranslationBase.of(context)
                                                  .cm,
                                            ),
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .Weight,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .weight,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .weight,
                                            imagePath:
                                                "${assetBasePath}weight.png",
                                            unit:
                                                TranslationBase.of(context).kg,
                                            lastVal: mode.weightKg,
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .Temperature,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .temperature,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: Container(
                                            child: VitalSignItem(
                                              des: TranslationBase.of(context)
                                                  .temperature,
                                              imagePath:
                                                  "${assetBasePath}temperature.png",
                                              lastVal: mode.temperatureCelcius,
                                              unit: TranslationBase.of(context)
                                                  .tempC,
                                            ),
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .heart,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .heart,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .heart,
                                            imagePath:
                                                "${assetBasePath}heart_rate.png",
                                            lastVal: mode.hartRat,
                                            unit:
                                                TranslationBase.of(context).bpm,
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .Respiration,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .respirationRate,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .respirationRate,
                                            imagePath:
                                                "${assetBasePath}respiration_rate.png",
                                            lastVal:
                                                mode.respirationBeatPerMinute,
                                            unit: TranslationBase.of(context)
                                                .respirationSigns,
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .BloodPressure,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .bloodPressure,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .bloodPressure,
                                            imagePath:
                                                "${assetBasePath}blood_pressure.png",
                                            lastVal: mode.bloodPressure,
                                            unit: TranslationBase.of(context)
                                                .sysDias,
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .Oxygenation,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .oxygenation,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .oxygenation,
                                            imagePath:
                                                "${assetBasePath}oxg.png",
                                            lastVal: mode.oxygenation,
                                            unit: "%",
                                          ),
                                        ),
                                        InkWell(
                                          onTap: () => isNotOneAppointment
                                              ? Navigator.push(
                                                  context,
                                                  FadePage(
                                                    page:
                                                        VitalSignItemDetailsScreen(
                                                      pageKey: vitalSignDetails
                                                          .PainScale,
                                                      pageTitle:
                                                          TranslationBase.of(
                                                                  context)
                                                              .painScale,
                                                      vitalList: mode
                                                          .patientVitalSignsHistory,
                                                      patient: patient,
                                                      patientType: patientType,
                                                      arrivalType: arrivalType,
                                                    ),
                                                  ),
                                                )
                                              : null,
                                          child: VitalSignItem(
                                            des: TranslationBase.of(context)
                                                .painScale,
                                            imagePath:
                                                "${assetBasePath}painScale.png",
                                            lastVal: mode.painScore,
                                            unit: "",
                                          ),
                                        ),
                                      ],
                                    ),
                                    /*RoundedContainer(
                                      width: MediaQuery.of(context).size.width / 2,
                                      margin: EdgeInsets.symmetric(
                                          horizontal: 0.0, vertical: 16),
                                      child: Container(
                                        padding: EdgeInsets.all(5),
                                        child: Column(
                                          crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                          children: [
                                            Container(
                                              padding: EdgeInsets.only(top: 8),
                                              child: Row(
                                                crossAxisAlignment:
                                                CrossAxisAlignment.start,
                                                mainAxisAlignment:
                                                MainAxisAlignment
                                                    .spaceBetween,
                                                children: [
                                                  Expanded(
                                                    child: Container(
                                                      child: Column(
                                                        crossAxisAlignment:
                                                        CrossAxisAlignment
                                                            .start,
                                                        children: [
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                "${TranslationBase.of(context).painScale}",
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.painScore}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                "Location",
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.painLocation}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                "Character",
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.painCharacter}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                "Duration",
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.painDuration}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                TranslationBase.of(context).painManagement,
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.isPainDone}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                          Row(
                                                            children: [
                                                              AppText(
                                                                TranslationBase.of(context).frequency,
                                                                fontSize: SizeConfig.textMultiplier * 1.5,
                                                                color: Colors.black,
                                                                fontWeight: FontWeight.w700,
                                                              ),
                                                              SizedBox(
                                                                width: 8,
                                                              ),
                                                              AppText(
                                                                "${mode.painFrequency}",
                                                                fontSize: SizeConfig.textMultiplier * 1.3,
                                                                color: Colors.grey.shade700,
                                                                fontWeight: FontWeight.normal,
                                                              ),
                                                            ],
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                  Container(
                                                      child: Image.asset(
                                                        "${assetBasePath}painScale.png",
                                                        width: 40,
                                                        height: 40,
                                                      ))
                                                ],
                                              ),
                                            ),
                                            Container(
                                              child: Column(
                                                children: [
                                                  Align(
                                                    alignment:
                                                    Alignment.topRight,
                                                    child: Icon(
                                                      EvaIcons.eye,
                                                    ),
                                                  ),
                                                  Align(
                                                    alignment:
                                                    Alignment.topLeft,
                                                    child: Container(
                                                      margin: EdgeInsets.only(
                                                          left: 5, right: 5),
                                                      child: AppText(
                                                        "${TranslationBase.of(context).painScale}",
                                                        fontFamily: 'Poppins',
                                                        fontSize: SizeConfig
                                                            .textMultiplier *
                                                            1.3,
                                                        fontWeight:
                                                        FontWeight.bold,
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ),*/
                                  ],
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                ],
              )
            : Center(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    SizedBox(
                      height: 100,
                    ),
                    Image.asset('assets/images/no-data.png'),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: AppText(
                        TranslationBase.of(context).vitalSignEmptyMsg,
                        fontWeight: FontWeight.normal,
                        color: HexColor("#B8382B"),
                        fontSize: SizeConfig.textMultiplier * 2.5,
                      ),
                    )
                  ],
                ),
              ),
      ),
    );
  }
}