//import 'package:doctor_app_flutter/client/base_app_client.dart';
import 'package:doctor_app_flutter/config/config.dart';
import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/core/model/procedure/get_ordered_procedure_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/patiant_info_model.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_texts_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_svg/flutter_svg.dart';


class ProcedureCard extends StatelessWidget {
  final Function onTap;
  final EntityList entityList;
  final String categoryName;
  final int categoryID;
  final PatiantInformtion patient;
  final int doctorID;
  final bool isInpatient;

  const ProcedureCard({
    Key key,
    this.onTap,
    this.entityList,
    this.categoryID,
    this.categoryName,
    this.patient,
    this.doctorID,
    this.isInpatient = false,
  }) : super(key: key);

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

    return Container(
      width: double.maxFinite,
      //height: MediaQuery.of(context).size.height * .22,
      margin: EdgeInsets.all(10),
      padding: EdgeInsets.only(left: 0, right: 5, bottom: 5, top: 5),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(15),
        color: Colors.white,
      ),
      child: Container(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Container(
              height: MediaQuery.of(context).size.height * .212,
              width: 5,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(10),
                  bottomLeft: Radius.circular(10),
                ),
                color:
                    entityList.orderType == 0 ? Colors.black : Colors.red[500],
              ),
            ),
            Expanded(
              child: Container(
                padding: EdgeInsets.only(
                    left: projectViewModel.isArabic ? 0 : 15,
                    right: projectViewModel.isArabic ? 15 : 0),
                child: InkWell(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Expanded(
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                AppText(
                                  entityList.orderType == 0
                                      ? 'Routine'
                                      : 'Urgent',
                                  color: entityList.orderType == 0
                                      ? Colors.black
                                      : AppGlobal.appRedColor,
                                  fontWeight: FontWeight.w600,
                                ),
                                SizedBox(
                                  height: 5,
                                ),
                                AppText(
                                  Helpers.convertToTitleCase(
                                      entityList.procedureName),
                                  bold: true,
                                  fontSize: 14,
                                ),
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 5,
                          ),
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.end,
                            mainAxisAlignment: MainAxisAlignment.end,
                            children: [
                              AppText(
                                '${AppDateUtils.getDayMonthYearDateFormatted(
                                  AppDateUtils.convertISOStringToDateTime(
                                      entityList.createdOn),
                                  isMonthShort: true,
                                  isArabic: projectViewModel.isArabic,
                                )}',
                                color: Colors.black,
                                fontWeight: FontWeight.w600,
                                fontSize: 14,
                              ),
                              AppText(
                                '${AppDateUtils.getHour(AppDateUtils.convertISOStringToDateTime(entityList.createdOn))}',
                                fontWeight: FontWeight.w600,
                                color: Colors.grey[700],
                                fontSize: 14,
                              ),
                            ],
                          ),
                        ],
                      ),
                      Row(
                        children: [
                          AppText(
                            TranslationBase.of(context).orderNo,
                            //color: Colors.grey,
                            fontSize: 12,
                            color: Colors.grey,
                          ),
                          AppText(
                            entityList.orderNo.toString(),
                            fontSize: 12,
                            bold: true,
                          ),
                        ],
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Container(
                            margin: EdgeInsets.only(left: 10, right: 0),
                            child: Image.asset(
                              'assets/images/patient/ic_ref_arrow_left.png',
                              height: 50,
                              width: 30,
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(
                                left: 0, top: 25, right: 0, bottom: 0),
                            padding: EdgeInsets.only(left: 4.0, right: 4.0),
                            child: Container(
                                width: 40,
                                height: 40,
                                child: ClipRRect(
                                    borderRadius: BorderRadius.circular(20.0),
                                    child: Image.asset(
                                      'assets/images/dr_avatar.png',
                                      height: 25,
                                      width: 30,
                                      errorBuilder: (BuildContext context,
                                          Object exception,
                                          StackTrace stackTrace) {
                                        return Text('No Image');
                                      },
                                    ))),
                          ),
                          Expanded(
                            flex: 4,
                            child: Container(
                              margin: EdgeInsets.only(
                                  left: 10, top: 25, right: 10, bottom: 0),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  AppText(
                                    Helpers.convertToTitleCase(
                                        entityList.doctorName),
                                    fontFamily: 'Poppins',
                                    fontWeight: FontWeight.w800,
                                    fontSize: 1.7 * SizeConfig.textMultiplier,
                                    color: Colors.black,
                                  ),
                                  if (entityList.clinicDescription != null)
                                    AppText(
                                      Helpers.convertToTitleCase(
                                          entityList.clinicDescription),
                                      fontFamily: 'Poppins',
                                      fontWeight: FontWeight.w700,
                                      fontSize: 1.4 * SizeConfig.textMultiplier,
                                      color: Color(0XFF2E303A),
                                    ),
                                ],
                              ),
                            ),
                          ),
                        ],
                      ),
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Expanded(
                              child: AppText(
                                Helpers.convertToTitleCase(
                                        entityList.remarks.toString()) ??
                                    '',
                                fontSize: 12,
                              ),
                            ),
                            if ((entityList.categoryID == 2 ||
                                    entityList.categoryID == 4) &&
                                doctorID == entityList.doctorID &&
                                !isInpatient)
                              InkWell(
                                child: Icon(DoctorApp.edit),
                                onTap: onTap,
                              )
                          ],
                        ),
                      )
                    ],
                  ),
                  //onTap: onTap,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}