display appoinbtments in tool body

Frontend/lib/mih_packages/appointment/appointments.dart

@@ -1,19 +1,27 @@
+import 'package:Mzansi_Innovation_Hub/mih_apis/mih_mzansi_calendar_apis.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_date_input.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_multiline_text_input.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_time_input.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_window.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih-app_tool_body.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
+import 'package:Mzansi_Innovation_Hub/mih_objects/appointment.dart';
 import 'package:Mzansi_Innovation_Hub/mih_objects/arguments.dart';
+import 'package:Mzansi_Innovation_Hub/mih_packages/appointment/builder/build_appointment_list.dart';
 import 'package:flutter/material.dart';
 import '../../main.dart';
 
 import '../../mih_apis/mih_api_calls.dart';
 import '../../mih_components/mih_calendar.dart';
 import '../../mih_components/mih_layout/mih_action.dart';
-import '../../mih_components/mih_layout/mih_body.dart';
 import '../../mih_components/mih_layout/mih_header.dart';
-import '../../mih_components/mih_layout/mih_layout_builder.dart';
 import '../../mih_components/mih_pop_up_messages/mih_loading_circle.dart';
 import '../../mih_env/env.dart';
 import '../../mih_objects/access_request.dart';
 import '../../mih_objects/app_user.dart';
 import '../../mih_objects/patient_queue.dart';
-import 'builder/build_appointment_list.dart';
 
 class Appointments extends StatefulWidget {
   final AppUser signedInUser;
@@ -30,6 +38,14 @@ class Appointments extends StatefulWidget {
 class _PatientAccessRequestState extends State<Appointments> {
   TextEditingController filterController = TextEditingController();
   TextEditingController appointmentDateController = TextEditingController();
+  final TextEditingController _appointmentTitleController =
+      TextEditingController();
+  final TextEditingController _appointmentDescriptionIDController =
+      TextEditingController();
+  final TextEditingController _appointmentDateController =
+      TextEditingController();
+  final TextEditingController _appointmentTimeController =
+      TextEditingController();
   String baseUrl = AppEnviroment.baseApiUrl;
 
   String errorCode = "";
@@ -42,20 +58,26 @@ class _PatientAccessRequestState extends State<Appointments> {
 
   late Future<List<AccessRequest>> accessRequestResults;
   late Future<List<PatientQueue>> personalQueueResults;
+  late Future<List<Appointment>> personalAppointmentResults;
 
-  Widget displayQueueList(List<PatientQueue> patientQueueList) {
+  Widget displayAppointmentList(List<Appointment> appointmentList) {
-    if (patientQueueList.isNotEmpty) {
+    if (appointmentList.isNotEmpty) {
       return Expanded(
         child: BuildAppointmentList(
-          patientQueue: patientQueueList,
+          appointmentList: appointmentList,
           signedInUser: widget.signedInUser,
+          titleController: _appointmentTitleController,
+          descriptionIDController: _appointmentDescriptionIDController,
+          dateController: _appointmentDateController,
+          timeController: _appointmentTimeController,
         ),
       );
     }
     return Expanded(
       child: Padding(
         padding: const EdgeInsets.only(top: 35.0),
-        child: Center(
+        child: Align(
+          alignment: Alignment.center,
           child: Text(
             "No Appointments for $selectedDay",
             style: TextStyle(
@@ -70,8 +92,122 @@ class _PatientAccessRequestState extends State<Appointments> {
     );
   }
 
+  void addAppointmentWindow() {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) {
+        return MIHWindow(
+          fullscreen: false,
+          windowTitle: "Add Appointment",
+          windowTools: [],
+          onWindowTapClose: () {
+            Navigator.of(context).pop();
+            _appointmentDateController.clear();
+            _appointmentTimeController.clear();
+            _appointmentTitleController.clear();
+            _appointmentDescriptionIDController.clear();
+          },
+          windowBody: [
+            SizedBox(
+              // width: 500,
+              child: MIHTextField(
+                controller: _appointmentTitleController,
+                hintText: "Title",
+                editable: true,
+                required: true,
+              ),
+            ),
+            const SizedBox(height: 10),
+            SizedBox(
+              // width: 500,
+              child: MIHDateField(
+                controller: _appointmentDateController,
+                lableText: "Date",
+                required: true,
+              ),
+            ),
+            const SizedBox(height: 10),
+            SizedBox(
+              // width: 500,
+              child: MIHTimeField(
+                controller: _appointmentTimeController,
+                lableText: "Time",
+                required: true,
+              ),
+            ),
+            const SizedBox(height: 10),
+            SizedBox(
+              // width: 500,
+              height: 250,
+              child: MIHMLTextField(
+                controller: _appointmentDescriptionIDController,
+                hintText: "Description",
+                editable: true,
+                required: true,
+              ),
+            ),
+            const SizedBox(height: 20),
+            SizedBox(
+              width: 500,
+              height: 50,
+              child: MIHButton(
+                onTap: () {
+                  addAppointmentCall();
+                },
+                buttonText: "Add",
+                buttonColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                textColor:
+                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              ),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  bool isAppointmentInputValid() {
+    if (_appointmentTitleController.text.isEmpty ||
+        _appointmentDescriptionIDController.text.isEmpty ||
+        _appointmentDateController.text.isEmpty ||
+        _appointmentTimeController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  void addAppointmentCall() {
+    if (isAppointmentInputValid()) {
+      MihMzansiCalendarApis.addPersonalAppointment(
+        widget.signedInUser,
+        widget.signedInUser.app_id,
+        _appointmentTitleController.text,
+        _appointmentDescriptionIDController.text,
+        _appointmentDateController.text,
+        _appointmentTimeController.text,
+        context,
+      );
+    } else {
+      showDialog(
+        context: context,
+        builder: (context) {
+          return const MIHErrorMessage(errorType: "Input Error");
+        },
+      );
+    }
+    checkforchange();
+  }
+
   void checkforchange() {
     setState(() {
+      personalAppointmentResults =
+          MihMzansiCalendarApis.getPersonalAppointments(
+        widget.signedInUser.app_id,
+        selectedDay,
+      );
       personalQueueResults = MIHApiCalls.fetchPersonalAppointmentsAPICall(
         selectedDay,
         widget.signedInUser.app_id,
@@ -109,10 +245,18 @@ class _PatientAccessRequestState extends State<Appointments> {
     );
   }
 
-  MIHBody getBody() {
+  Widget getBody() {
-    return MIHBody(
+    return Stack(
-      borderOn: true,
+      children: [
-      bodyItems: [
+        Column(
+          children: [
+            // const Text(
+            //   "Appointments",
+            //   style: TextStyle(
+            //     fontWeight: FontWeight.bold,
+            //     fontSize: 25,
+            //   ),
+            // ),
             MIHCalendar(
                 calendarWidth: 500,
                 rowHeight: 35,
@@ -122,21 +266,22 @@ class _PatientAccessRequestState extends State<Appointments> {
                     appointmentDateController.text = selectedDay;
                   });
                 }),
-        Divider(
+            // Divider(
-          color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            //   color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-        ),
+            // ),
             Row(
               mainAxisSize: MainAxisSize.max,
               children: [
                 FutureBuilder(
-                future: personalQueueResults,
+                    future: personalAppointmentResults,
                     builder: (context, snapshot) {
                       if (snapshot.connectionState == ConnectionState.waiting) {
                         return const Expanded(
                             child: Center(child: Mihloadingcircle()));
-                  } else if (snapshot.connectionState == ConnectionState.done &&
+                      } else if (snapshot.connectionState ==
+                              ConnectionState.done &&
                           snapshot.hasData) {
-                    return displayQueueList(snapshot.requireData);
+                        return displayAppointmentList(snapshot.requireData);
                       } else {
                         return Center(
                           child: Text(
@@ -154,6 +299,27 @@ class _PatientAccessRequestState extends State<Appointments> {
               ],
             )
           ],
+        ),
+        Positioned(
+            right: 0,
+            bottom: 0,
+            child: Container(
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(50),
+                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              ),
+              child: IconButton(
+                color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                onPressed: () {
+                  addAppointmentWindow();
+                },
+                icon: const Icon(
+                  Icons.add,
+                  size: 50,
+                ),
+              ),
+            ))
+      ],
     );
   }
 
@@ -161,6 +327,10 @@ class _PatientAccessRequestState extends State<Appointments> {
   void dispose() {
     filterController.dispose();
     appointmentDateController.dispose();
+    _appointmentDateController.dispose();
+    _appointmentTimeController.dispose();
+    _appointmentTitleController.dispose();
+    _appointmentDescriptionIDController.dispose();
     super.dispose();
   }
 
@@ -168,6 +338,11 @@ class _PatientAccessRequestState extends State<Appointments> {
   void initState() {
     appointmentDateController.addListener(checkforchange);
     setState(() {
+      personalAppointmentResults =
+          MihMzansiCalendarApis.getPersonalAppointments(
+        widget.signedInUser.app_id,
+        selectedDay,
+      );
       personalQueueResults = MIHApiCalls.fetchPersonalAppointmentsAPICall(
         selectedDay,
         widget.signedInUser.app_id,
@@ -178,16 +353,9 @@ class _PatientAccessRequestState extends State<Appointments> {
 
   @override
   Widget build(BuildContext context) {
-    return MIHLayoutBuilder(
+    return MihAppToolBody(
-      actionButton: getActionButton(),
+      borderOn: true,
-      header: getHeader(),
+      bodyItem: getBody(),
-      secondaryActionButton: null,
-      body: getBody(),
-      actionDrawer: null,
-      secondaryActionDrawer: null,
-      bottomNavBar: null,
-      pullDownToRefresh: false,
-      onPullDown: () async {},
     );
   }
 }