Client -> Preferred pharmacy

public/css/style.css

@@ -215,6 +215,9 @@ body>nav.navbar {
 [moe][large] form {
     width: 450px;
 }
+[moe][bottom] form {
+    bottom: 100%;
+}
 .moe-disabled[moe] {
     cursor: not-allowed;
 }

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

@@ -4,190 +4,280 @@
 
     <div id="client-settings-container">
 
-    <div class="d-flex align-items-center mb-2">
-        <div class="font-weight-bold">Home Address</div>
-        <span class="text-secondary mx-2">|</span>
-        <div moe wide>
-            <a start show><i class="fa fa-edit"></i> Edit Address</a>
-            <form url="/api/client/editAddress" class="mcp-theme-1" onbeforesubmit="setSettingsMailingAddress">
-                <input type="hidden" name="uid" value="{{$patient->uid}}">
+        <div class="d-flex align-items-center mb-2">
+            <div class="font-weight-bold">Home Address</div>
+            <span class="text-secondary mx-2">|</span>
+            <div moe wide>
+                <a start show><i class="fa fa-edit"></i> Edit Address</a>
+                <form url="/api/client/editAddress" class="mcp-theme-1" onbeforesubmit="setSettingsMailingAddress">
+                    <input type="hidden" name="uid" value="{{$patient->uid}}">
 
-                <p class="mb-2 font-weight-bold">Home Address</p>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="homeAddressLine1" placeholder="Address Line 1" value="{{ $patient->home_address_line1 }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="homeAddressLine2" placeholder="Address Line 2" value="{{ $patient->home_address_line2 }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="homeAddressCity" placeholder="City" value="{{ $patient->home_address_city }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="homeAddressState" placeholder="State" value="{{ $patient->home_address_state }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="homeAddressZip" placeholder="ZIP" value="{{ $patient->home_address_zip }}">
-                </div>
+                    <p class="mb-2 font-weight-bold">Home Address</p>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="homeAddressLine1"
+                               placeholder="Address Line 1" value="{{ $patient->home_address_line1 }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="homeAddressLine2"
+                               placeholder="Address Line 2" value="{{ $patient->home_address_line2 }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="homeAddressCity"
+                               placeholder="City" value="{{ $patient->home_address_city }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="homeAddressState"
+                               placeholder="State" value="{{ $patient->home_address_state }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="homeAddressZip" placeholder="ZIP"
+                               value="{{ $patient->home_address_zip }}">
+                    </div>
 
-                <p class="mb-2 mt-3 font-weight-bold">Mailing Address</p>
-                <label class="d-flex align-items-center">
-                    @php
-                        $isSame = ($patient->home_address_line1 == $patient->mailing_address_line1 &&
-                                    $patient->home_address_line2 == $patient->mailing_address_line2 &&
-                                    $patient->home_address_city == $patient->mailing_address_city &&
-                                    $patient->home_address_state == $patient->mailing_address_state &&
-                                    $patient->home_address_zip == $patient->mailing_address_zip);
-                    @endphp
-                    <input type="checkbox" id="settingsSameAsHome" onchange="copyHomeToMailingAndReadOnly(this.checked)" {{ $isSame ? 'checked' : '' }}>
-                    <span class="ml-2">Same as home address</span>
-                </label>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="mailingAddressLine1" placeholder="Address Line 1" value="{{ $patient->mailing_address_line1 }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="mailingAddressLine2" placeholder="Address Line 2" value="{{ $patient->mailing_address_line2 }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="mailingAddressCity" placeholder="City" value="{{ $patient->mailing_address_city }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="mailingAddressState" placeholder="State" value="{{ $patient->mailing_address_state }}">
-                </div>
-                <div class="mb-2">
-                    <input type="text" class="form-control form-control-sm" name="mailingAddressZip" placeholder="ZIP" value="{{ $patient->mailing_address_zip }}">
-                </div>
-                <div class="mb-2">
-                    <textarea type="text" class="form-control form-control-sm" name="mailingAddressMemo" placeholder="Memo">{{ $patient->mailing_address_memo }}</textarea>
-                </div>
+                    <p class="mb-2 mt-3 font-weight-bold">Mailing Address</p>
+                    <label class="d-flex align-items-center">
+                        @php
+                            $isSame = ($patient->home_address_line1 == $patient->mailing_address_line1 &&
+                                        $patient->home_address_line2 == $patient->mailing_address_line2 &&
+                                        $patient->home_address_city == $patient->mailing_address_city &&
+                                        $patient->home_address_state == $patient->mailing_address_state &&
+                                        $patient->home_address_zip == $patient->mailing_address_zip);
+                        @endphp
+                        <input type="checkbox" id="settingsSameAsHome"
+                               onchange="copyHomeToMailingAndReadOnly(this.checked)" {{ $isSame ? 'checked' : '' }}>
+                        <span class="ml-2">Same as home address</span>
+                    </label>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="mailingAddressLine1"
+                               placeholder="Address Line 1" value="{{ $patient->mailing_address_line1 }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="mailingAddressLine2"
+                               placeholder="Address Line 2" value="{{ $patient->mailing_address_line2 }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="mailingAddressCity"
+                               placeholder="City" value="{{ $patient->mailing_address_city }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="mailingAddressState"
+                               placeholder="State" value="{{ $patient->mailing_address_state }}">
+                    </div>
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="mailingAddressZip"
+                               placeholder="ZIP" value="{{ $patient->mailing_address_zip }}">
+                    </div>
+                    <div class="mb-2">
+                        <textarea type="text" class="form-control form-control-sm" name="mailingAddressMemo"
+                                  placeholder="Memo">{{ $patient->mailing_address_memo }}</textarea>
+                    </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>
-    </div>
-    <div class="pl-3">
-        <div class="mb-1">
-            Address Line 1: <b>{{ $patient->home_address_line1 }}</b>
-        </div>
-        <div class="mb-1">
-            Address Line 2: <b>{{ $patient->home_address_line2 }}</b>
-        </div>
-        <div class="mb-1">
-            City: <b>{{ $patient->home_address_city }}</b>
-        </div>
-        <div class="mb-1">
-            State: <b>{{ $patient->home_address_state }}</b>
+                    <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>
         </div>
-        <div class="mb-1">
-            ZIP: <b>{{ $patient->home_address_zip }}</b>
+        <div class="pl-3">
+            <div class="mb-1">
+                Address Line 1: <b>{{ $patient->home_address_line1 }}</b>
+            </div>
+            <div class="mb-1">
+                Address Line 2: <b>{{ $patient->home_address_line2 }}</b>
+            </div>
+            <div class="mb-1">
+                City: <b>{{ $patient->home_address_city }}</b>
+            </div>
+            <div class="mb-1">
+                State: <b>{{ $patient->home_address_state }}</b>
+            </div>
+            <div class="mb-1">
+                ZIP: <b>{{ $patient->home_address_zip }}</b>
+            </div>
         </div>
-    </div>
 
-    <div class="font-weight-bold mb-2 mt-3">Mailing Address</div>
-    <div class="pl-3">
-        <div class="mb-1">
-            Address Line 1: <b>{{ $patient->mailing_address_line1 }}</b>
-        </div>
-        <div class="mb-1">
-            Address Line 2: <b>{{ $patient->mailing_address_line2 }}</b>
-        </div>
-        <div class="mb-1">
-            City: <b>{{ $patient->mailing_address_city }}</b>
-        </div>
-        <div class="mb-1">
-            State: <b>{{ $patient->mailing_address_state }}</b>
+        <div class="font-weight-bold mb-2 mt-3">Mailing Address</div>
+        <div class="pl-3">
+            <div class="mb-1">
+                Address Line 1: <b>{{ $patient->mailing_address_line1 }}</b>
+            </div>
+            <div class="mb-1">
+                Address Line 2: <b>{{ $patient->mailing_address_line2 }}</b>
+            </div>
+            <div class="mb-1">
+                City: <b>{{ $patient->mailing_address_city }}</b>
+            </div>
+            <div class="mb-1">
+                State: <b>{{ $patient->mailing_address_state }}</b>
+            </div>
+            <div class="mb-1">
+                ZIP: <b>{{ $patient->mailing_address_zip }}</b>
+            </div>
+            <div class="mb-1">
+                Special Instructions: <b>{{ $patient->mailing_address_memo }}</b>
+            </div>
         </div>
-        <div class="mb-1">
-            ZIP: <b>{{ $patient->mailing_address_zip }}</b>
+
+        <hr class="m-negator my-3">
+
+        <div class="d-flex align-items-center mb-2 mt-3">
+            <div class="font-weight-bold">Contact Info</div>
+            <span class="text-secondary mx-2">|</span>
+            <div moe wide>
+                <a start show><i class="fa fa-edit"></i> Edit Contact Info</a>
+                <form url="/api/client/putContactInfo" class="mcp-theme-1">
+                    <input type="hidden" name="uid" value="{{$patient->uid}}">
+                    <div class="mb-2">
+                        <label class="mb-1 text-secondary text-sm">Home Phone Number</label>
+                        <input type="tel" class="form-control form-control-sm" name="homeNumber"
+                               placeholder="Home Phone Number" value="{{ $patient->phone_home }}">
+                    </div>
+                    <div class="mb-2">
+                        <label class="mb-1 text-secondary text-sm">Cell Number</label>
+                        <input type="tel" class="form-control form-control-sm" name="cellNumber"
+                               placeholder="Cell Number" value="{{ $patient->cell_number }}">
+                    </div>
+                    <div class="mb-2">
+                        <label class="mb-1 text-secondary text-sm">Cell Number Memo</label>
+                        <input type="text" class="form-control form-control-sm" name="cellNumberMemo"
+                               placeholder="Cell Number Memo" value="{{ $patient->cell_number_memo }}">
+                    </div>
+                    <div class="mb-2">
+                        <label class="mb-1 text-secondary text-sm">Email Address</label>
+                        <input type="text" class="form-control form-control-sm" name="email" placeholder="Email Address"
+                               value="{{ $patient->email_address }}">
+                    </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>
         </div>
-        <div class="mb-1">
-            Special Instructions: <b>{{ $patient->mailing_address_memo }}</b>
+        <div class="pl-3">
+            <div class="mb-1">
+                Home Phone: <b>{{ $patient->phone_home }}</b>
+            </div>
+            <div class="mb-1">
+                Cell Phone: <b>{{ $patient->cell_number }}</b> <span
+                    class="text-sm text-secondary ml-2">{{ $patient->cell_number_memo ? '(' . $patient->cell_number_memo . ')' : '' }}</span>
+            </div>
+            <div class="mb-1">
+                Email: <b>{{ $patient->email_address }}</b>
+            </div>
         </div>
-    </div>
 
-    <hr class="m-negator my-3">
+        <hr class="m-negator my-3">
+        <span>MCP: <b>{{ $patient->mcp ? $patient->mcp->displayName() : '-' }}</b></span>
+        @if($pro->pro_type == 'ADMIN')
+            <div moe class="ml-2">
+                <a start show><i class="fa fa-edit"></i></a>
+                <form url="/api/client/putMcp" class="mcp-theme-1">
+                    <input type="hidden" name="uid" value="{{$patient->uid}}">
+                    <div class="mb-2">
+                        <label class="text-secondary text-sm">MCP Pro</label>
+                        <select name="mcpProUid" class="form-control form-control-sm">
+                            <option value=""> --select--</option>
+                            @foreach($pros as $iPro)
+                                <option
+                                    value="{{$iPro->uid}}" {{ $patient->mcp && $iPro->uid === $patient->mcp->uid ? 'selected' : '' }}>{{$iPro->displayName()}}</option>
+                            @endforeach
+                        </select>
+                    </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>
+        @endif
+
+        <hr class="m-negator my-3">
+        <span>Physician: <b>{{ $patient->pcp ? $patient->pcp->displayName() : '-' }}</b></span>
+        @if($pro->pro_type == 'ADMIN')
+            <div moe class="ml-2">
+                <a start show><i class="fa fa-edit"></i></a>
+                <form url="/api/client/putPhysicianPro" class="mcp-theme-1">
+                    <input type="hidden" name="uid" value="{{$patient->uid}}">
+                    <div class="mb-2">
+                        <label class="text-secondary text-sm">Physician Pro</label>
+                        <select name="physicianProUid" class="form-control form-control-sm">
+                            <option value=""> --select--</option>
+                            @foreach($pros as $iPro)
+                                <option
+                                    value="{{$iPro->uid}}" {{ $patient->pcp && $iPro->uid === $patient->pcp->uid ? 'selected' : '' }}>{{$iPro->displayName()}}</option>
+                            @endforeach
+                        </select>
+                    </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>
+        @endif
 
-    <div class="d-flex align-items-center mb-2 mt-3">
-        <div class="font-weight-bold">Contact Info</div>
-        <span class="text-secondary mx-2">|</span>
-        <div moe wide>
-            <a start show><i class="fa fa-edit"></i> Edit Contact Info</a>
-            <form url="/api/client/putContactInfo" class="mcp-theme-1">
+        <hr class="m-negator my-3">
+        <span>MCP Onboarding Visit: <b>{{ $patient->has_mcp_done_onboarding_visit }}</b></span>
+        <span moe class="ml-2">
+            <a start show><i class="fa fa-edit"></i></a>
+            <form url="/api/client/updateMcpOnboardingVisitInfo" class="mcp-theme-1">
                 <input type="hidden" name="uid" value="{{$patient->uid}}">
                 <div class="mb-2">
-                    <label class="mb-1 text-secondary text-sm">Home Phone Number</label>
-                    <input type="tel" class="form-control form-control-sm" name="homeNumber" placeholder="Home Phone Number" value="{{ $patient->phone_home }}">
+                    <select name="hasMcpDoneOnboardingVisit"
+                            class="form-control form-control-sm"
+                            onchange="toggleDisabledAsNeeded(this, 'YES', 'if-visit-done')">
+                        <option value="">-- Select Status --</option>
+                        <option
+                            value="YES" {{ $patient->has_mcp_done_onboarding_visit === 'YES' ? 'selected' : '' }}>YES</option>
+                        <option
+                            value="NO" {{ $patient->has_mcp_done_onboarding_visit === 'NO' ? 'selected' : '' }}>NO</option>
+                        <option value="UNKNOWN" {{ $patient->has_mcp_done_onboarding_visit === 'UNKNOWN' ? 'selected' : '' }}>UNKNOWN</option>
+                    </select>
                 </div>
                 <div class="mb-2">
-                    <label class="mb-1 text-secondary text-sm">Cell Number</label>
-                    <input type="tel" class="form-control form-control-sm" name="cellNumber" placeholder="Cell Number" value="{{ $patient->cell_number }}">
+                    <input type="date" class="if-visit-done form-control form-control-sm" disabled
+                           name="mcpOnboardingVisitDate" value="{{ date('Y-m-d') }}" max="{{ date('Y-m-d') }}">
                 </div>
                 <div class="mb-2">
-                    <label class="mb-1 text-secondary text-sm">Cell Number Memo</label>
-                    <input type="text" class="form-control form-control-sm" name="cellNumberMemo" placeholder="Cell Number Memo" value="{{ $patient->cell_number_memo }}">
+                    <select name="mcpOnboardingVisitNoteUid" disabled
+                            class="form-control form-control-sm if-visit-done"
+                            onchange="if(this.value === '-- create --') createNewNote('{{$patient->uid}}', '{{$pro->uid}}', '{{date('Y-m-d')}}');">
+                        <option value="">-- Visit Note --</option>
+                        @foreach ($notes as $note)
+                            @if(!empty($note->title) && $note->client_id === $patient->id && !$note->is_cancelled)
+                                <option
+                                    {{ $patient->mcp_onboarding_visit_note_id === $note->id ? 'selected' : '' }}
+                                    value="{{$note->uid}}">{{$note->title}} ({{friendly_date_time($note->effective_dateest, false)}})</option>
+                            @endif
+                        @endforeach
+                        {{--<option value="-- create --">-- Create Note --</option>--}}
+                    </select>
                 </div>
-                <div class="mb-2">
-                    <label class="mb-1 text-secondary text-sm">Email Address</label>
-                    <input type="text" class="form-control form-control-sm" name="email" placeholder="Email Address" value="{{ $patient->email_address }}">
+                <div class="mb-2 if-note-outside-system">
+                    <textarea class="form-control form-control-sm" name="reasonOnboardingVisitNoteOutsideSystem"
+                              placeholder="Visit note outside the system reason" spellcheck="false"
+                              data-gramm="false"></textarea>
                 </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>
-    </div>
-    <div class="pl-3">
-        <div class="mb-1">
-            Home Phone: <b>{{ $patient->phone_home }}</b>
-        </div>
-        <div class="mb-1">
-            Cell Phone: <b>{{ $patient->cell_number }}</b> <span class="text-sm text-secondary ml-2">{{ $patient->cell_number_memo ? '(' . $patient->cell_number_memo . ')' : '' }}</span>
-        </div>
-        <div class="mb-1">
-            Email: <b>{{ $patient->email_address }}</b>
-        </div>
-    </div>
+        </span>
 
-    <hr class="m-negator my-3">
-    <span>MCP: <b>{{ $patient->mcp ? $patient->mcp->displayName() : '-' }}</b></span>
-    @if($pro->pro_type == 'ADMIN')
-    <div moe class="ml-2">
-        <a start show><i class="fa fa-edit"></i></a>
-        <form url="/api/client/putMcp" class="mcp-theme-1">
-            <input type="hidden" name="uid" value="{{$patient->uid}}">
-            <div class="mb-2">
-                <label class="text-secondary text-sm">MCP Pro</label>
-                <select name="mcpProUid" class="form-control form-control-sm">
-                    <option value=""> --select-- </option>
-                    @foreach($pros as $iPro)
-                        <option value="{{$iPro->uid}}" {{ $patient->mcp && $iPro->uid === $patient->mcp->uid ? 'selected' : '' }}>{{$iPro->displayName()}}</option>
-                    @endforeach
-                </select>
-            </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>
-    @endif
-
-    <hr class="m-negator my-3">
-    <span>Physician: <b>{{ $patient->pcp ? $patient->pcp->displayName() : '-' }}</b></span>
-    @if($pro->pro_type == 'ADMIN')
-        <div moe class="ml-2">
+        <hr class="m-negator my-3">
+        <span>Initiative: <b>{{$patient->initiative ? $patient->initiative : 'N/A'}}</b></span>
+        <span moe class="ml-2">
             <a start show><i class="fa fa-edit"></i></a>
-            <form url="/api/client/putPhysicianPro" class="mcp-theme-1">
+            <form url="/api/client/updateInitiative" class="mcp-theme-1">
                 <input type="hidden" name="uid" value="{{$patient->uid}}">
                 <div class="mb-2">
-                    <label class="text-secondary text-sm">Physician Pro</label>
-                    <select name="physicianProUid" class="form-control form-control-sm">
-                        <option value=""> --select-- </option>
-                        @foreach($pros as $iPro)
-                            <option value="{{$iPro->uid}}" {{ $patient->pcp && $iPro->uid === $patient->pcp->uid ? 'selected' : '' }}>{{$iPro->displayName()}}</option>
+                    <select name="initiative" class="form-control">
+                        <option value="">-- select --</option>
+                        @foreach($intiatives as $initiative)
+                            <option value="{{$initiative}}">{{$initiative}}</option>
                         @endforeach
                     </select>
                 </div>
@@ -196,90 +286,70 @@
                     <button cancel class="btn btn-sm btn-default border">Cancel</button>
                 </div>
             </form>
-        </div>
-    @endif
-
-    <hr class="m-negator my-3">
-    <span>MCP Onboarding Visit: <b>{{ $patient->has_mcp_done_onboarding_visit }}</b></span>
-    <span moe class="ml-2">
-        <a start show><i class="fa fa-edit"></i></a>
-        <form url="/api/client/updateMcpOnboardingVisitInfo" class="mcp-theme-1">
-            <input type="hidden" name="uid" value="{{$patient->uid}}">
-            <div class="mb-2">
-                <select name="hasMcpDoneOnboardingVisit"
-                        class="form-control form-control-sm"
-                        onchange="toggleDisabledAsNeeded(this, 'YES', 'if-visit-done')">
-                    <option value="">-- Select Status --</option>
-                    <option value="YES" {{ $patient->has_mcp_done_onboarding_visit === 'YES' ? 'selected' : '' }}>YES</option>
-                    <option value="NO" {{ $patient->has_mcp_done_onboarding_visit === 'NO' ? 'selected' : '' }}>NO</option>
-                    <option value="UNKNOWN" {{ $patient->has_mcp_done_onboarding_visit === 'UNKNOWN' ? 'selected' : '' }}>UNKNOWN</option>
-                </select>
-            </div>
-            <div class="mb-2">
-                <input type="date" class="if-visit-done form-control form-control-sm" disabled
-                       name="mcpOnboardingVisitDate" value="{{ date('Y-m-d') }}" max="{{ date('Y-m-d') }}">
-            </div>
-            <div class="mb-2">
-                <select name="mcpOnboardingVisitNoteUid" disabled
-                        class="form-control form-control-sm if-visit-done"
-                        onchange="if(this.value === '-- create --') createNewNote('{{$patient->uid}}', '{{$pro->uid}}', '{{date('Y-m-d')}}');">
-                    <option value="">-- Visit Note --</option>
-                    @foreach ($notes as $note)
-                        @if(!empty($note->title) && $note->client_id === $patient->id && !$note->is_cancelled)
-                            <option
-                                {{ $patient->mcp_onboarding_visit_note_id === $note->id ? 'selected' : '' }}
-                                value="{{$note->uid}}">{{$note->title}} ({{friendly_date_time($note->effective_dateest, false)}})</option>
-                        @endif
-                    @endforeach
-                    {{--<option value="-- create --">-- Create Note --</option>--}}
-                </select>
-            </div>
-            <div class="mb-2 if-note-outside-system">
-                <textarea class="form-control form-control-sm" name="reasonOnboardingVisitNoteOutsideSystem" placeholder="Visit note outside the system reason" spellcheck="false" data-gramm="false"></textarea>
-            </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>
-    </span>
+        </span>
 
-    <hr class="m-negator my-3">
-    <span>Initiative: <b>{{$patient->initiative ? $patient->initiative : 'N/A'}}</b></span>
-    <span moe class="ml-2">
-        <a start show><i class="fa fa-edit"></i></a>
-        <form url="/api/client/updateInitiative" class="mcp-theme-1">
-            <input type="hidden" name="uid" value="{{$patient->uid}}">
-            <div class="mb-2">
-                <select name="initiative" class="form-control">
-                    <option value="">-- select --</option>
-                    @foreach($intiatives as $initiative)
-                        <option value="{{$initiative}}">{{$initiative}}</option>
-                    @endforeach
-                </select>
-            </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>
-    </span>
+        <hr class="m-negator my-3">
+        <div id="preferredPharmacyApp">
+            <span>Preferred Pharmacy: <b>@{{ pharmacy() }}</b></span>
+            <span moe bottom relative large class="ml-2">
+                <a start show><i class="fa fa-edit"></i></a>
+                <form url="/api/client/updatePreferredPharmacyDetail" class="mcp-theme-1">
+                    <input type="hidden" name="uid" value="{{$patient->uid}}">
+                    <input type="hidden" name="preferredPharmacyDetail" v-model="json">
+                    <div class="row mb-2">
+                        <div class="col-12">
+                            <label class="text-sm text-secondary mb-1">Business Name</label>
+                            <input type="text" v-model="payload.pharmacyName" class="form-control form-control-sm">
+                        </div>
+                    </div>
+                    <div class="row mb-2">
+                        <div class="col-6">
+                            <label class="text-sm text-secondary mb-1">City</label>
+                            <input type="text" v-model="payload.pharmacyCity" class="form-control form-control-sm">
+                        </div>
+                        <div class="col-6">
+                            <label class="text-sm text-secondary mb-1">State</label>
+                            <input type="text" v-model="payload.pharmacyState" class="form-control form-control-sm">
+                        </div>
+                    </div>
+                    <div class="row mb-2">
+                        <div class="col-12">
+                            <label class="text-sm text-secondary mb-1">Address Memo</label>
+                            <input type="text" v-model="payload.pharmacyAddressMemo" class="form-control form-control-sm">
+                        </div>
+                    </div>
+                    <div class="row mb-2">
+                        <div class="col-6">
+                            <label class="text-sm text-secondary mb-1">Phone</label>
+                            <input type="text" v-model="payload.pharmacyPhone" class="form-control form-control-sm">
+                        </div>
+                        <div class="col-6">
+                            <label class="text-sm text-secondary mb-1">Fax</label>
+                            <input type="text" v-model="payload.pharmacyFax" class="form-control form-control-sm">
+                        </div>
+                    </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>
+            </span>
+        </div>
 
     </div>
 
     <script>
-        window.setSettingsMailingAddress = function() {
+        window.setSettingsMailingAddress = function () {
             copyHomeToMailingAndReadOnly($('#settingsSameAsHome').is(':checked'));
         }
-        window.copyHomeToMailingAndReadOnly = function(_same) {
-            if(_same) {
+        window.copyHomeToMailingAndReadOnly = function (_same) {
+            if (_same) {
                 $('[name="mailingAddressLine1"]').val($('[name="homeAddressLine1"]').val()).prop('readonly', true);
                 $('[name="mailingAddressLine2"]').val($('[name="homeAddressLine2"]').val()).prop('readonly', true);
                 $('[name="mailingAddressCity"]').val($('[name="homeAddressCity"]').val()).prop('readonly', true);
                 $('[name="mailingAddressState"]').val($('[name="homeAddressState"]').val()).prop('readonly', true);
                 $('[name="mailingAddressZip"]').val($('[name="homeAddressZip"]').val()).prop('readonly', true);
-            }
-            else {
+            } else {
                 $('[name="mailingAddressLine1"]').prop('readonly', false);
                 $('[name="mailingAddressLine2"]').prop('readonly', false);
                 $('[name="mailingAddressCity"]').prop('readonly', false);
@@ -289,10 +359,91 @@
             }
         }
         @if($isSame)
-            function init() {
-                copyHomeToMailingAndReadOnly(true);
-            }
-            addMCInitializer('copy-mailing-address', init, '#client-settings-container');
+        function init() {
+            copyHomeToMailingAndReadOnly(true);
+        }
+
+        addMCInitializer('copy-mailing-address', init, '#client-settings-container');
         @endif
     </script>
+
+    <script>
+        <?php
+        $display = '-';
+        if (!empty($patient->preferred_pharmacy_detail)) {
+            $parsed = json_decode($patient->preferred_pharmacy_detail);
+            $parts = array_filter([
+                $parsed->pharmacyName,
+                $parsed->pharmacyCity,
+                $parsed->pharmacyState,
+                $parsed->pharmacyAddressMemo,
+                $parsed->pharmacyPhone,
+                $parsed->pharmacyFax,
+            ], function ($_item) {
+                return !!$_item;
+            });
+            $display = implode(", ", $parts);
+        }
+        ?>
+        window.preferredPharmacyApp = new Vue({
+            el: '#preferredPharmacyApp',
+            delimiters: ['@{{', '}}'],
+            data: {
+                payload: {
+                    pharmacyName: '{{ @$parsed->pharmacyName }}',
+                    pharmacyCity: '{{ @$parsed->pharmacyCity }}',
+                    pharmacyState: '{{ @$parsed->pharmacyState }}',
+                    pharmacyAddressMemo: '{{ @$parsed->pharmacyAddressMemo }}',
+                    pharmacyPhone: '{{ @$parsed->pharmacyPhone }}',
+                    pharmacyFax: '{{ @$parsed->pharmacyFax }}'
+                },
+                loaded: {
+                    pharmacyName: '{{ @$parsed->pharmacyName }}',
+                    pharmacyCity: '{{ @$parsed->pharmacyCity }}',
+                    pharmacyState: '{{ @$parsed->pharmacyState }}',
+                    pharmacyAddressMemo: '{{ @$parsed->pharmacyAddressMemo }}',
+                    pharmacyPhone: '{{ @$parsed->pharmacyPhone }}',
+                    pharmacyFax: '{{ @$parsed->pharmacyFax }}'
+                },
+                json: '',
+            },
+            watch: {
+                payload: {
+                    handler: function(val, oldVal) {
+                        this.json = JSON.stringify({
+                            pharmacyName: this.payload.pharmacyName,
+                            pharmacyCity: this.payload.pharmacyCity,
+                            pharmacyState: this.payload.pharmacyState,
+                            pharmacyAddressMemo: this.payload.pharmacyAddressMemo,
+                            pharmacyPhone: this.payload.pharmacyPhone,
+                            pharmacyFax: this.payload.pharmacyFax
+                        });
+                    },
+                    deep: true
+                },
+            },
+            methods: {
+                pharmacy: function() {
+                    return [
+                        this.loaded.pharmacyName,
+                        this.loaded.pharmacyCity,
+                        this.loaded.pharmacyState,
+                        this.loaded.pharmacyAddressMemo,
+                        this.loaded.pharmacyPhone,
+                        this.loaded.pharmacyFax,
+                    ].filter(Boolean).join(', ');
+                }
+            },
+            mounted: function() {
+                this.json = JSON.stringify({
+                    pharmacyName: this.payload.pharmacyName,
+                    pharmacyCity: this.payload.pharmacyCity,
+                    pharmacyState: this.payload.pharmacyState,
+                    pharmacyAddressMemo: this.payload.pharmacyAddressMemo,
+                    pharmacyPhone: this.payload.pharmacyPhone,
+                    pharmacyFax: this.payload.pharmacyFax
+                });
+            }
+        })
+    </script>
 @endsection