Vitals settings - bp mgmt UI

resources/views/app/patient/vitals-settings.blade.php

@@ -23,7 +23,9 @@
                 <span class="mx-2 text-secondary">|</span>
                 @include('app.patient.vitals-settings.bp-management-form')
             </div>
-            @include('app.patient.vitals-settings.bp-management-summary')
+            <div class="pt-3">
+                @include('app.patient.vitals-settings.bp-management-summary')
+            </div>
         </div>
     </div>
 

resources/views/app/patient/vitals-settings/bp-management-form.blade.php

@@ -190,7 +190,103 @@
         </div>
         <hr class="my-3">
 
+        <div class="mb-2 d-flex align-items-start">
+            <span class="text-secondary min-width-140px w-50">Reports prehypertension?</span>
+            <div class="w-50">
+                <select type="text" class="form-control form-control-sm min-width-unset" name="hasPrehypertensionDx">
+                    <option value="">-- select --</option>
+                    <option {{$patient->has_prehypertension_dx === 'YES' ? 'selected' : ''}} value="YES">Yes</option>
+                    <option {{$patient->has_prehypertension_dx === 'NO' ? 'selected' : ''}} value="NO">No</option>
+                    <option {{$patient->has_prehypertension_dx === 'UNKNOWN' ? 'selected' : ''}} value="UNKNOWN">Unknown</option>
+                </select>
+            </div>
+        </div>
+        <div class="mb-2 d-flex align-items-start">
+            <span class="text-secondary min-width-140px w-50">Reports hypertension?</span>
+            <div class="w-50">
+                <select type="text" class="form-control form-control-sm min-width-unset" name="hasHypertensionDx">
+                    <option value="">-- select --</option>
+                    <option {{$patient->has_hypertension_dx === 'YES' ? 'selected' : ''}} value="YES">Yes</option>
+                    <option {{$patient->has_hypertension_dx === 'NO' ? 'selected' : ''}} value="NO">No</option>
+                    <option {{$patient->has_hypertension_dx === 'UNKNOWN' ? 'selected' : ''}} value="UNKNOWN">Unknown</option>
+                </select>
+            </div>
+        </div>
+        <div class="mb-2 d-flex align-items-start">
+            <span class="text-secondary min-width-140px w-50">Reports hypertension medicine?</span>
+            <div class="w-50">
+                <select type="text" class="form-control form-control-sm min-width-unset" name="isPrescribedHypertensionMedicine">
+                    <option value="">-- select --</option>
+                    <option {{$patient->is_prescribed_hypertension_medicine === 'YES' ? 'selected' : ''}} value="YES">Yes</option>
+                    <option {{$patient->is_prescribed_hypertension_medicine === 'NO' ? 'selected' : ''}} value="NO">No</option>
+                    <option {{$patient->is_prescribed_hypertension_medicine === 'UNKNOWN' ? 'selected' : ''}} value="UNKNOWN">Unknown</option>
+                </select>
+            </div>
+        </div>
+        <div class="mb-2 d-flex align-items-start">
+            <span class="text-secondary min-width-140px w-50">Is it a goal to reduce<br>hypertension medicine?</span>
+            <div class="w-50">
+                <select type="text" class="form-control form-control-sm min-width-unset" name="isGoalToReduceHypertensionMedicine">
+                    <option value="">-- select --</option>
+                    <option {{$patient->is_goal_to_reduce_hypertension_medicine === 'YES' ? 'selected' : ''}} value="YES">Yes</option>
+                    <option {{$patient->is_goal_to_reduce_hypertension_medicine === 'NO' ? 'selected' : ''}} value="NO">No</option>
+                    <option {{$patient->is_goal_to_reduce_hypertension_medicine === 'UNKNOWN' ? 'selected' : ''}} value="UNKNOWN">Unknown</option>
+                </select>
+            </div>
+        </div>
+
+        <div class="text-secondary min-width-140px mb-1">Describe the goal:</div>
+        <input type="text" class="form-control form-control-sm min-width-unset" name="goalToReduceHypertensionMedicineMemo" value="{{$patient->goal_to_reduce_hypertension_medicine_memo}}">
+
+        <div class="my-3 d-flex align-items-center">
+            <span class="text-secondary min-width-140px w-50">BP monitoring prescribed?</span>
+            <div class="w-50">
+                <select type="text" class="form-control form-control-sm min-width-unset" name="isBpMonitoringNeeded">
+                    <option value="">-- select --</option>
+                    <option {{$patient->is_bp_monitoring_needed === 'YES' ? 'selected' : ''}} value="YES">Yes</option>
+                    <option {{$patient->is_bp_monitoring_needed === 'NO' ? 'selected' : ''}} value="NO">No</option>
+                    <option {{$patient->is_bp_monitoring_needed === 'UNKNOWN' ? 'selected' : ''}} value="UNKNOWN">Unknown</option>
+                </select>
+            </div>
+        </div>
+
+        <hr class="my-3">
+
+        <div class="text-secondary min-width-140px mb-1">ICDs</div>
+        <table class="table table-sm table-striped table-bordered mb-3">
+            <thead>
+            <tr class="bg-light text-secondary">
+                <th class="border-bottom-0 width-30px">#</th>
+                <th class="border-bottom-0 w-25">Code</th>
+                <th class="border-bottom-0">Description</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td class="p-0 align-middle text-center">1</td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_icd1', 'text', 'whyIsBpMonitoringNeededIcd1', $patient) ?></td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_description1', 'text', 'whyIsBpMonitoringNeededDescription1', $patient) ?></td>
+            </tr>
+            <tr>
+                <td class="p-0 align-middle text-center">2</td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_icd2', 'text', 'whyIsBpMonitoringNeededIcd2', $patient) ?></td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_description2', 'text', 'whyIsBpMonitoringNeededDescription2', $patient) ?></td>
+            </tr>
+            <tr>
+                <td class="p-0 align-middle text-center">3</td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_icd3', 'text', 'whyIsBpMonitoringNeededIcd3', $patient) ?></td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_description3', 'text', 'whyIsBpMonitoringNeededDescription3', $patient) ?></td>
+            </tr>
+            <tr>
+                <td class="p-0 align-middle text-center">4</td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_icd4', 'text', 'whyIsBpMonitoringNeededIcd4', $patient) ?></td>
+                <td class="p-0 align-middle text-center"><?= vsElement('why_is_bp_monitoring_needed_description4', 'text', 'whyIsBpMonitoringNeededDescription4', $patient) ?></td>
+            </tr>
+            </tbody>
+        </table>
 
+        <div class="text-secondary min-width-140px mb-1">Remarks on clinical need:</div>
+        <input type="text" class="form-control form-control-sm min-width-unset" name="whyIsBpMonitoringNeeded" value="{{$patient->why_is_bp_monitoring_needed}}">
 
 
 

resources/views/app/patient/vitals-settings/bp-management-summary.blade.php

@@ -1,231 +1,242 @@
-<table class="table table-sm table-condensed table-bordered table-hover mt-3">
-    <tbody>
-    <tr>
-        <td>Is BP Monitoring Needed?</td>
-        <td class="font-weight-bold">{{$patient->is_bp_monitoring_needed}}</td>
-    </tr>
-    @if($patient->is_bp_monitoring_needed === 'YES')
-        <tr>
-            <td>Why Is Weight Monitoring Needed</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed}}</td>
-        </tr>
-        <tr>
-            <td>ICD 1</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_icd1}}</td>
-        </tr>
-        <tr>
-            <td>ICD 2</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_icd2}}</td>
-        </tr>
-        <tr>
-            <td>ICD 3</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_icd3}}</td>
-        </tr>
-        <tr>
-            <td>ICD 4</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_icd4}}</td>
-        </tr>
-        <tr>
-            <td>Description 1</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_description1}}</td>
-        </tr>
-        <tr>
-            <td>Description 2</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_description2}}</td>
-        </tr>
-        <tr>
-            <td>Description 3</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_description3}}</td>
-        </tr>
-        <tr>
-            <td>Description 4</td>
-            <td class="font-weight-bold">{{$patient->why_is_bp_monitoring_needed_description4}}</td>
-        </tr>
-        <tr>
-            <td>Has Pre-Hypertension Dx?</td>
-            <td class="font-weight-bold">{{$patient->has_prehypertension_dx}}</td>
-        </tr>
-        <tr>
-            <td>Has Hypertension Dx?</td>
-            <td class="font-weight-bold">{{$patient->has_hypertension_dx}}</td>
-        </tr>
-
-        <tr>
-            <td>Is prescribed hypertension medicine?</td>
-            <td class="font-weight-bold">{{$patient->is_prescribed_hypertension_medicine}}</td>
-        </tr>
-        <tr>
-            <td>Is goal to reduce hypertension medicine?</td>
-            <td class="font-weight-bold">{{$patient->is_goal_to_reduce_hypertension_medicine}}</td>
-        </tr>
-        <tr>
-            <td>Goal to reduce hypertension medicine</td>
-            <td class="font-weight-bold">{{$patient->goal_to_reduce_hypertension_medicine}}</td>
-        </tr>
-        <tr>
-            <td>SBP management goal category</td>
-            <td class="font-weight-bold">{{$patient->sbp_management_goal_category}}</td>
-        </tr>
-        <tr class="col-4">
-            <td>DBP management goal category</td>
-            <td class="font-weight-bold">{{$patient->dbp_management_goal_category}}</td>
-        </tr>
-        <tr>
-            <td>Pulse management goal category</td>
-            <td class="font-weight-bold">{{$patient->pulse_management_goal_category}}</td>
-        </tr>
+<div class="text-secondary font-weight-bold mb-3">Usual BP:</div>
+<div class="pl-3 mb-2">
+    <div class="text-secondary font-weight-bold mb-2">
+        <i class="fa fa-sun"></i>
+        AM
+    </div>
+    <div class="pl-3">
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary width-70px">SBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_sbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_sbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_sbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary width-70px">DBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_dbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_dbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_dbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-1 d-flex align-items-center">
+            <span class="text-secondary width-70px">Pulse:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_pulse', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_pulse_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_am_resting_pulse_max', $patient) ?></div>
+        </div>
+    </div>
+</div>
+<div class="pl-3 mb-3">
+    <div class="text-secondary font-weight-bold mb-2">
+        <i class="fa fa-moon"></i>
+        PM
+    </div>
+    <div class="pl-3">
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary width-70px">SBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_sbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_sbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_sbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary width-70px">DBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_dbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_dbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_dbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-1 d-flex align-items-center">
+            <span class="text-secondary width-70px">Pulse:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_pulse', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_pulse_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('usual_pm_resting_pulse_max', $patient) ?></div>
+        </div>
+    </div>
+</div>
+<hr class="my-3">
 
+<div class="text-secondary font-weight-bold mb-3">Ideal BP:</div>
+<div class="pl-3 mb-3">
+    <div class="pl-3">
+        <div class="mb-1 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">SBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_sbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_sbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_sbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-3 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">Goal: &nbsp;</span>
+            <div class="flex-grow-1">
+                <?= vsValue('sbp_management_goal_category', $patient) ?>
+            </div>
+        </div>
+        <div class="mb-1 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">DBP:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_dbp', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_dbp_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_dbp_max', $patient) ?></div>
+        </div>
+        <div class="mb-3 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">Goal: &nbsp;</span>
+            <div class="flex-grow-1">
+                <?= vsValue('dbp_management_goal_category', $patient) ?>
+            </div>
+        </div>
+        <div class="mb-1 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">Pulse:</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_pulse', $patient) ?></div>
+            <span class="text-secondary text-center text-sm">ranging between</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_pulse_min', $patient) ?></div>
+            <span class="text-secondary">and</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('ideal_am_resting_pulse_max', $patient) ?></div>
+        </div>
+        <div class="mb-3 d-flex align-items-center">
+            <span class="text-secondary min-width-70px">Goal: &nbsp;</span>
+            <div class="flex-grow-1">
+                <?= vsValue('pulse_management_goal_category', $patient) ?>
+            </div>
+        </div>
+    </div>
+</div>
+<hr class="my-3">
 
+<div class="text-secondary font-weight-bold mb-3">Alerts</div>
+<div class="pl-3 mb-3">
+    <div class="text-secondary font-weight-bold mb-2">
+        <i class="fa fa-circle text-danger"></i>
+        Red
+    </div>
+    <div class="pl-3">
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">SBP: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_sbp_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_sbp_below', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">DBP: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_dbp_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_dbp_below', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">Pulse: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_pulse_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('red_alert_when_pulse_below', $patient) ?></div>
+        </div>
+    </div>
+</div>
+<div class="pl-3 mb-2">
+    <div class="text-secondary font-weight-bold mb-2">
+        <i class="fa fa-circle text-warning-mellow"></i>
+        Yellow
+    </div>
+    <div class="pl-3">
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">SBP: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_sbp_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_sbp_below', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">DBP: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_dbp_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_dbp_below', $patient) ?></div>
+        </div>
+        <div class="mb-2 d-flex align-items-center">
+            <span class="text-secondary">Pulse: above</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_pulse_above', $patient) ?></div>
+            <span class="text-secondary text-center">or below</span>
+            <div class="px-2 font-weight-bold"><?= vsValue('yellow_alert_when_pulse_below', $patient) ?></div>
+        </div>
+    </div>
+</div>
+<hr class="my-3">
 
-        <tr>
-            <td>Baseline AM resting SBP</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_sbp}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting SBP min</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_sbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting SBP max</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_sbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting DBP</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_dbp}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting DBP min</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_dbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting DBP max</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_dbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting pulse</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_pulse}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting pulse min</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_pulse_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline AM resting pulse max</td>
-            <td class="font-weight-bold">{{$patient->baseline_am_resting_pulse_max}}</td>
-        </tr>
+<div class="mb-2 d-flex align-items-start">
+    <span class="text-secondary min-width-140px pr-3">Reports prehypertension?</span>
+    <div>
+        <?= vsValue('has_prehypertension_dx', $patient) ?>
+    </div>
+</div>
+<div class="mb-2 d-flex align-items-start">
+    <span class="text-secondary min-width-140px pr-3">Reports hypertension?</span>
+    <div>
+        <?= vsValue('has_hypertension_dx', $patient) ?>
+    </div>
+</div>
+<div class="mb-2 d-flex align-items-start">
+    <span class="text-secondary min-width-140px pr-3">Reports hypertension medicine?</span>
+    <div>
+        <?= vsValue('is_prescribed_hypertension_medicine', $patient) ?>
+    </div>
+</div>
+<div class="mb-2 d-flex align-items-start">
+    <span class="text-secondary min-width-140px pr-3">Is it a goal to reduce<br>hypertension medicine?</span>
+    <div>
+        <?= vsValue('is_goal_to_reduce_hypertension_medicine', $patient) ?>
+    </div>
+</div>
 
-        <tr>
-            <td>Baseline PM resting SBP</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_sbp}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting SBP min</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_sbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting SBP max</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_sbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting DBP</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_dbp}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting DBP min</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_dbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting DBP max</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_dbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting pulse</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_pulse}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting pulse min</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_pulse_min}}</td>
-        </tr>
-        <tr>
-            <td>Baseline PM resting pulse max</td>
-            <td class="font-weight-bold">{{$patient->baseline_pm_resting_pulse_max}}</td>
-        </tr>
+<div class="text-secondary min-width-140px mb-1">Describe the goal:</div>
+<div>
+    <?= vsValue('goal_to_reduce_hypertension_medicine_memo', $patient) ?>
+</div>
 
+<div class="my-3 d-flex align-items-center">
+    <span class="text-secondary min-width-140px pr-3">BP monitoring prescribed?</span>
+    <div>
+        <?= vsValue('is_bp_monitoring_needed', $patient) ?>
+    </div>
+</div>
 
-        <tr>
-            <td>Ideal AM resting SBP</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_sbp}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting SBP min</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_sbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting SBP max</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_sbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting DBP</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_dbp}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting DBP min</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_dbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting DBP max</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_dbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting pulse</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_pulse}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting pulse min</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_pulse_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal AM resting pulse max</td>
-            <td class="font-weight-bold">{{$patient->ideal_am_resting_pulse_max}}</td>
-        </tr>
+<hr class="my-3">
 
-        <tr>
-            <td>Ideal PM resting SBP</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_sbp}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting SBP min</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_sbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting SBP max</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_sbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting DBP</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_dbp}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting DBP min</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_dbp_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting DBP max</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_dbp_max}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting pulse</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_pulse}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting pulse min</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_pulse_min}}</td>
-        </tr>
-        <tr>
-            <td>Ideal PM resting pulse max</td>
-            <td class="font-weight-bold">{{$patient->ideal_pm_resting_pulse_max}}</td>
-        </tr>
-
-    @endif
+<div class="text-secondary min-width-140px mb-1">ICDs</div>
+<table class="table table-sm table-striped table-bordered mb-3">
+    <thead>
+    <tr class="bg-light text-secondary">
+        <th class="border-bottom-0 width-30px">#</th>
+        <th class="border-bottom-0 w-25">Code</th>
+        <th class="border-bottom-0">Description</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td class="p-0 align-middle text-center">1</td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_icd1', $patient) ?></td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_description1', $patient) ?></td>
+    </tr>
+    <tr>
+        <td class="p-0 align-middle text-center">2</td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_icd2', $patient) ?></td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_description2', $patient) ?></td>
+    </tr>
+    <tr>
+        <td class="p-0 align-middle text-center">3</td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_icd3', $patient) ?></td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_description3', $patient) ?></td>
+    </tr>
+    <tr>
+        <td class="p-0 align-middle text-center">4</td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_icd4', $patient) ?></td>
+        <td class="p-0 align-middle pl-1 py-1"><?= vsValue('why_is_bp_monitoring_needed_description4', $patient) ?></td>
+    </tr>
     </tbody>
 </table>