Update careMonth dashboard [WIP]

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

@@ -2,101 +2,39 @@
 
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center pt-2">
-            <h6 class="my-0 text-secondary">
-                <a href="/patients/view/{{ $patient->uid }}/care-months" class="small text-decoration-none">
-                    <i class="fa fa-chevron-left mr-2"></i>
+        <div class="pt-2">
+            <h6 class="my-0 text-secondary d-flex align-items-center">
+                <a href="/patients/view/{{ $patient->uid }}/care-months" class="small text-decoration-none mr-3">
+                    <i class="fa fa-chevron-left"></i>
                 </a>
-                <span class="font-weight-bold">
-                    Care Month</span> starting <span class="text-dark font-weight-bold">{{ friendly_date_time($careMonth->start_date, false) }}
+                <span class="text-dark font-weight-bold">Care Month</span>&nbsp;starting&nbsp;<span class="text-dark font-weight-bold">{{ friendly_date_time($careMonth->start_date, false) }}</span>
+                <span class="d-inline-flex align-items-center ml-auto">
+                    <span class="mr-3">
+                        CM <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->cm_total_time_in_seconds_by_cm_pro, '0s')}}</span>
+                    </span>
+                    <span class="mr-3">
+                        MCP <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->cm_total_time_in_seconds_by_mcp, '0s')}}</span>
+                    </span>
+                    <span class="">
+                        Total <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->cm_total_time_in_seconds, '0s')}}</span>
+                    </span>
+                </span>
+                <span class="mx-4 text-secondary">|</span>
+                <span class="d-inline-flex align-items-center">
+                    <span class="mr-3">
+                        RMM <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->rm_total_time_in_seconds_by_rmm_pro, '0s')}}</span>
+                    </span>
+                    <span class="mr-3">
+                        RME <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->rm_total_time_in_seconds_by_rme_pro, '0s')}}</span>
+                    </span>
+                    <span class="mr-3">
+                        MCP <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->rm_total_time_in_seconds_by_mcp, '0s')}}</span>
+                    </span>
+                    <span class="">
+                        Total <span class="font-weight-bold text-dark">{{time_in_minsec($careMonth->rm_total_time_in_seconds, '0s')}}</span>
+                    </span>
                 </span>
             </h6>
-            <span class="mx-2 text-secondary">|</span>
-            <div moe>
-                <a start show class="py-0 mb-3">Add CM Entry</a>
-                <form url="/api/careMonthEntry/createForCm">
-                    <input type="hidden" name="careMonthUid" value="{{ $careMonth->uid }}">
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="proUid"
-                               value="" placeholder="Pro">
-                    </div>
-                    <div class="mb-2">
-                        <input type="date" class="form-control form-control-sm" name="effectiveDate"
-                               value="" placeholder="Effective Date">
-                    </div>
-                    <div class="mb-2">
-                        <input type="number" min="0" max="9999" class="form-control form-control-sm" name="timeInSeconds"
-                               value="" placeholder="Time in Seconds">
-                    </div>
-                    <div class="mb-2 d-flex align-items-center">
-                        <span>Time Specific:</span>
-                        <input type="checkbox" name="isTimeSpecific" class="ml-1">
-                    </div>
-                    <div class="mb-2">
-                        <input type="time" class="form-control form-control-sm" name="startingTime"
-                               value="" placeholder="Starting Time">
-                    </div>
-                    <div class="mb-2">
-                        <input type="time" class="form-control form-control-sm" name="endingTime"
-                               value="" placeholder="Ending Time">
-                    </div>
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="contentText"
-                               value="" placeholder="Content Text">
-                    </div>
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="contentDetail"
-                               value="" placeholder="Content Detail">
-                    </div>
-                    <div class="d-flex align-items-center">
-                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                    </div>
-                </form>
-            </div>
-            <span class="mx-2 text-secondary">|</span>
-            <div moe>
-                <a start show class="py-0 mb-3">Add RM Entry</a>
-                <form url="/api/careMonthEntry/createForRm">
-                    <input type="hidden" name="careMonthUid" value="{{ $careMonth->uid }}">
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="proUid"
-                               value="" placeholder="Pro">
-                    </div>
-                    <div class="mb-2">
-                        <input type="date" class="form-control form-control-sm" name="effectiveDate"
-                               value="" placeholder="Effective Date">
-                    </div>
-                    <div class="mb-2">
-                        <input type="number" min="0" max="9999" class="form-control form-control-sm" name="timeInSeconds"
-                               value="" placeholder="Time in Seconds">
-                    </div>
-                    <div class="mb-2 d-flex align-items-center">
-                        <span>Time Specific:</span>
-                        <input type="checkbox" name="isTimeSpecific" class="ml-1">
-                    </div>
-                    <div class="mb-2">
-                        <input type="time" class="form-control form-control-sm" name="startingTime"
-                               value="" placeholder="Starting Time">
-                    </div>
-                    <div class="mb-2">
-                        <input type="time" class="form-control form-control-sm" name="endingTime"
-                               value="" placeholder="Ending Time">
-                    </div>
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="contentText"
-                               value="" placeholder="Content Text">
-                    </div>
-                    <div class="mb-2">
-                        <input type="text" class="form-control form-control-sm" name="contentDetail"
-                               value="" placeholder="Content Detail">
-                    </div>
-                    <div class="d-flex align-items-center">
-                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                    </div>
-                </form>
-            </div>
         </div>
 
         <hr class="m-negator">
@@ -107,14 +45,58 @@
 
         <div class="row">
             <div class="col-6">
-                <h6 class="my-0 text-secondary font-weight-bold text-dark">CM Time Entries</h6>
+                <div class="d-flex align-items-center">
+                    <h6 class="my-0 text-secondary font-weight-bold text-dark">CM Time Entries</h6>
+                    <span class="mx-2 text-secondary">|</span>
+                    <div moe>
+                        <a start show class="py-0 mb-3">Add</a>
+                        <form url="/api/careMonthEntry/createForCm">
+                            <input type="hidden" name="careMonthUid" value="{{ $careMonth->uid }}">
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="proUid"
+                                       value="" placeholder="Pro">
+                            </div>
+                            <div class="mb-2">
+                                <input type="date" class="form-control form-control-sm" name="effectiveDate"
+                                       value="" placeholder="Effective Date">
+                            </div>
+                            <div class="mb-2">
+                                <input type="number" min="0" max="9999" class="form-control form-control-sm" name="timeInSeconds"
+                                       value="" placeholder="Time in Seconds">
+                            </div>
+                            <div class="mb-2 d-flex align-items-center">
+                                <span>Time Specific:</span>
+                                <input type="checkbox" name="isTimeSpecific" class="ml-1">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="startingTime"
+                                       value="" placeholder="Starting Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="endingTime"
+                                       value="" placeholder="Ending Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentText"
+                                       value="" placeholder="Content Text">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentDetail"
+                                       value="" placeholder="Content Detail">
+                            </div>
+                            <div class="d-flex align-items-center">
+                                <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                                <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
                 <table class="table table-striped table-sm table-bordered mt-2 mb-0">
                     <thead>
                     <tr>
-                        <th class="px-2 text-secondary border-bottom-0">Created</th>
                         <th class="px-2 text-secondary border-bottom-0">Effective Date</th>
-                        <th class="px-2 text-secondary border-bottom-0">Time (mins)</th>
-                        <th class="px-2 text-secondary border-bottom-0">Details</th>
+                        <th class="px-2 text-secondary border-bottom-0">Time</th>
+                        <th class="px-2 text-secondary border-bottom-0 w-50">Details</th>
                         <th class="px-2 text-secondary border-bottom-0 delete-column">&nbsp;</th>
                     </tr>
                     </thead>
@@ -122,18 +104,15 @@
                     @foreach($entries as $entry)
                         @if($entry->cm_or_rm === "CM")
                         <tr>
-                            <td class="px-2">{{friendly_date_time($entry->created_at)}}</td>
-                            <td class="px-2">{{friendly_date_time($entry->effective_date)}}</td>
                             <td class="px-2">
-                                <div>CM Pro: {{time_in_minsec($entry->achieved_cm_pro_time_in_seconds)}}</div>
-                                <div>MCP: {{time_in_minsec($entry->achieved_mcp_time_in_seconds)}}</div>
-                                <div>Total: {{time_in_minsec($entry->achieved_total_time_in_seconds)}}</div>
+                                <div class="font-weight-bold">{{friendly_date_time($entry->created_at)}}</div>
+                                <div class="small text-secondary">Created: {{friendly_date_time($entry->effective_date)}}</div>
+                            </td>
+                            <td class="px-2">
+                                {{time_in_minsec($entry->time_in_seconds)}}
                             </td>
                             <td class="px-2">
-                                <em>
-                                    <div>content_text</div>
-                                    <div>content_detail</div>
-                                </em>
+                                {{$entry->content_text}}
                             </td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
@@ -155,14 +134,218 @@
                 </table>
             </div>
             <div class="col-6">
-                <h6 class="my-0 text-secondary font-weight-bold text-dark">RM Time Entries</h6>
+                <div class="d-flex align-items-center">
+                    <h6 class="my-0 text-secondary font-weight-bold text-dark">RM Time Entries</h6>
+                    <span class="mx-2 text-secondary">|</span>
+                    <div moe>
+                        <a start show class="py-0 mb-3">Add</a>
+                        <form url="/api/careMonthEntry/createForRm">
+                            <input type="hidden" name="careMonthUid" value="{{ $careMonth->uid }}">
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="proUid"
+                                       value="" placeholder="Pro">
+                            </div>
+                            <div class="mb-2">
+                                <input type="date" class="form-control form-control-sm" name="effectiveDate"
+                                       value="" placeholder="Effective Date">
+                            </div>
+                            <div class="mb-2">
+                                <input type="number" min="0" max="9999" class="form-control form-control-sm" name="timeInSeconds"
+                                       value="" placeholder="Time in Seconds">
+                            </div>
+                            <div class="mb-2 d-flex align-items-center">
+                                <span>Time Specific:</span>
+                                <input type="checkbox" name="isTimeSpecific" class="ml-1">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="startingTime"
+                                       value="" placeholder="Starting Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="endingTime"
+                                       value="" placeholder="Ending Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentText"
+                                       value="" placeholder="Content Text">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentDetail"
+                                       value="" placeholder="Content Detail">
+                            </div>
+                            <div class="d-flex align-items-center">
+                                <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                                <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <table class="table table-striped table-sm table-bordered mt-2 mb-0">
+                    <thead>
+                    <tr>
+                        <th class="px-2 text-secondary border-bottom-0">Effective Date</th>
+                        <th class="px-2 text-secondary border-bottom-0">Time</th>
+                        <th class="px-2 text-secondary border-bottom-0 w-50">Details</th>
+                        <th class="px-2 text-secondary border-bottom-0 delete-column">&nbsp;</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    @foreach($entries as $entry)
+                        @if($entry->cm_or_rm === "RM")
+                            <tr>
+                                <td class="px-2">
+                                    <div class="font-weight-bold">{{friendly_date_time($entry->created_at)}}</div>
+                                    <div class="small text-secondary">Created: {{friendly_date_time($entry->effective_date)}}</div>
+                                </td>
+                                <td class="px-2">
+                                    {{time_in_minsec($entry->time_in_seconds)}}
+                                </td>
+                                <td class="px-2">
+                                    {{$entry->content_text}}
+                                </td>
+                                <td class="px-2 text-center delete-column">
+                                    <div moe relative>
+                                        <a start show><i class="on-hover-opaque fa fa-trash text-danger"></i></a>
+                                        <form url="/api/careMonthEntry/remove" right>
+                                            <input type="hidden" name="uid" value="{{ $entry->uid }}">
+                                            <p class="small">Are you sure you want to delete this RM entry?</p>
+                                            <div class="d-flex align-items-center">
+                                                <button class="btn btn-sm btn-danger mr-2" submit>Delete</button>
+                                                <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                                            </div>
+                                        </form>
+                                    </div>
+                                </td>
+                            </tr>
+                        @endif
+                    @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+        <hr class="m-negator my-4">
+
+        <?php
+        $cmBills = $careMonth->getBillsOfType('CM');
+        $activeCMBill = false;
+        foreach ($cmBills as $cmBill) {
+            if(!$cmBill->is_cancelled && $careMonth->cm_bill_id === $cmBill->id) {
+                $activeCMBill = $cmBill;
+                break;
+            }
+        }
+        ?>
+
+        <?php
+        $rmBills = $careMonth->getBillsOfType('RM');
+        $activeRMBill = false;
+        foreach ($rmBills as $rmBill) {
+            if(!$rmBill->is_cancelled && $careMonth->cm_bill_id === $rmBill->id) {
+                $activeRMBill = $rmBill;
+                break;
+            }
+        }
+        ?>
+
+        <div class="row">
+            <div class="col-6">
+                <div class="d-flex align-items-center">
+                    <h6 class="my-0 text-secondary font-weight-bold text-dark">CM Bill</h6>
+                    <span class="mx-2 text-secondary">|</span>
+                    @if($activeCMBill === false)
+                        <div moe>
+                        <a start show class="py-0 mb-3">Generate</a>
+                        <form url="/api/careMonth/generateBillForCm">
+                            <input type="hidden" name="uid" value="{{ $careMonth->uid }}">
+                            <div class="mb-2">
+                                <select class="form-control" name="cmCode" value="">
+                                    <option value="">-- Select CM Code --</option>
+                                    <option value="CM20">CM20</option>
+                                    <option value="CM30_HCP">CM30_HCP</option>
+                                    <option value="CM60">CM60</option>
+                                    <option value="CM90">CM90</option>
+                                </select>
+                            </div>
+                            <div class="d-flex align-items-center">
+                                <button class="btn btn-sm btn-primary mr-2" submit>Generate</button>
+                                <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                            </div>
+                        </form>
+                    </div>
+                    @else
+                        <div moe>
+                            <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>
+                                <div class="d-flex align-items-center">
+                                    <button class="btn btn-sm btn-danger mr-2" submit>Cancel</button>
+                                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                                </div>
+                            </form>
+                        </div>
+                    @endif
+                </div>
+                @if($activeCMBill !== false)
+                <pre class="small">
+                    <?= print_r($activeCMBill) ?>
+                </pre>
+                @endif
+            </div>
+            <div class="col-6">
+                <div class="d-flex align-items-center">
+                    <h6 class="my-0 text-secondary font-weight-bold text-dark">RM Bill</h6>
+                    <span class="mx-2 text-secondary">|</span>
+                    <div moe>
+                        <a start show class="py-0 mb-3">Generate</a>
+                        <form url="/api/careMonthEntry/createForRm">
+                            <input type="hidden" name="careMonthUid" value="{{ $careMonth->uid }}">
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="proUid"
+                                       value="" placeholder="Pro">
+                            </div>
+                            <div class="mb-2">
+                                <input type="date" class="form-control form-control-sm" name="effectiveDate"
+                                       value="" placeholder="Effective Date">
+                            </div>
+                            <div class="mb-2">
+                                <input type="number" min="0" max="9999" class="form-control form-control-sm" name="timeInSeconds"
+                                       value="" placeholder="Time in Seconds">
+                            </div>
+                            <div class="mb-2 d-flex align-items-center">
+                                <span>Time Specific:</span>
+                                <input type="checkbox" name="isTimeSpecific" class="ml-1">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="startingTime"
+                                       value="" placeholder="Starting Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="time" class="form-control form-control-sm" name="endingTime"
+                                       value="" placeholder="Ending Time">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentText"
+                                       value="" placeholder="Content Text">
+                            </div>
+                            <div class="mb-2">
+                                <input type="text" class="form-control form-control-sm" name="contentDetail"
+                                       value="" placeholder="Content Detail">
+                            </div>
+                            <div class="d-flex align-items-center">
+                                <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                                <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
                 <table class="table table-striped table-sm table-bordered mt-2 mb-0">
                     <thead>
                     <tr>
                         <th class="px-2 text-secondary border-bottom-0">Created</th>
                         <th class="px-2 text-secondary border-bottom-0">Effective Date</th>
                         <th class="px-2 text-secondary border-bottom-0">Time (mins)</th>
-                        <th class="px-2 text-secondary border-bottom-0">Details</th>
                         <th class="px-2 text-secondary border-bottom-0 delete-column">&nbsp;</th>
                     </tr>
                     </thead>
@@ -178,12 +361,6 @@
                                     <div>MCP: {{time_in_minsec($entry->achieved_mcp_time_in_seconds)}}</div>
                                     <div>Total: {{time_in_minsec($entry->achieved_total_time_in_seconds)}}</div>
                                 </td>
-                                <td class="px-2">
-                                    <em>
-                                        <div>content_text</div>
-                                        <div>content_detail</div>
-                                    </em>
-                                </td>
                                 <td class="px-2 text-center delete-column">
                                     <div moe relative>
                                         <a start show><i class="on-hover-opaque fa fa-trash text-danger"></i></a>