Nickname on top + easy edit

public/css/style.css

@@ -3675,7 +3675,7 @@ table.v-top th {
     top: 55px;
     width: calc(100% - 30px);
     height: 36px;
-    z-index: 2;
+    z-index: 98;
     background: #fff;
     border-bottom: 1px solid #ccc;
     left: 30px;

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

@@ -2,7 +2,8 @@
 $thumbnail = $patient->profile_picture_base64;
 $initials = !$thumbnail ? substr($patient->name_first, 0, 1) . substr($patient->name_last, 0, 1) : '';
 $online = $patient->is_online ? 'online' : '';
-$patientName = implode(', ', array_filter([$patient->name_last, $patient->name_first]));
+$patientName = implode(', ', array_filter([$patient->name_last, $patient->name_first])) .
+        ($patient->name_nickname ? ' (' . $patient->name_nickname . ')' : '');
 
 $confirmedCell = empty($patient->cell_number) ? '-' : $patient->cell_number;
 $hasConfirmedEmail = empty($patient->email_address) ? false:true;
@@ -54,8 +55,46 @@ $addressParts .= implode(", ", $addressPart2);
   @endif
   <div class="d-flex justify-content-between pt-2 {{request()->route()->getName() === 'patients.view.notes.view.dashboard' ? 'sticky-note-header' : ''}}" id="patient-top-most-header">
     <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="font-weight-bold">{{$patientName}}</h6>
+      <div moe wide class="ml-2">
+        <a start show><i class="fa fa-edit"></i></a>
+        <form url="/api/client/editName" class="mcp-theme-1">
+          <input type="hidden" name="uid" value="{{$patient->uid}}">
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="namePrefix" placeholder="Name Prefix" value="{{$patient->name_prefix}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameFirst" placeholder="Name First" value="{{$patient->name_first}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameMiddle" placeholder="Name Middle" value="{{$patient->name_middle}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameLast" placeholder="Name Last" value="{{$patient->name_last}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameSuffix" placeholder="Name Suffix" value="{{$patient->name_suffix}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameCredential" placeholder="Name Credential" value="{{$patient->name_credential}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameNickname" placeholder="Name Nickname" value="{{$patient->name_nickname}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="nameMaiden" placeholder="Name Maiden" value="{{$patient->name_maiden}}">
+          </div>
+          <div class="mb-2">
+            <input type="text" class="form-control form-control-sm" name="namePrevious" placeholder="Name Previous" value="{{$patient->name_previous}}">
+          </div>
+          <div>
+            <button submit class="btn btn-sm btn-primary mr-1">Submit</button>
+            <button cancel class="btn btn-sm btn-default border">Cancel</button>
+          </div>
+        </form>
+      </div>
+      <h6 class="ml-3">{{$patient->age_in_years}} Y, {{$patient->sex}}</h6>
       <h6 class="d-inline-flex align-items-baseline ml-2">
         <span><i class="chart mr-2">#{{$patient->chart_number}}</i></span>
         <span class="on-hover-show d-inline-block on-hover-opaque">