Note CPP section align fix

resources/views/app/patient/note/partials/cpp-bills-claims-container.blade.php

@@ -3,60 +3,18 @@
     {{-- companyPro, payer and location --}}
     @if($note->method === 'IN_CLINIC' || $pro->pro_type === 'ADMIN')
     <div class="p-3 border-bottom screen-only" data-non-segment-section="Pro/Payer Settings">
-        <div class="ml-auto d-flex align-items-center">
+        <div class="">
 
-            <div class="d-inline-flex align-items-center">
-                <span class="text-secondary font-weight-bold">Company Pro:&nbsp;</span>
-                <b>{{$note->hcpCompanyPro && $note->hcpCompanyPro->company ? $note->hcpCompanyPro->pro->displayName() . ' / ' . $note->hcpCompanyPro->company->name : '-'}}</b>
-                @if($note->hcpCompanyPro && $note->hcpCompanyPro->company)
-                    <div moe class="ml-1">
-                        <a class="text-danger" href="" show start><i class="fa fa-trash-alt"></i></a>
-                        <form url="/api/note/wipeHcpCompanyPro">
-                            <input type="hidden" name="uid" value="{{$note->uid}}">
-                            <p>Wipe company pro from this note?</p>
-                            <div class="mb-0">
-                                <button class="btn btn-primary btn-sm" submit>Submit</button>
-                                <button class="btn btn-default border btn-sm" cancel>Cancel</button>
-                            </div>
-                        </form>
-                    </div>
-                @else
-                    <div moe class="ml-1">
-                        <a class="text-primary" href="" show start><i class="fa fa-edit"></i></a>
-                        <form url="/api/note/putHcpCompanyPro">
-                            <input type="hidden" name="uid" value="{{$note->uid}}">
-                            <div class="mb-2">
-                                <select name="hcpCompanyProUid" class="form-control form-control-sm">
-                                    <option value="">-- select --</option>
-                                    @if($note->hcpPro)
-                                        @foreach($note->hcpPro->companyPros as $companyPro)
-                                            <option value="{{$companyPro->uid}}">{{$companyPro->pro->displayName() . ' / ' . $companyPro->company->name}}</option>
-                                        @endforeach
-                                    @endif
-                                </select>
-                            </div>
-                            <div class="mb-0">
-                                <button class="btn btn-primary btn-sm" submit>Submit</button>
-                                <button class="btn btn-default border btn-sm" cancel>Cancel</button>
-                            </div>
-                        </form>
-                    </div>
-                @endif
-            </div>
-
-            @if($note->hcpCompanyPro && $note->hcpCompanyPro->company)
-                <span class="mx-2 text-secondary">|</span>
-                <div class="d-inline-flex align-items-center">
-                    <span class="text-secondary font-weight-bold">Payer 1°:&nbsp;</span>
-                    <b>
-                        {{$note->hcpCompanyProPayer && $note->hcpCompanyProPayer->payer ? $note->hcpCompanyProPayer->payer->name : '-'}}
-                    </b>
-                    @if($note->hcpCompanyProPayer && $note->hcpCompanyProPayer->payer)
+            <div class="d-flex align-items-baseline mb-1">
+                <div class="text-secondary mb-1">Company Pro:&nbsp;</div>
+                <div class="">
+                    <b>{{$note->hcpCompanyPro && $note->hcpCompanyPro->company ? $note->hcpCompanyPro->pro->displayName() . ' / ' . $note->hcpCompanyPro->company->name : '-'}}</b>
+                    @if($note->hcpCompanyPro && $note->hcpCompanyPro->company)
                         <div moe class="ml-1">
                             <a class="text-danger" href="" show start><i class="fa fa-trash-alt"></i></a>
-                            <form url="/api/note/wipeHcpCompanyProPayer">
+                            <form url="/api/note/wipeHcpCompanyPro">
                                 <input type="hidden" name="uid" value="{{$note->uid}}">
-                                <p>Wipe payer from this note?</p>
+                                <p>Wipe company pro from this note?</p>
                                 <div class="mb-0">
                                     <button class="btn btn-primary btn-sm" submit>Submit</button>
                                     <button class="btn btn-default border btn-sm" cancel>Cancel</button>
@@ -66,14 +24,16 @@
                     @else
                         <div moe class="ml-1">
                             <a class="text-primary" href="" show start><i class="fa fa-edit"></i></a>
-                            <form url="/api/note/putHcpCompanyProPayer">
+                            <form url="/api/note/putHcpCompanyPro">
                                 <input type="hidden" name="uid" value="{{$note->uid}}">
                                 <div class="mb-2">
-                                    <select name="hcpCompanyProPayerUid" class="form-control form-control-sm">
+                                    <select name="hcpCompanyProUid" class="form-control form-control-sm">
                                         <option value="">-- select --</option>
-                                        @foreach($note->hcpCompanyPro->companyProPayers as $companyProPayer)
-                                            <option value="{{$companyProPayer->uid}}">{{$companyProPayer->payer->name}}</option>
-                                        @endforeach
+                                        @if($note->hcpPro)
+                                            @foreach($note->hcpPro->companyPros as $companyPro)
+                                                <option value="{{$companyPro->uid}}">{{$companyPro->pro->displayName() . ' / ' . $companyPro->company->name}}</option>
+                                            @endforeach
+                                        @endif
                                     </select>
                                 </div>
                                 <div class="mb-0">
@@ -84,55 +44,101 @@
                         </div>
                     @endif
                 </div>
+            </div>
 
-                <span class="mx-2 text-secondary">|</span>
-                <span>
-                    <span class="text-secondary font-weight-bold">Payer 2°: </span>
-                </span>
+            @if($note->hcpCompanyPro && $note->hcpCompanyPro->company)
 
-                <span class="mx-2 text-secondary">|</span>
-                <div class="d-inline-flex align-items-center">
-                    <span class="text-secondary font-weight-bold">Location:&nbsp;</span><b>{{$note->hcpCompanyLocation ? $note->hcpCompanyLocation->line1 . ', ' . $note->hcpCompanyLocation->city : '-'}}</b>
-                    @if($note->hcpCompanyLocation)
-                        <div moe class="ml-1">
-                            <a class="text-danger" href="" show start><i class="fa fa-trash-alt"></i></a>
-                            <form url="/api/note/wipeHcpCompanyLocation">
-                                <input type="hidden" name="uid" value="{{$note->uid}}">
-                                <p>Wipe location from this note?</p>
-                                <div class="mb-0">
-                                    <button class="btn btn-primary btn-sm" submit>Submit</button>
-                                    <button class="btn btn-default border btn-sm" cancel>Cancel</button>
-                                </div>
-                            </form>
-                        </div>
-                    @else
-                        <div moe class="ml-1">
-                            <a class="text-primary" href="" show start><i class="fa fa-edit"></i></a>
-                            <form url="/api/note/putHcpCompanyLocation">
-                                <input type="hidden" name="uid" value="{{$note->uid}}">
-                                <div class="mb-2">
-                                    <select name="hcpCompanyLocationUid" class="form-control form-control-sm">
-                                        <option value="">-- select --</option>
-                                        @if($note->hcpCompany && $note->hcpCompany->locations)
-                                            @foreach($note->hcpCompany->locations as $location)
-                                                <option value="{{$location->uid}}">{{$location->line1 . ', ' . $location->city}}</option>
+                <div class="d-flex align-items-baseline mb-1">
+                    <div class="text-secondary mb-1">Payer 1°:&nbsp;</div>
+                    <div class="">
+                        <b>{{$note->hcpCompanyProPayer && $note->hcpCompanyProPayer->payer ? $note->hcpCompanyProPayer->payer->name : '-'}}</b>
+                        @if($note->hcpCompanyProPayer && $note->hcpCompanyProPayer->payer)
+                            <div moe class="ml-1">
+                                <a class="text-danger" href="" show start><i class="fa fa-trash-alt"></i></a>
+                                <form url="/api/note/wipeHcpCompanyProPayer">
+                                    <input type="hidden" name="uid" value="{{$note->uid}}">
+                                    <p>Wipe payer from this note?</p>
+                                    <div class="mb-0">
+                                        <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                        <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        @else
+                            <div moe class="ml-1">
+                                <a class="text-primary" href="" show start><i class="fa fa-edit"></i></a>
+                                <form url="/api/note/putHcpCompanyProPayer">
+                                    <input type="hidden" name="uid" value="{{$note->uid}}">
+                                    <div class="mb-2">
+                                        <select name="hcpCompanyProPayerUid" class="form-control form-control-sm">
+                                            <option value="">-- select --</option>
+                                            @foreach($note->hcpCompanyPro->companyProPayers as $companyProPayer)
+                                                <option value="{{$companyProPayer->uid}}">{{$companyProPayer->payer->name}}</option>
                                             @endforeach
-                                        @endif
-                                    </select>
-                                </div>
-                                <div class="mb-0">
-                                    <button class="btn btn-primary btn-sm" submit>Submit</button>
-                                    <button class="btn btn-default border btn-sm" cancel>Cancel</button>
-                                </div>
-                            </form>
-                        </div>
-                    @endif
+                                        </select>
+                                    </div>
+                                    <div class="mb-0">
+                                        <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                        <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        @endif
+                    </div>
+                </div>
+
+                <div class="d-flex align-items-baseline mb-1">
+                    <div class="text-secondary mb-1">Payer 2°:&nbsp;</div>
+                    <div class="">
+                        <b>-</b>
+                    </div>
+                </div>
+
+                <div class="d-flex align-items-baseline mb-1">
+                    <div class="text-secondary mb-1">Location:&nbsp;</div>
+                    <div class="">
+                        <b>{{$note->hcpCompanyLocation ? $note->hcpCompanyLocation->line1 . ', ' . $note->hcpCompanyLocation->city : '-'}}</b>
+                        @if($note->hcpCompanyLocation)
+                            <div moe class="ml-1">
+                                <a class="text-danger" href="" show start><i class="fa fa-trash-alt"></i></a>
+                                <form url="/api/note/wipeHcpCompanyLocation">
+                                    <input type="hidden" name="uid" value="{{$note->uid}}">
+                                    <p>Wipe location from this note?</p>
+                                    <div class="mb-0">
+                                        <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                        <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        @else
+                            <div moe class="ml-1">
+                                <a class="text-primary" href="" show start><i class="fa fa-edit"></i></a>
+                                <form url="/api/note/putHcpCompanyLocation">
+                                    <input type="hidden" name="uid" value="{{$note->uid}}">
+                                    <div class="mb-2">
+                                        <select name="hcpCompanyLocationUid" class="form-control form-control-sm">
+                                            <option value="">-- select --</option>
+                                            @if($note->hcpCompany && $note->hcpCompany->locations)
+                                                @foreach($note->hcpCompany->locations as $location)
+                                                    <option value="{{$location->uid}}">{{$location->line1 . ', ' . $location->city}}</option>
+                                                @endforeach
+                                            @endif
+                                        </select>
+                                    </div>
+                                    <div class="mb-0">
+                                        <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                        <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        @endif
+                    </div>
                 </div>
             @endif
-            <span class="mx-2 text-secondary">|</span>
-            <div class="d-inline-flex align-items-center">
-                <span class="text-secondary font-weight-bold">Primary Coverage:&nbsp;</span>
-                <b>@include('app.patient.coverage_column_renderer', ['patient'=>$patient, 'truncateName' => true])</b>
+
+            <div class="d-flex align-items-baseline">
+                <div class="text-secondary font-weight-normal">Primary Coverage:&nbsp;</div>
+                <b class="d-inline-flex">@include('app.patient.coverage_column_renderer', ['patient'=>$patient, 'truncateName' => true])</b>
             </div>
         </div>
     </div>