import 'package:diplomaticquarterapp/core/enum/viewstate.dart';
import 'package:diplomaticquarterapp/core/model/AlHabibMedicalService/HomeHealthCare/get_hhc_all_pres_orders_response_model.dart';
import 'package:diplomaticquarterapp/core/model/AlHabibMedicalService/HomeHealthCare/update_pres_oreder_request_model.dart';
import 'package:diplomaticquarterapp/core/viewModels/AlHabibMedicalService/home_health_care_view_model.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/uitl/utils.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:flutter/material.dart';
import 'package:provider/provider.dart';

import 'Dialog/confirm_cancel_order_dialog.dart';

class OrdersLogDetailsPage extends StatelessWidget {
  final HomeHealthCareViewModel model;

  const OrdersLogDetailsPage({Key key, this.model}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    ProjectViewModel projectViewModel = Provider.of(context);

    void showConfirmMessage(HomeHealthCareViewModel model, GetHHCAllPresOrdersResponseModel order) {
      showDialog(
          context: context,
          child: ConfirmCancelOrderDialog(
            model: model,
            onTap: () async {
              UpdatePresOrderRequestModel updatePresOrderRequestModel = UpdatePresOrderRequestModel(presOrderID: order.iD, rejectionReason: "", presOrderStatus: 4, editedBy: 3);
              await model.updateHHCPresOrder(updatePresOrderRequestModel);
              if (model.state == ViewState.ErrorLocal) {
                Utils.showErrorToast(model.error);
              } else {
                AppToast.showSuccessToast(message: TranslationBase.of(context).processDoneSuccessfully);
                await model.getHHCAllPresOrders();
                //  await model.getHHCAllServices();
              }
            },
          ));
    }

    return AppScaffold(
      isShowAppBar: false,
      baseViewModel: model,
      body: SingleChildScrollView(
        physics: ScrollPhysics(),
        child: Container(
          margin: EdgeInsets.all(10),
          child: Center(
            child: FractionallySizedBox(
              widthFactor: 0.94,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: model.hhcAllPresOrders.map((order) {
                        return Row(
                          children: [
                            Expanded(
                              flex: 3,
                              child: ClipRRect(
                                  borderRadius: const BorderRadius.all(Radius.circular(20.0)),
                                  child: Container(
                                      padding: EdgeInsets.only(left: 10, right: 10, top: 10, bottom: 10),
                                      margin: EdgeInsets.only(left: 10, right: 10, top: 7, bottom: 7),
                                      decoration: BoxDecoration(boxShadow: [
                                        BoxShadow(
                                            color: order.status == 4
                                                ? Colors.red[900]
                                                : order.status == 3
                                                    ? Colors.green[400]
                                                    : Color(0xffcd9e1b),
                                            offset: Offset(-10, 0)),
                                      ], borderRadius: const BorderRadius.all(Radius.circular(10.0)), color: Colors.white),
                                      child: Row(
                                        children: [
                                          Expanded(
                                              child: Column(
                                            mainAxisAlignment: MainAxisAlignment.start,
                                            crossAxisAlignment: CrossAxisAlignment.start,
                                            children: [
                                              Row(
                                                crossAxisAlignment: CrossAxisAlignment.start,
                                                children: [
                                                  Texts(
                                                    TranslationBase.of(context).OrderStatus + ' ' + (projectViewModel.isArabic ? order.descriptionN : order.description),
                                                    bold: false,
                                                    fontSize: 12,
                                                    color: order.status == 4
                                                        ? Colors.red[900]
                                                        : order.status == 3
                                                            ? Colors.green[400]
                                                            : Color(0xffcd9e1b),
                                                    fontWeight: FontWeight.bold,
                                                  ),
                                                ],
                                              ),
                                              Row(
                                                mainAxisAlignment: MainAxisAlignment.end,
                                                children: [
                                                  Texts(
                                                    DateUtil.getDayMonthYearDateFormatted(DateUtil.convertStringToDate(order.createdOn)),
                                                    fontSize: 14,
                                                  )
                                                ],
                                              ),
                                              Row(
                                                mainAxisAlignment: MainAxisAlignment.spaceBetween,

                                                children: [
                                                  Column(
                                                    crossAxisAlignment: CrossAxisAlignment.start,
                                                    children: [
                                                      Texts(
                                                        TranslationBase.of(context).requestID + ' ' + order.iD.toString(),
                                                        bold: false,
                                                        fontSize: 18,
                                                      ),
                                                    ],
                                                  ),
                                                  (order.status == 1 || order.status == 2)
                                                      ? SecondaryButton(
                                                          onTap: () {
                                                            showConfirmMessage(model, order);
                                                          },
                                                          label: TranslationBase.of(context).cancel,
                                                          color: Colors.red[900],
                                                          small: true,
                                                        )
                                                      : SizedBox()
                                                ],
                                                //   )
                                                // ],
                                                //   )
                                                // ],
                                              ),
                                              Column(
                                                crossAxisAlignment: CrossAxisAlignment.start,
                                                children: [
                                                  Texts(
                                                    TranslationBase.of(context).orderLocation,
                                                    bold: false,
                                                    fontSize: 13,
                                                  ),
                                                  SizedBox(
                                                    height: 4,
                                                  ),
                                                  Texts(
                                                    !projectViewModel.isArabic ? order.nearestProjectDescription.toString() : order.nearestProjectDescriptionN.toString(),
                                                    fontSize: 13,
                                                  ),
                                                ],
                                              ),
                                            ],
                                          ))
                                        ],
                                      ))),
                            )
                          ],
                        );

                        // return Container(
                        //   width: double.infinity,
                        //   margin: EdgeInsets.only(top: 15),
                        //   decoration: BoxDecoration(
                        //       border:
                        //       Border.all(color: Colors.grey, width: 1),
                        //       borderRadius: BorderRadius.circular(12),
                        //       color: Colors.white),
                        //   child: Column(
                        //     crossAxisAlignment: CrossAxisAlignment.start,
                        //     children: [
                        //       SizedBox(
                        //         height: 12,
                        //       ),
                        //       Container(
                        //         width: double.infinity,
                        //         padding: EdgeInsets.only(
                        //             left: 15, bottom: 15, top: 15, right: 15),
                        //         decoration: BoxDecoration(
                        //             border: Border(
                        //               bottom: BorderSide(
                        //                 color: Colors.grey,
                        //                 width: 1.0,
                        //               ),
                        //             ),
                        //             // borderRadius: BorderRadius.circular(12),
                        //             color: Colors.white),
                        //         child: Column(
                        //           crossAxisAlignment: CrossAxisAlignment.start,
                        //           children: [
                        //             Texts(
                        //               TranslationBase
                        //                   .of(context)
                        //                   .requestID,
                        //               bold: false,
                        //               fontSize: 13,
                        //             ),
                        //             SizedBox(
                        //               height: 4,
                        //             ),
                        //             Texts(
                        //               order.iD.toString(),
                        //               fontSize: 22,
                        //             ),
                        //           ],
                        //         ),
                        //       ),
                        //       Container(
                        //         width: double.infinity,
                        //         padding: EdgeInsets.only(
                        //             left: 15, bottom: 15, top: 15, right: 15),
                        //         decoration: BoxDecoration(
                        //             border: Border(
                        //               bottom: BorderSide(
                        //                 color: Colors.grey,
                        //                 width: 1.0,
                        //               ),
                        //             ),
                        //             // borderRadius: BorderRadius.circular(12),
                        //             color: Colors.white),
                        //         child: Column(
                        //           crossAxisAlignment: CrossAxisAlignment.start,
                        //           children: [
                        //             Texts(
                        //               TranslationBase
                        //                   .of(context)
                        //                   .OrderStatus,
                        //               bold: false,
                        //               fontSize: 13,
                        //             ),
                        //             SizedBox(
                        //               height: 4,
                        //             ),
                        //             Texts(

                        //               projectViewModel.isArabic ? order.descriptionN : order.description,
                        //               fontSize: 22,
                        //             ),
                        //           ],
                        //         ),
                        //       ),
                        //       Container(
                        //         width: double.infinity,
                        //         padding: EdgeInsets.only(
                        //             left: 15, bottom: 15, top: 15, right: 15),
                        //         decoration: BoxDecoration(
                        //             border: Border(
                        //               bottom: BorderSide(
                        //                 color: Colors.grey,
                        //                 width: 1.0,
                        //               ),
                        //             ),
                        //             // borderRadius: BorderRadius.circular(12),
                        //             color: Colors.white),
                        //         child: Column(
                        //           crossAxisAlignment: CrossAxisAlignment.start,
                        //           children: [
                        //             Texts(
                        //               TranslationBase
                        //                   .of(context)
                        //                   .pickupDate,
                        //               bold: false,
                        //               fontSize: 13,
                        //             ),
                        //             SizedBox(
                        //               height: 4,
                        //             ),
                        //             Texts(
                        //               DateUtil.getDayMonthYearDateFormatted(
                        //                   DateUtil.convertStringToDate(order.createdOn)),
                        //               fontSize: 22,
                        //             ),
                        //           ],
                        //         ),
                        //       ),

                        //       SizedBox(
                        //         height: 12,
                        //       ),
                        //       Container(
                        //         width: double.infinity,
                        //         padding: EdgeInsets.only(
                        //             left: 15, bottom: 15, top: 15, right: 15),
                        //         decoration: BoxDecoration(
                        //             border: Border(
                        //               bottom: BorderSide(
                        //                 color: Colors.grey,
                        //                 width: 1.0,
                        //               ),
                        //             ),
                        //             // borderRadius: BorderRadius.circular(12),
                        //             color: Colors.white),
                        //         child: Column(
                        //           crossAxisAlignment:
                        //           CrossAxisAlignment.start,
                        //           children: [
                        //             Texts(
                        //               TranslationBase.of(context).orderLocation,
                        //               bold: false,
                        //               fontSize: 13,
                        //             ),
                        //             SizedBox(
                        //               height: 4,
                        //             ),
                        //             Texts(
                        //               !projectViewModel.isArabic ?order.nearestProjectDescription
                        //                   .toString() :
                        //                   order.nearestProjectDescriptionN
                        //                       .toString(),
                        //               fontSize: 22,
                        //             ),
                        //           ],
                        //         ),
                        //       ),
                        //       SizedBox(
                        //         height: 12,
                        //       ),
                        //       if (order.status == 1 ||order.status == 2 )
                        //         Center(
                        //           child: Container(
                        //             width: MediaQuery
                        //                 .of(context)
                        //                 .size
                        //                 .width *
                        //                 0.85,
                        //             child: SecondaryButton(
                        //                 label: "Cancel".toUpperCase(),
                        //                 onTap: () {
                        //                   showConfirmMessage(model, order);
                        //                 }
                        //                 ,
                        //                 color: Colors.red[800],
                        //                 disabled: false,
                        //                 textColor: Theme
                        //                     .of(context)
                        //                     .backgroundColor),
                        //           ),
                        //         ),
                        //       SizedBox(
                        //         height: 12,
                        //       ),
                        //     ],
                        //   ),
                        // );
                      }).toList())
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}