Memo field when cancelling CM/RM bill

public/css/style.css

@@ -129,3 +129,7 @@ hr.m-negator {
 .mcp-theme-1 .minutes-label {
     width: 40px;
 }
+.mcp-theme-1 .memo-textarea {
+    min-width: 200px;
+    height: 60px;
+}

resources/views/app/patient/care-month/dashboard.blade.php

@@ -350,7 +350,10 @@
                             <a start show class="py-0 mb-3 text-danger">Cancel</a>
                             <form url="/api/bill/markCancelled">
                                 <input type="hidden" name="uid" value="{{ $activeCMBill->uid }}">
-                                <p class="small">Are you sure you want to cancel this CM bill?</p>
+                                <p class="small mb-2">Are you sure you want to cancel this CM bill?</p>
+                                <div class="mb-2">
+                                    <textarea name="memo" id="" cols="30" rows="5" placeholder="Memo" class="memo-textarea form-control form-control-sm"></textarea>
+                                </div>
                                 <div class="d-flex align-items-center">
                                     <button class="btn btn-sm btn-danger mr-2" submit>Yes</button>
                                     <button class="btn btn-sm btn-default mr-2 border" cancel>No</button>
@@ -524,11 +527,14 @@
                         </div>
                         <span class="mx-2 text-secondary">|</span>
                         @endif
-                        <div moe>
+                        <div moe relative>
                             <a start show class="py-0 mb-3 text-danger">Cancel</a>
-                            <form url="/api/bill/markCancelled">
+                            <form url="/api/bill/markCancelled" right>
                                 <input type="hidden" name="uid" value="{{ $activeRMBill->uid }}">
-                                <p class="small">Are you sure you want to cancel this RM bill?</p>
+                                <p class="small mb-2">Are you sure you want to cancel this RM bill?</p>
+                                <div class="mb-2">
+                                    <textarea name="memo" id="" cols="30" rows="5" placeholder="Memo" class="memo-textarea form-control form-control-sm"></textarea>
+                                </div>
                                 <div class="d-flex align-items-center">
                                     <button class="btn btn-sm btn-danger mr-2" submit>Yes</button>
                                     <button class="btn btn-sm btn-default mr-2 border" cancel>No</button>