import 'package:doctor_app_flutter/config/size_config.dart'; import 'package:doctor_app_flutter/core/viewModel/doctor_replay_view_model.dart'; import 'package:doctor_app_flutter/models/doctor/list_gt_my_patients_question_model.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/util/translations_delegate_base.dart'; import 'package:doctor_app_flutter/widgets/shared/TextFields.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/card_with_bg_widget.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:hexcolor/hexcolor.dart'; class DoctorReplayChat extends StatelessWidget { final ListGtMyPatientsQuestions reply; TextEditingController msgController = TextEditingController(); DoctorReplayChat( {Key key, this.reply, }); @override Widget build(BuildContext context) { return BaseView( onModelReady: (model) async {}, builder: (_, model, w) => AppScaffold( baseViewModel: model, isShowAppBar: false, body: Container( color: Color(0XFFF2F2F2), child: Stack( children: [ Container( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( padding: EdgeInsets.only( left: 0, right: 5, bottom: 5, top: 5), decoration: BoxDecoration( color: Colors.white, ), height: 115, child: Container( padding: EdgeInsets.only( left: 10, right: 10), margin: EdgeInsets.only(top: 40), child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ RichText( text: TextSpan( style: TextStyle( fontSize: 1.6 * SizeConfig.textMultiplier, color: Colors.black), children: [ new TextSpan( text: reply.patientName .toString(), style: TextStyle( color: Color(0xFF2B353E), fontWeight: FontWeight.bold, fontFamily: 'Poppins', fontSize: 20)), ], ), ), InkWell( onTap: () { Navigator.pop(context); }, child: Icon(FontAwesomeIcons.times, size: 30, color: Color(0xFF2B353E))) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ InkWell( onTap: () { // TODO: move to doctor profile }, child: RichText( text: TextSpan( style: TextStyle( fontSize: 1.6 * SizeConfig.textMultiplier, color: Colors.black), children: [ new TextSpan( text: 'Tap here to view patient profile' .toString(), style: TextStyle( fontFamily: 'Poppins', fontSize: 12)), ], ), ), ), ], ), ], ), ), ), Expanded( child: Padding( padding: const EdgeInsets.all(16.0), child: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox(height: 30,), Container( // color: Color(0xFF2B353E), width: MediaQuery.of(context).size.width * 0.8, padding: EdgeInsets.all(10), decoration: BoxDecoration( color: Color(0xFF2B353E), borderRadius: BorderRadius.all( Radius.circular(10.0), ), border: Border.all( color: HexColor('#707070') , width: 0.30), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(top: 5), width: 60, height: 60, child: Image.asset( 1 == 1 ? 'assets/images/male_avatar.png' : 'assets/images/female_avatar.png', fit: BoxFit.cover, ), ), Column( children: [ AppText( "07 Jan 2021", fontSize: 2.5 * SizeConfig.textMultiplier, fontFamily: 'Poppins', color: Colors.white, // fontSize: 18 ), AppText( "07:00 PM", fontSize: 2.5 * SizeConfig.textMultiplier, fontFamily: 'Poppins', color: Colors.white, // fontSize: 18 ), ], ), ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Column( children: [ Padding( padding: const EdgeInsets.all(8.0), child: Container( width: MediaQuery.of(context).size.width * 0.7, child: AppText( "This procedure should be taken only when the patient is below 99o", fontSize: 15, fontFamily: 'Poppins', color: Colors.white, // fontSize: 18 ), ), ), ], ), ], ), ], ), ), SizedBox(height: 30,), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ Container( // color: Color(0xFF2B353E), width: MediaQuery.of(context).size.width * 0.8, padding: EdgeInsets.all(5), decoration: BoxDecoration( color: Colors.white,// Color(0xFF2B353E), borderRadius: BorderRadius.all( Radius.circular(10.0), ), border: Border.all( color: HexColor('#707070') , width: 0.30), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(top: 5), width: 60, height: 60, child: Image.asset( 1 == 1 ? 'assets/images/male_avatar.png' : 'assets/images/female_avatar.png', fit: BoxFit.cover, ), ), Column( children: [ AppText( "07 Jan 2021", fontSize: 2.5 * SizeConfig.textMultiplier, fontFamily: 'Poppins', color: Color(0xFF2B353E), // fontSize: 18 ), AppText( "07:00 PM", fontSize: 2.5 * SizeConfig.textMultiplier, fontFamily: 'Poppins', color: Color(0xFF2B353E), // fontSize: 18 ), ], ), ], ), SizedBox( height: 10, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Column( children: [ Padding( padding: const EdgeInsets.all(8.0), child: Container( width: MediaQuery.of(context).size.width * 0.7, child: AppText( "This procedure should be taken only when the patient is below 99o", fontSize: 15, fontFamily: 'Poppins', color: Color(0xFF2B353E), // fontSize: 18 ), ), ), ], ), ], ), ], ), ), ], ), ], ), ), ), ) ], ), ), ], ), ), bottomSheet: Container( width: double.infinity, // height: MediaQuery.of(context).size.height * 0.12, child: Column( mainAxisSize: MainAxisSize.min, children: [ FractionallySizedBox( child: Container( child: TextFields( borderRadius: 0, hasLabelText: msgController.text != '' ? true : false, showLabelText: false, hintText: "\n"+TranslationBase .of(context) .typeHereToReply, fontSize: 13.5, suffixIcon: FontAwesomeIcons.arrowRight, suffixIconColor: Colors.green, // hintColor: Colors.black, fontWeight: FontWeight.w600, maxLines: 50, minLines: 3, controller: msgController, validator: (value) { if (value == null || value == "") return TranslationBase.of(context) .emptyMessage; else return null; }), ), ), ], ), ) )); } }