@extends('layouts.template')

@section('content')
    <div class="container-fluid h-100">
        <div class="main-row h-100">
            <nav id="sidebarMenu" class="d-md-block bg-light sidebar collapse px-0">
                <div class="sidebar-sticky pt-3">
                    <ul class="nav flex-column mcp-theme-1">
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.dashboard', ['patient' => $patient]) }}">Dashboard</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.care-months', ['patient' => $patient]) }}">Care Months</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.notes', ['patient' => $patient]) }}">Notes</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.medications', ['patient' => $patient]) }}">Medications</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.dx-and-focus-areas', ['patient' => $patient]) }}">Dx and Focus Areas</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.care-team', ['patient' => $patient]) }}">Care Team</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.history', ['patient' => $patient]) }}">History</a>
                        </li>
                        <?php /*
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.care-plan', ['patient' => $patient]) }}">Care Plan</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.measurements', ['patient' => $patient]) }}">Measurements</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.labs-and-studies', ['patient' => $patient]) }}">Labs and Studies</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.immunizations', ['patient' => $patient]) }}">Immunizations</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.allergies', ['patient' => $patient]) }}">Allergies</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.flowsheets', ['patient' => $patient]) }}">Flowsheets</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.demographics', ['patient' => $patient]) }}">Demographics</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.account', ['patient' => $patient]) }}">Account</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.care-checklist', ['patient' => $patient]) }}">Care Checklist</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.documents', ['patient' => $patient]) }}">Documents</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.education', ['patient' => $patient]) }}">Education</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.messaging', ['patient' => $patient]) }}">Messaging</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('patients.view.duplicate', ['patient' => $patient]) }}">Duplicate</a>
                        </li>
                        */ ?>
                    </ul>
                </div>
            </nav>
            <main role="main" class="">
                <div class="card mt-3">
                    <div class=card-header>
                        <?php
                            $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]));

                            $confirmedCell = $patient->is_cell_number_confirmed ? $patient->cell_number : null;
                            $confirmedEmail = $patient->is_email_address_confirmed ? $patient->email_address : null;
                            $location = implode(', ', array_filter([$patient->home_address_city, $patient->home_address_state]));

                            $mcpName = $patient->mcp ? implode(', ', array_filter([$patient->mcp->name_last, $patient->mcp->name_first])) : null;
                            $cmName = $patient->cm ? implode(', ', array_filter([$patient->cm->name_last, $patient->cm->name_first])) : null;

                            $memberSince = date_diff(date_create($patient->created_at), date_create('now'))->days;
                            if ($memberSince > 30) $memberSince = date('F, Y', strtotime($patient->created_at));
                            else if ($memberSince > 1) $memberSince .= ' days ago';
                            else if ($memberSince === 1) $memberSince = 'yesterday';
                            else if ($memberSince === 0) $memberSince = 'today';
                        ?>

                        <div class=z>
                            <div class=header>
                            @if($patient->is_duplicate)
                                <div class="alert alert-secondary border-dark mcp-theme-1">
                                    <span class="text-dark">This chart is a duplicate of&nbsp;</span>
                                    <a class="font-weight-bold" href="/patients/view/{{ $patient->duplicateOf->uid }}">
                                        {{ $patient->duplicateOf->displayName() }}
                                    </a>
                                </div>
                            @endif
                            <div class=hbox>
                                <div class="thumbnail {{$online}}" style="background-image:<?=$thumbnail?>"><?=$initials?></div>
                                <section>
                                    <div class=hbox>
                                        <h4>{{$patientName}}</h4>
                                        <i class=chart>[#{{$patient->chart_number}}]</i>
                                    </div>
                                    <div class=separators>
                                        <div>{{$patient->dob}} ({{$patient->age_in_years}} y.o {{$patient->sex}})</div>
                                        <div>
                                            <label>MCN:</label>
                                            @if($patient->was_medicare_validation_successful)
                                                <span>
                                                    Valid #,
                                                    @if($patient->is_part_b_primary == 'YES')
                                                        Medicare Part B
                                                    @else
                                                        Not Medicare Part B <i class="fa fa-times"></i>
                                                        @if($patient->is_medicare_advantage == 'YES')
                                                            , Medicare Advantage,
                                                            {{$patient->medicare_advantage_plan}}
                                                        @endif
                                                    @endif
                                                </span>
                                            @else
                                                <div moe>
                                                    <a href="" start show>
                                                        @if($patient->mcn)
                                                            {{$patient->mcn}} INVALID! <i class="fa fa-times"></i>
                                                        @else
                                                            None provided.
                                                        @endif
                                                    </a>
                                                    <form url="/api/client/putMcn" 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="name_first"
                                                                   value="{{$patient->name_first}}"
                                                                   placeholder="First Name">
                                                        </div>
                                                        <div class="mb-2">
                                                            <input type="text" class="form-control form-control-sm" name="name_last"
                                                                   value="{{$patient->name_last}}"
                                                                   placeholder="Last Name">
                                                        </div>
                                                        <div class="mb-2">
                                                            <input type="date" class="form-control form-control-sm" name="dob"
                                                                   value="{{$patient->dob}}"
                                                                   placeholder="Date of Birth">
                                                        </div>
                                                        <div class="mb-2">
                                                            <input type="text" class="form-control form-control-sm" name="mcn"
                                                                   value="{{$patient->mcn}}"
                                                                   placeholder="Medicare Number">
                                                        </div>
                                                        <div>
                                                            <button submit class="btn btn-sm btn-primary mr-2">Submit</button>
                                                            <button cancel class="btn btn-sm btn-default border">Cancel</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <ul class=hbox>
                                        <li><i class="fa fa-phone-alt" aria-hidden="true"></i> {{$confirmedCell}}</li>
                                        <li><i class="fa fa-envelope" aria-hidden="true"></i> {{$confirmedEmail}}</li>
                                        <li><i class="fa fa-map-marker-alt" aria-hidden="true"></i> {{$location}}</li>
                                    </ul>
                                    <div class=separators>
                                        <div>Joined <?=$memberSince?></div>
                                        <div><label>PCP:</label> {{$mcpName}}</div>
                                        <div><label>MA:</label> {{$cmName}}</div>
                                    </div>
                                    @if($patient->mcp && $patient->has_mcp_done_onboarding_visit !== 'YES')
                                    <div class="text-dark d-flex align-items-center">
                                        <span class="mr-2">
                                            <i class="fa fa-exclamation-triangle"></i>
                                            MCP Onboarding Visit Pending
                                        </span>
                                        <div moe>
                                            <a start show>Update</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" max="{{ date('Y-m-d') }}">
                                                </div>
                                                <div class="mb-2">
                                                    <select name="mcpOnboardingVisitNoteUid" disabled
                                                            class="form-control form-control-sm if-visit-done"
                                                            onchange="toggleVisibilityAsNeeded(this, '', 'if-note-outside-system')">
                                                        <option value="">-- Visit Note --</option>
                                                        @foreach ($notes as $note)
                                                            @if(!empty($note->title))
                                                                <option value="{{$note->uid}}">{{$note->title}}</option>
                                                            @endif
                                                        @endforeach
                                                    </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"></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>
                                    @endif
                                </section>
                                <section>
                                    <div><label>Allergies:</label> Grass, Pollen, Latex</div>
                                    <div><label>Next Appt:</label> {{$patient->next_appointment ? friendly_date_time($patient->next_appointment, false) : '-'}}</div>
                                    <div>
                                        <label>CM:</label> {{ $patient->is_enrolled_in_cm === 'YES' ? 'Yes' : 'No' }}
                                        <label class="ml-2">RM:</label> {{ $patient->is_enrolled_in_rm === 'YES' ? 'Yes' : 'No' }}
                                    </div>
                                </section>
                                <section class=vbox>
                                    <div moe relative>
                                        <a start show>
                                            <!-- <i class="fa fa-plus-circle"></i> -->
                                            <button>+ Note</button>
                                        </a>
                                        <form url="/api/note/createUsingFreeTextHtml" right class="mcp-theme-1">
                                            <input type="hidden" name="clientUid" value="{{$patient->uid}}">
                                            <div class="mb-2">
                                                <select name="hcpProUid" class="form-control form-control-sm">
                                                    <option value="">-- Select HCP Pro --</option>
                                                    @foreach ($pros as $pro)
                                                        <option
                                                            value="{{$pro->uid}}">{{$pro->name_display}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="mb-2">
                                                <select name="allyProUid" class="form-control form-control-sm">
                                                    <option value="">-- Select Ally Pro --</option>
                                                    @foreach ($pros as $pro)
                                                        <option
                                                            value="{{$pro->uid}}">{{$pro->name_display}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="mb-2">
                                                <input type="text" name="title" placeholder="Title" class="form-control form-control-sm">
                                            </div>
                                            <div class="mb-2">
                                                <label class="text-secondary text-sm">Effective Date</label>
                                                <input type="date" name="effectiveDateEST" placeholder="Effective Date" class="form-control form-control-sm">
                                            </div>
                                            <div class="mb-2">
                                                <label class="text-secondary text-sm">Effective Time</label>
                                                <input type="time" name="effectiveTime" placeholder="Effective Time" class="form-control form-control-sm">
                                            </div>
                                            <div class="mb-2">
                                                <textarea name="freeTextHtml" id="" cols="30" rows="5" placeholder="Content" class="form-control form-control-sm"></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>
                                    <button>Pt. Ed.</button>
                                    <button>Video</button>
                                    <div moe relative>
                                        <a start show>
                                            <!-- <i class="fa fa-plus-circle"></i> -->
                                            <button>+ Appointment</button>
                                        </a>
                                        <form url="/api/client/setNextAppointment" right class="mcp-theme-1">
                                            <input type="hidden" name="uid" value="{{$patient->uid}}">

                                            <div class="mb-2">
                                                <label class="text-secondary text-sm">Date</label>
                                                <input type="date" name="date" min="{{ date('Y-m-d') }}" class="form-control form-control-sm">
                                            </div>

                                            <div class="my-1 py-1">
                                                <label class="text-dar d-flex align-items-center">
                                                    <span>Is time specific</span>
                                                    <input type="checkbox" name="isTimeSpecific" class="my-0 ml-1"
                                                           onchange="enableTimeSpecificFields(this.checked, '', 'next-appt-time-range')">
                                                </label>
                                            </div>

                                            <div class="mb-2">
                                                <label class="text-secondary text-sm">Time</label>
                                                <input type="time" name="time" class="form-control form-control-sm next-appt-time-range" disabled>
                                            </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>
                                </section>
                            </div>
                        </div></div> <!-- z -->
                    </div>

                    <div class="card-header" style=display:none>
                        @if($patient->is_duplicate)
                            <div class="alert alert-danger">
                                This chart is a duplicate of: __________
                            </div>
                        @endif
                        <div class="d-flex">
                            <div class="">
                                <div class="d-flex">
                                    <div class="d-flex align-items-center">
                                        <div class="font-weight-bold" style="font-size: 1.4em">
                                            {{$patient->name_last}}, {{$patient->name_first}}
                                        </div>
                                        @if(!$patient->was_medicare_validation_successful)
                                            <div moe class="ml-2">
                                                <a href="" start show>
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form url="/api/client/editName">
                                                    <input type="hidden" name="uid" value="{{$patient->uid}}">
                                                    <div class="form-group">
                                                        Prefix: <input type="text" name="namePrefix"
                                                                       value="{{$patient->name_prefix}}"><br>
                                                        First: <input type="text" name="nameFirst"
                                                                      value="{{$patient->name_first}}"><br>
                                                        Middle: <input type="text" name="nameMiddle"
                                                                       value="{{$patient->name_middle}}"><br>
                                                        Last: <input type="text" name="nameLast"
                                                                     value="{{$patient->name_last}}"><br>
                                                        Suffix: <input type="text" name="nameSuffix"
                                                                       value="{{$patient->name_suffix}}"><br>
                                                        Credential: <input type="text" name="nameCredential"
                                                                           value="{{$patient->name_credential}}"><br>
                                                        Nickname: <input type="text" name="nameNickname"
                                                                         value="{{$patient->name_nickname}}"><br>
                                                        Maiden: <input type="text" name="nameMaiden"
                                                                       value="{{$patient->name_maiden}}"><br>
                                                        Previous: <input type="text" name="namePrevious"
                                                                         value="{{$patient->name_previous}}">
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-success btn-sm" submit>Submit</button>
                                                        <button class="btn btn-secondary btn-sm" cancel>Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        @endif
                                        <span class="pl-2">
                                            {{$patient->dob}}
                                            {{$patient->age_in_years}} y.o. {{$patient->sex}}
                                        </span>
                                        @if(!$patient->was_medicare_validation_successful)
                                            <div moe class="ml-2">
                                                <a href="" start show>
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form url="/api/client/editDob">
                                                    <input type="hidden" name="uid" value="{{$patient->uid}}">
                                                    <div class="form-group">
                                                        <input type="date" class="" name="dob"
                                                               value="{{$patient->dob}}">
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-success btn-sm" submit>Submit</button>
                                                        <button class="btn btn-secondary btn-sm" cancel>Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="align-items-center d-flex">
                                        <i class="badge badge-info ml-3">
                                            #{{$patient->chart_number}}
                                        </i>
                                    </div>
                                    <div class="pl-3">
                                        <strong>PCP:</strong>
                                        @if($patient->mcp)
                                            {{$patient->mcp->name_display}}...
                                            @if($patient->has_mcp_done_onboarding_visit == 'YES')
                                                <strong>First E&M
                                                    Visit:</strong> {{$patient->mcp_onboarding_visit_date}}...
                                                <strong>Last E&M Visit:</strong>
                                                {$patient->most_recent_mcp_em_visit_date}...
                                                <strong>Next E&M Visit:</strong> {$patient->next_mcp_em_visit_date}
                                            @else
                                                <span class="alert alert-success text-sm p-1">
                                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                                    Patient has not been seen yet!
                                                </span>
                                            @endif
                                        @else
                                            <div moe>
                                                none!
                                                <a href="" start show>
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form url="/api/client/putMcp">
                                                    <input type="hidden" name="uid" value="{{$patient->uid}}">
                                                    <div class="form-group">
                                                        <select name="mcpProUid" class="form-control">
                                                            <option value="">-- select mcp --</option>
                                                            @foreach ($pros as $pro)
                                                                <option
                                                                    value="{{$pro->uid}}">{{$pro->name_display}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-success btn-sm" submit>Submit</button>
                                                        <button class="btn btn-secondary btn-sm" cancel>Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div>
                                        <strong>MCN:</strong>
                                        @if($patient->mcn)
                                            @if($patient->was_medicare_validation_successful)
                                                <span
                                                    class="badge badge-{{$patient->is_part_b_primary == 'YES' ? 'success' : 'danger'}}">
                                                    Valid #,
                                                    @if($patient->is_part_b_primary == 'YES')
                                                        Medicare Part B <i class="fa fa-check"></i>
                                                    @else
                                                        Not Medicare Part B <i class="fa fa-times"></i>
                                                        @if($patient->is_medicare_advantage == 'YES')
                                                            , Medicare Advantage,
                                                            {{$patient->medicare_advantage_plan}}
                                                        @endif
                                                    @endif
                                                </span>
                                            @else
                                                <span class="badge badge-warning">
                                                    {{$patient->mcn}}
                                                    INVALID! <i class="fa fa-times"></i>
                                                </span>
                                            @endif
                                        @else
                                            None provided. <i class="fa fa-times"></i>
                                        @endif
                                        @if(!$patient->was_medicare_validation_successful)
                                            <div moe>
                                                <a href="" start show><i class="fas fa-edit"></i></a>
                                                <form url="/api/client/putMcn" class="mcp-theme-1">
                                                    <input type="hidden" name="uid" value="{{$patient->uid}}">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control form-control-sm" name="mcn" value="{{$patient->mcn}}">
                                                    </div>
                                                    <div>
                                                        <button submit class="btn btn-sm btn-primary mr-2">Submit</button>
                                                        <button cancel class="btn btn-sm btn-default border">Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="d-flex">
                                        <div class="pl-3">
                                            <strong>MA:</strong>
                                            @if($patient->cm)
                                                {{$patient->cm->name_display}}
                                            @else
                                                <div>
                                                    none!
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div>
                                        <strong>
                                            Focus areas:
                                        </strong>
                                        T2DM, CAD, HTN, Weight Loss
                                    </div>
                                    <div class="pl-4">
                                        <strong>Ht:</strong> ___ in. <strong>Wt:</strong> ___ lbs. <strong>BMI:</strong>
                                        ___
                                    </div>
                                </div>
                                <div>
                                    <strong>
                                        Allergies:
                                    </strong>
                                    ...
                                    ...
                                    ...
                                </div>
                            </div>
                            <div class="text-right flex-fill">
                                <div moe>
                                    <a start show class="btn btn-primary btn-sm">
                                        <i class="fa fa-plus-circle"></i>
                                        Note
                                    </a>
                                    <form url="/api/note/create" right>
                                        <input type="hidden" name="clientUid" value="{{$patient->uid}}">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="" class="control-label">HCP Pro</label>
                                                    <select name="hcpProUid" class="form-control">
                                                        <option value="">-- select hcp pro --</option>
                                                        @foreach ($pros as $pro)
                                                            <option
                                                                value="{{$pro->uid}}">{{$pro->name_display}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="" class="control-label">Ally Pro</label>
                                                    <select name="allyProUid" class="form-control">
                                                        <option value="">-- select ally pro --</option>
                                                        @foreach ($pros as $pro)
                                                            <option
                                                                value="{{$pro->uid}}">{{$pro->name_display}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="" class="control-label text-left">Title</label>
                                                    <input type="text" name="title" class="form-control">
                                                </div>
                                                <div class="form-group">
                                                    <label for="" class="control-label text-left">Effective date</label>
                                                    <input type="date" name="effectiveDateEST" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label text-left">Effective time</label>
                                                    <input type="time" name="effectiveTime" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="" class="control-label">reason1</label>
                                                    <input type="text" name="reason1" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label">reason2</label>
                                                    <input type="text" name="reason2" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label">reason3</label>
                                                    <input type="text" name="reason3" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label">reason3Plus</label>
                                                    <input type="text" name="reason3Plus" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label">serviceLocation</label>
                                                    <input type="text" name="serviceLocation" class="form-control">
                                                </div>

                                                <div class="form-group">
                                                    <label for="" class="control-label">category</label>
                                                    <input type="text" name="category" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <button class="btn btn-primary" submit>Submit</button>
                                                    <button class="btn btn-danger" cancel>Cancel</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <br>
                                <button class="btn btn-primary btn-sm mt-2">
                                    <i class="fa fa-book"></i>
                                    Education
                                </button>
                            </div>
                        </div>
                        {{-- go to patient's call page --}}
                        <div class="p-3 border small mt-3 bg-white">
                            <div class="mr-3 my-1">Online:
                                <span class="font-weight-bold">
                                        <?= $patient->is_online ? '<span class="text-success">YES</span>' : '<span class="text-secondary">NO</span>' ?>
                                    </span>
                            </div>
                            <div class="mr-3 my-1">Video:
                                <span class="font-weight-bold">
                                        <?= $patient->is_client_video_turned_on ? '<span class="text-success">ON</span>' : '<span class="text-secondary">OFF</span>' ?>
                                    </span>
                                @if($patient->is_online && $patient->is_client_video_turned_on && count($patient->prosInMeetingWith()))
                                    <div class="my-1 font-weight-bold">Currently talking to:</div>
                                    @foreach($patient->prosInMeetingWith() as $inCallPro)
                                        <div class="d-block my-1">
                                            <i class="fa fa-chevron-right mr-1"></i>
                                            <a href="/pros/view/{{ $inCallPro->uid }}/SUB_dashboard"
                                               class="text-primary">
                                                {{ $inCallPro->name_display }}
                                            </a>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                            <div>
                                <a href="#"
                                   class="btn btn-sm btn-primary mt-2 font-weight-bold px-3"
                                   onclick="return openInRHS('/pro/meet/{{ $patient->uid }}')">
                                    <i class="fa fa-phone mr-1"></i>
                                    Go to the client's meeting page
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        {{--<h1 class="h3">@yield('section-title')</h1>--}}
                        <div class="mcp-theme-1">
                            @yield('inner-content')
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>
@endsection