Ability to cancel notes

public/css/style.css

@@ -182,4 +182,7 @@ body>nav.navbar {
     white-space: nowrap;
     display: block;
 }
+.mcp-theme-1 .cancelled-item {
+    opacity: 0.5;
+}
 

resources/views/app/patient/note/dashboard.blade.php

@@ -11,12 +11,14 @@
                 <i class="fa fa-chevron-left"></i>
             </a>
             <div>
-                <span class="text-dark font-weight-bold">{{$note->title}}</span>
+                <span class="text-dark font-weight-bold">{{$note->title}}
+                    <span class="text-secondary font-weight-normal">{{ $note->is_cancelled ? '(CANCELLED)' : '' }}</span>
+                </span>
             </div>
         </h6>
     </div>
 
-    <div class="card mb-0">
+    <div class="card mb-0 {{ $note->is_cancelled ? 'cancelled-item' : '' }}">
         <div class="card-header d-flex align-items-start px-3">
             <div class="pr-2">
                 {{$note->title}}
@@ -117,7 +119,7 @@
                 </div>
             </div>
             <div class="ml-auto d-flex align-items-start">
-                <div class="pr-2 border-right">
+                <div class="pr-2 mr-2 border-right">
                     <div>
                         @if($note->is_signed_by_hcp)
                             <span class="text-secondary">
@@ -163,37 +165,61 @@
                         @endif
                     </div>
                 </div>
-                <div moe relatve class="pl-2">
-                    <a class="" href="" show start>Create Bill</a>
-                    <form url="/api/bill/createForNote" right>
-                        <input type="hidden" name="noteUid" value="{{$note->uid}}">
-                        <div class="mb-2">
-                            <label for="" class="text-secondary text-sm">Effective Date</label>
-                            <input type="date" name="effectiveDate" class="form-control form-control-sm" required>
-                        </div>
-                        <div class="mb-2">
-                            <input type="text" name="code" placeholder="Code" class="form-control form-control-sm" required>
-                        </div>
-                        <div class="mb-2">
-                            <input type="text" name="reason1" placeholder="Reason 1" class="form-control form-control-sm">
+                <div>
+                    <div class="d-flex justify-content-end">
+                        <div moe relatve class="pl-2">
+                            <a class="" href="" show start>Create Bill</a>
+                            <form url="/api/bill/createForNote" right>
+                                <input type="hidden" name="noteUid" value="{{$note->uid}}">
+                                <div class="mb-2">
+                                    <label for="" class="text-secondary text-sm">Effective Date</label>
+                                    <input type="date" name="effectiveDate" class="form-control form-control-sm" required>
+                                </div>
+                                <div class="mb-2">
+                                    <input type="text" name="code" placeholder="Code" class="form-control form-control-sm" required>
+                                </div>
+                                <div class="mb-2">
+                                    <input type="text" name="reason1" placeholder="Reason 1" class="form-control form-control-sm">
+                                </div>
+                                <div class="mb-2">
+                                    <input type="text" name="reason2" placeholder="Reason 2" class="form-control form-control-sm">
+                                </div>
+                                <div class="mb-2">
+                                    <input type="text" name="serviceLocation" placeholder="Service Location" class="form-control form-control-sm">
+                                </div>
+                                <div class="mb-2">
+                                    <input type="text" name="modifier" placeholder="Modifier" class="form-control form-control-sm">
+                                </div>
+                                <div class="mb-2">
+                                    <input type="number" name="numberOfUnits" placeholder="Number of Units" class="form-control form-control-sm">
+                                </div>
+                                <div class="">
+                                    <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                    <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                </div>
+                            </form>
                         </div>
-                        <div class="mb-2">
-                            <input type="text" name="reason2" placeholder="Reason 2" class="form-control form-control-sm">
-                        </div>
-                        <div class="mb-2">
-                            <input type="text" name="serviceLocation" placeholder="Service Location" class="form-control form-control-sm">
-                        </div>
-                        <div class="mb-2">
-                            <input type="text" name="modifier" placeholder="Modifier" class="form-control form-control-sm">
-                        </div>
-                        <div class="mb-2">
-                            <input type="number" name="numberOfUnits" placeholder="Number of Units" class="form-control form-control-sm">
-                        </div>
-                        <div class="">
-                            <button class="btn btn-primary btn-sm" submit>Submit</button>
-                            <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                    </div>
+                    <div class="d-flex justify-content-end">
+                        @if(!$note->is_cancelled)
+                        <div moe relatve class="pl-2">
+                            <a class="text-danger" href="" show start>Cancel Note</a>
+                            <form url="/api/note/cancel" right>
+                                <input type="hidden" name="uid" value="{{$note->uid}}">
+                                <p class="small mb-2">Are you sure you want to cancel this note?</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>
+                                </div>
+                            </form>
                         </div>
-                    </form>
+                        @else
+                            <span class="text-secondary font-weight-bold">CANCELLED</span>
+                        @endif
+                    </div>
                 </div>
             </div>
         </div>

resources/views/app/patient/notes.blade.php

@@ -120,7 +120,7 @@
             </thead>
             <tbody>
             @foreach ($patient->notes as $note)
-                <tr>
+                <tr class="{{ $note->is_cancelled ? 'cancelled-item' : '' }}">
                     <td class="px-2">
                         {{ friendly_date_time($note->created_at, true) }}
                     </td>