updated header

resources/views/layouts/patient-header.blade.php

@@ -32,9 +32,13 @@ $addressParts .= implode(", ", $addressPart2);
 <style media="screen">
 	.header-info h6 {
 		font-size: 1rem !important;
+    margin-bottom: 0;
 	}
+  .patient-header label {
+    margin-bottom: 0 !important;
+  }
 </style>
-<div class="p-2 mcp-theme-1">
+<div class="p-2 mcp-theme-1 patient-header">
   @if($patient->is_duplicate)
   <div class="alert alert-warning p-1 mb-2 border-dark mcp-theme-1 screen-only">
     <span class="text-dark">This chart is a duplicate of&nbsp;</span>
@@ -44,7 +48,7 @@ $addressParts .= implode(", ", $addressPart2);
   </div>
   @endif
   <div class="d-flex justify-content-between">
-    <div class="d-flex align-items-end header-info">
+    <div class="d-flex align-items-center header-info mb-2">
       <h6 class="font-weight-bold">{{$patientName}},</h6>
       <h6 class="ml-2">{{$patient->age_in_years}} Y, {{$patient->sex}}</h6>
       <h6 class="d-inline-flex align-items-baseline ml-2">
@@ -65,11 +69,47 @@ $addressParts .= implode(", ", $addressPart2);
           </div>
         </span>
       </h6>
+      <div class="d-flex border-left pl-2 ml-2">
+        <div class="mr-2">Cell. BP: <b>{{$patient->hasBPDevice()?'Yes':'No'}}</b></div>
+        @if($patient->most_recent_cellular_bp_sbp_mm_hg && $patient->most_recent_cellular_bp_dbp_mm_hg)
+        <div class="mr-2">Last BP:
+          <b>{{$patient->most_recent_cellular_bp_sbp_mm_hg ?: '-'}}/{{$patient->most_recent_cellular_bp_dbp_mm_hg ?: '-'}}</b>
+          @if($patient->most_recent_cellular_bp_measurement_at)
+          <span class="text-sm text-secondary text-nowrap ml-1" title="{{friendly_date_time($patient->most_recent_cellular_bp_measurement_at)}}">({{friendly_date($patient->most_recent_cellular_bp_measurement_at)}})</span>
+          @endif
+        </div>
+        @endif
+        <div class="mr-2">Wt. Scale: <b>{{$patient->hasWeightScaleDevice()?'Yes':'No'}}</b></div>
+        @if($patient->most_recent_cellular_weight_value)
+        <div class="mr-2">Last Wt.:
+          <b>{{round($patient->most_recent_cellular_weight_value, 1)}}</b>
+          @if($patient->most_recent_cellular_weight_measurement_at)
+          <span class="text-sm text-secondary text-nowrap ml-1" title="{{friendly_date_time($patient->most_recent_cellular_weight_measurement_at)}}">({{friendly_date($patient->most_recent_cellular_weight_measurement_at)}})</span>
+          @endif
+        </div>
+        @endif
+
+        <?php $currentCareMonth = $patient->currentCareMonth(); ?>
+        @if($currentCareMonth && ($pro->pro_type === 'ADMIN' || $pro->id === $currentCareMonth->mcp_pro_id))
+        <div class="text-primary c-pointer" open-in-stag-popup mc-initer="care-month-dashboard-{{$patient->uid}}" title="Care Month: {{friendly_month($currentCareMonth->start_date)}}" popup-style="overflow-visible" href="/patients/view/{{ $patient->uid }}/care-months/view/{{$currentCareMonth->uid}}">
+          <?php $spoken = $currentCareMonth->has_anyone_interacted_with_client_about_rm_outside_note; ?>
+          <span class="">RPM comm. this month:</span>
+          <b class="{{$spoken ? 'text-success' : ''}}">
+            {{$spoken ? 'Yes' : 'No'}}
+            @if(!$spoken)
+            <i class="fa fa-exclamation-triangle"></i>
+            @else
+            <i class="fa fa-check"></i>
+            @endif
+          </b>
+        </div>
+        @endif
+      </div>
     </div>
     <div class="d-flex justify-content-around">
       <div>
         <div moe relative>
-          <a href="#" start show class="ml-3 d-flex align-items-baseline"><i class="fa fa-comment mr-1"></i></a>
+          <a href="#" start show class="ml-3 mt-1 d-flex align-items-baseline"><i class="fa fa-comment mr-1"></i></a>
           <form right url="/api/clientSms/createOutgoing" class="mcp-theme-1" noreload>
             <input type="hidden" name="uid" value="{{ $patient->uid }}">
             <div class="mb-2">
@@ -92,7 +132,7 @@ $addressParts .= implode(", ", $addressPart2);
       </div>
       <div>
         <span moe relative class="">
-          <a href="#" start show class="ml-3 d-flex align-items-baseline" title="SMS check-in link to the patient"><i class="fa fa-paper-plane mr-1"></i></a>
+          <a href="#" start show class="ml-3 mt-1 d-flex align-items-baseline" title="SMS check-in link to the patient"><i class="fa fa-paper-plane mr-1"></i></a>
           <form right url="/api/client/sendCheckInTokenViaSmsOrEmail" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{ $patient->uid }}">
             <p class="small min-width-200px mb-2">Send Check-In link to patient?</p>
@@ -113,17 +153,17 @@ $addressParts .= implode(", ", $addressPart2);
       </div>
       @if($performer->pro->pro_type == 'ADMIN')
       <div>
-        <a href="#" start class="ml-3" show onclick="return openInRHS('/pro/check-video/{{ $patient->uid }}')"><i class="fa fa-eye mr-1"></i></a>
+        <a href="#" start class="ml-3 mt-1 d-block" show onclick="return openInRHS('/pro/check-video/{{ $patient->uid }}')"><i class="fa fa-eye mr-1"></i></a>
       </div>
       @endif
       <div>
-        <a href="#" start class="ml-3" show onclick="return openInRHS('/pro/meet/{{ $patient->uid }}')"><i class="fa fa-video mr-1"></i></a>
+        <a href="#" start class="ml-3 mt-1 d-block" show onclick="return openInRHS('/pro/meet/{{ $patient->uid }}')"><i class="fa fa-video mr-1"></i></a>
       </div>
     </div>
   </div>
 
   <div class="flex-header text-dark">
-    <div class="d-flex bg-light p-2">
+    <div class="d-flex bg-light p-2 border">
       <!-- <div class="">
         <img src="{{asset('img/patient.png')}}" width="80" alt="">
       </div> -->
@@ -135,7 +175,7 @@ $addressParts .= implode(", ", $addressPart2);
 
             @if($pro->pro_type == 'ADMIN')
             <div moe class="ml-2 hide-inside-popup">
-              <a start show><i class="fa fa-edit"></i></a>
+              <a start show><i class="fa fa-edit on-hover-opaque"></i></a>
               <form url="/api/client/updateClientEngagementAssessmentStatus" class="mcp-theme-1" target="#patient-header-content">
                 <input type="hidden" name="uid" value="{{$patient->uid}}">
                 <div class="mb-2">
@@ -165,7 +205,8 @@ $addressParts .= implode(", ", $addressPart2);
             </div>
             @endif
           </div>
-          <div class="mt-2">
+
+          <div class="mt-1">
             @if($patient->has_mcp_done_onboarding_visit !== 'YES')
             <span class="text-dark d-inline-flex align-items-center">
               <span class="mr-2">
@@ -174,7 +215,7 @@ $addressParts .= implode(", ", $addressPart2);
               </span>
             </span>
             <span moe class="hide-inside-popup">
-              <a start show><i class="fa fa-edit"></i></a>
+              <a start show><i class="fa fa-edit on-hover-opaque"></i></a>
               <form url="/api/client/updateMcpOnboardingVisitInfo" class="mcp-theme-1">
                 <input type="hidden" name="uid" value="{{$patient->uid}}">
                 <div class="mb-2">
@@ -220,11 +261,11 @@ $addressParts .= implode(", ", $addressPart2);
           </div>
         </div>
         @if($patient->mcp && $patient->mcp->id === $pro->id || $pro->pro_type == 'ADMIN')
-        <div class="mt-2">
+        <div class="my-1">
           <label>Follow-up Freq (days):</label>
           <span>{!! is_null($patient->mcp_usual_follow_up_frequency_in_days) ? '<span class="text-danger">Not Set</span>' : $patient->mcp_usual_follow_up_frequency_in_days !!}</span>
           <div moe relative class="ml-2">
-            <a href="#" start show class="text-sm"><i class="fa fa-edit"></i></a>
+            <a href="#" start show class="text-sm"><i class="fa fa-edit on-hover-opaque"></i></a>
             <form url="/api/client/putMcpUsualFollowUpFrequencyInDays">
               <input type="hidden" name="uid" value="{{$patient->uid}}">
               <div class="mb-2">
@@ -239,22 +280,35 @@ $addressParts .= implode(", ", $addressPart2);
           </div>
         </div>
         @endif
-        <span>DOB: {{friendly_date($patient->dob, false,null, true)}} </span>
+        <div class="d-flex">
+          <div>DOB: {{friendly_date($patient->dob, false,null, true)}} </div>
+          @if($patient->getPrimaryCoverage() && $patient->getPrimaryCoverageStatus() === 'YES')
+          <div class="text-nowrap screen-only ml-2 pl-2 border-left">
+            {{$patient->getPrimaryCoverage()->insuranceDisplayName()}}
+            <span class="on-hover-show d-inline-block on-hover-opaque">
+              <i class="fa fa-check-circle text-success"></i>
+              <div class="on-hover-content py-2 pl-3 text-nowrap">
+                Covered
+              </div>
+            </span>
+          </div>
+          @endif
+        </div>
       </div>
     </div>
 
 
     @if(!$patient->getPrimaryCoverage() || $patient->getPrimaryCoverageStatus() !== 'YES')
-    <div class="d-flex bg-light p-2">
+    <div class="d-flex bg-light p-2 border">
       @include('app.patient.coverage-status')
     </div>
     @endif
-    <div class="bg-light p-2">
+    <div class="bg-light p-2 border">
       <div>
         <label>MCP:</label> {{$mcpName}}
         @if($patient->has_mcp_done_onboarding_visit !== 'YES' && $pro->pro_type == 'ADMIN')
         <div moe class="ml-2 hide-inside-popup">
-          <a start show><i class="fa fa-edit"></i></a>
+          <a start show><i class="fa fa-edit on-hover-opaque"></i></a>
           <form url="/api/client/putMcp" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{$patient->uid}}">
             <div class="mb-2">
@@ -278,7 +332,7 @@ $addressParts .= implode(", ", $addressPart2);
         </div>
         @if($patient->mcp)
         <div moe class="ml-2 hide-inside-popup">
-          <a start show><i class="fa fa-times"></i></a>
+          <a start show><i class="fa fa-times on-hover-opaque"></i></a>
           <form url="/api/client/removeMcp" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{$patient->uid}}">
             <div class="mb-2">
@@ -297,10 +351,10 @@ $addressParts .= implode(", ", $addressPart2);
         @endif
         @endif
         @if($patient->mcp && $pro->pro_type === 'ADMIN' && $pro->uid !== $patient->mcp->uid)
-        <form action="{{route('process-log-in-as')}}?redir={{request()->url()}}" onsubmit="window.top.localStorage.currentProUid = '{{$patient->mcp->uid}}';" method="POST" target="_top" class="d-inline-block">
+        <form action="{{route('process-log-in-as')}}?redir={{request()->url()}}" onsubmit="window.top.localStorage.currentProUid = '{{$patient->mcp->uid}}';" method="POST" target="_top" class="d-inline-block mb-1">
           @csrf
           <input type="hidden" name="proUid" value="{{$patient->mcp->uid}}">
-          <button class="bg-transparent text-primary border-0 text-sm"><i class="fa fa-user"></i></button>
+          <button class="bg-transparent text-primary border-0 text-sm"><i class="fa fa-user on-hover-opaque"></i></button>
         </form>
         @endif
       </div>
@@ -310,7 +364,7 @@ $addressParts .= implode(", ", $addressPart2);
         <span>{!! $patient->mcpEngagementAssessmentStatus && $patient->mcpEngagementAssessmentStatus->status_category ? ucwords(strtolower(str_replace('_', ' ', $patient->mcpEngagementAssessmentStatus->status_category))) : '<span class="text-danger">Not
             Set</span>' !!}</span>
         <div moe class="ml-2">
-          <a start show><i class="fa fa-edit text-sm"></i></a>
+          <a start show><i class="fa fa-edit on-hover-opaque text-sm"></i></a>
           <form url="/api/client/updateMcpEngagementAssessmentStatus" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{$patient->uid}}">
             <div class="mb-2">
@@ -347,7 +401,7 @@ $addressParts .= implode(", ", $addressPart2);
         <label>CC:</label> {{$patient->defaultNaPro ? $patient->defaultNaPro->displayName() : '-' }}
         @if($pro->pro_type == 'ADMIN')
         <div moe class="ml-2 hide-inside-popup">
-          <a start show><i class="fa fa-edit text-sm"></i></a>
+          <a start show><i class="fa fa-edit on-hover-opaque text-sm"></i></a>
           <form url="/api/client/putDefaultNaPro" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{$patient->uid}}">
             <div class="mb-2">
@@ -399,7 +453,7 @@ $addressParts .= implode(", ", $addressPart2);
         <span>{!! $patient->defaultNaEngagementAssessmentStatus && $patient->defaultNaEngagementAssessmentStatus->status_category ? ucwords(strtolower(str_replace('_', ' ', $patient->defaultNaEngagementAssessmentStatus->status_category))) : '<span
             class="text-danger">Not Set</span>' !!}</span>
         <div moe class="ml-2">
-          <a start show><i class="fa fa-edit text-sm"></i></a>
+          <a start show><i class="fa fa-edit on-hover-opaque text-sm"></i></a>
           <form url="/api/client/updateDefaultNaEngagementAssessmentStatus" class="mcp-theme-1">
             <input type="hidden" name="uid" value="{{$patient->uid}}">
             <div class="mb-2">
@@ -434,49 +488,12 @@ $addressParts .= implode(", ", $addressPart2);
       @endif
     </div>
 
-    <div class="bg-light p-2">
-      <div class="mb-1">Cell. BP: <b>{{$patient->hasBPDevice()?'Yes':'No'}}</b></div>
-      @if($patient->most_recent_cellular_bp_sbp_mm_hg && $patient->most_recent_cellular_bp_dbp_mm_hg)
-      <div class="mb-1">Last BP:
-        <b>{{$patient->most_recent_cellular_bp_sbp_mm_hg ?: '-'}}/{{$patient->most_recent_cellular_bp_dbp_mm_hg ?: '-'}}</b>
-        @if($patient->most_recent_cellular_bp_measurement_at)
-        <span class="text-sm text-secondary text-nowrap ml-1" title="{{friendly_date_time($patient->most_recent_cellular_bp_measurement_at)}}">({{friendly_date($patient->most_recent_cellular_bp_measurement_at)}})</span>
-        @endif
-      </div>
-      @endif
-      <div class="mb-1">Wt. Scale: <b>{{$patient->hasWeightScaleDevice()?'Yes':'No'}}</b></div>
-      @if($patient->most_recent_cellular_weight_value)
-      <div class="mb-1">Last Wt.:
-        <b>{{round($patient->most_recent_cellular_weight_value, 1)}}</b>
-        @if($patient->most_recent_cellular_weight_measurement_at)
-        <span class="text-sm text-secondary text-nowrap ml-1" title="{{friendly_date_time($patient->most_recent_cellular_weight_measurement_at)}}">({{friendly_date($patient->most_recent_cellular_weight_measurement_at)}})</span>
-        @endif
-      </div>
-      @endif
-
-      <?php $currentCareMonth = $patient->currentCareMonth(); ?>
-      @if($currentCareMonth && ($pro->pro_type === 'ADMIN' || $pro->id === $currentCareMonth->mcp_pro_id))
-      <div class="text-primary c-pointer" open-in-stag-popup mc-initer="care-month-dashboard-{{$patient->uid}}" title="Care Month: {{friendly_month($currentCareMonth->start_date)}}" popup-style="overflow-visible" href="/patients/view/{{ $patient->uid }}/care-months/view/{{$currentCareMonth->uid}}">
-        <?php $spoken = $currentCareMonth->has_anyone_interacted_with_client_about_rm_outside_note; ?>
-        <span class="">RPM comm. this month:</span>
-        <b class="{{$spoken ? 'text-success' : ''}}">
-          {{$spoken ? 'Yes' : 'No'}}
-          @if(!$spoken)
-          <i class="fa fa-exclamation-triangle"></i>
-          @else
-          <i class="fa fa-check"></i>
-          @endif
-        </b>
-      </div>
-      @endif
-    </div>
-
-    <div class="bg-light p-2 max-width-300px">
+    <div class="bg-light p-2 border max-width-300px">
       <div>
         <div class="max-width-300px d-flex">
           <label class="mb-1">Sticky Note:</label>
           <div moe relative wide class="ml-2 hide-inside-popup">
-            <a start show><i class="fa fa-edit"></i></a>
+            <a start show><i class="fa fa-edit on-hover-opaque"></i></a>
             <form url="/api/client/updateStickyNote" class="mcp-theme-1" right>
               <input type="hidden" name="uid" value="{{$patient->uid}}">
               <div class="mb-2">
@@ -506,7 +523,7 @@ $addressParts .= implode(", ", $addressPart2);
       </div>
       @endif
     </div>
-    <div class="bg-light p-2">
+    <div class="bg-light p-2 border">
       <ul class="vbox align-self-start patient-header-address mb-0">
         <li class="mb-1 d-flex align-items-start">
           <span class="aligned-icon">