@extends(request()->input('popupmode') ? 'layouts.empty' : 'layouts.template')
<?php
/** @var \App\Models\Client $patient */
?>
<?php
$trimLayout = true;
$routeName = request()->route()->getName();
$isVisitNote = ($routeName === 'pros.view.notes.view.dashboard' && @$note && !!$note->visitTemplate);
$isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_create($patient->created_at))->invert === 1);

function cleanStatus($_status)
{
    return ucwords(strtolower(str_replace("_", " ", $_status)));
}
$postHiringStages = [
    "Accepted_by_HR__Send_Offer",
    "Offer_Sent",
    "Offer_Signed__Awaiting_Countersign",
    "Offer_Signing_Problem",
    "Offer_Signed_And_Countersigned",
    "Payroll_And_Credentialing_Submitted",
    "Payroll_Verified",
    "Credentialing_Verified",
    "Payroll_Or_Credentialing_Problem",
    "Background_Check_Cleared",
    "Training_Needed",
    "Training_Scheduled",
    "Trained",
    "Working",
    ];


?>

<?php
/** @var \App\Models\Client $patient */
$availableHrTags = \App\Models\AdminThing::where('is_removed', false)->where('category', 'HR_TAG')->pluck('value')->toArray();
$clientTags = $patient->clientTags->pluck('tag')->toArray();
$availableHrTags = array_values(array_diff($availableHrTags, $clientTags));
?>

<style media="screen">
	.pt-name {
		font-size: 1.5rem !important;
	}
</style>
@section('content')
	<div class="container-fluid h-100">
		<div class="main-row h-100 {{ !request()->input('popupmode') ? '' : 'px-0' }} {{$isVisitNote ? 'autohide-leftnav' : ''}}">
			@if(!request()->input('popupmode'))
			<nav id="sidebarMenu" class="d-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 {{ strpos($routeName, 'pros.view.dashboard') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.dashboard', ['patient' => $patient]) }}">Dashboard</a>
						</li>
                        
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.calendar') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.calendar', ['patient' => $patient]) }}">Calendar</a>
						</li>
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.appointments') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.appointments', ['patient' => $patient, 'forPro' => 'all', 'status' => 'all']) }}">Appointments</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.notes') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.notes', ['patient' => $patient]) }}">Notes</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.handouts') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.handouts', ['patient' => $patient]) }}">Handouts</a>
						</li>
						
						
						<li class="nav-item">
							<a class="nav-link {{ $routeName === 'pros.view.sms' ? 'active' : '' }}"
							   href="{{ route('pros.view.sms', ['patient' => $patient]) }}">SMS</a>
						</li>
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.sms-numbers') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.sms-numbers', ['patient' => $patient]) }}">SMS Numbers</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.settings') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.settings', ['patient' => $patient]) }}">Settings</a>
						</li>
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.sms-reminders') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.sms-reminders', ['patient' => $patient]) }}">SMS Reminders</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.pros') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.pros', ['patient' => $patient]) }}">Pros</a>
						</li>
						@if($performer->pro->pro_type == 'ADMIN')
						<li class="nav-item">
							<a class="nav-link {{ strpos($routeName, 'pros.view.client-pro-access') === 0 ? 'active' : '' }}"
							   href="{{ route('pros.view.client-pro-access', ['patient' => $patient]) }}">Client Pro Access</a>
						</li>
						@endif
					
					</ul>
					<div class="mt-3 mcp-theme-1">
						@yield('left-nav-content')
					</div>
				</div>
			</nav>
			@endif
			<main role="main" class="w-100 {{$trimLayout || $isVisitNote ? 'p-0' : ''}}">
			
				<div class="card {{$trimLayout || $isVisitNote ? 'card m-0 border-0 rounded-0' : 'my-3'}}" id="patient-header">
					<div id="patient-header-content">
					<div class="card-header @if($patient->client_engagement_status_category == 'DUMMY') alert-warning @endif py-1 hide-inside-ticket-popup">
						<?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 = empty($patient->cell_number) ? '-' : $patient->cell_number;
						$confirmedEmail = empty($patient->email_address) ? '-' : $patient->email_address;

						$location = implode(', ', array_filter([$patient->home_address_city, $patient->home_address_state]));
						$location = empty($location) ? '-' : $location;

						$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 screen-only">
										<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 mr-auto">

									
									<section class="mt-2">
										<div class="hbox">
											<h4 class="pt-name">{{$patientName}}</h4>
											<div class="screen-only mr-1 patient-presence-indicator thumbnail {{$online}}"
											data-patient-uid="{{$patient->uid}}"
											style="background-image:<?=$thumbnail?>"><?=$initials?></div>
											<div class="d-inline-flex align-items-baseline">
												<i class="chart mr-2">#{{$patient->chart_number}}</i>
												<span class="on-hover-show d-inline-block on-hover-opaque">
													<i class="fa fa-info-circle ml-1 text-primary"></i>
													<div class="on-hover-content py-2 pl-3 text-nowrap">
														Joined <?=$memberSince?>
														<div class="mt-1">
															Created by <b>{{$patient->creator ? $patient->creator->displayName() : '-'}}</b>
														</div>
														<div class="mt-1">
															Created on <b>{{friendly_date_time($patient->created_at)}}</b>
														</div>
													</div>
												</span>
											</div>
										</div>
										<div class="d-inline-block">
                                            <span>Joined <?= $memberSince ?></span>
                                            <i class="chart mr-2">[#{{$patient->chart_number}}]</i>
                                            <a native target="_blank" href="{{config('app.stagc_url')}}/log-in-as/{{$performer->session_key}}/{{$patient->shadowOfPro->uid}}" class="mr-2">
                                                <i class="fa fa-sign-in-alt"></i>
                                            </a>
                                            <div moe relative>
                                                <a start show class="font-weight-bold">
                                                    <i class="fa fa-key"></i>
                                                </a>
                                                <form url="/api/proHrPortalAccess/createAndSendEmail" class="mcp-theme-1" right>
                                                    <input type="hidden" name="proUid" value="{{$patient->shadowOfPro->uid}}">
                                                    <div class="mb-2">
                                                        <label class="text-secondary text-sm">Email Address</label>
                                                        <input type="text" class="form-control form-control-sm" name="emailAddress" value="{{$patient->shadowOfPro->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>
                                            <label class="text-secondary">HR Spec:</label>
                                            {{$patient->shadowOfPro && $patient->shadowOfPro->hrSpecialist ? $patient->shadowOfPro->hrSpecialist->displayName() : '-'}}
                                            @if($patient->shadowOfPro)
                                            <div moe class="ml-2">
                                                <a start show><i class="fa fa-edit"></i></a>
                                                <form url="/api/pro/putHrRepPro" class="mcp-theme-1">
                                                    <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                    <div class="mb-2">
                                                        <label class="text-secondary text-sm">MCP Pro</label>
                                                        <select name="hrRepProUid" provider-search data-pro-uid="{{ @$patient->shadowOfPro->hrSpecialist->uid }}" class="form-control form-control-sm">
                                                            <option value=""> --select--</option>
                                                        </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>
										<div>
                                            <label class="text-secondary">Clinical Super:</label>
                                            {{$patient->shadowOfPro && $patient->shadowOfPro->clinicalSupervisor ? $patient->shadowOfPro->clinicalSupervisor->displayName() : '-'}}
                                            @if($patient->shadowOfPro)
                                            <div moe class="ml-2">
                                                <a start show><i class="fa fa-edit"></i></a>
                                                <form url="/api/pro/putSupervisingHcpPro" class="mcp-theme-1">
                                                    <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                    <div class="mb-2">
                                                        <label class="text-secondary text-sm">MCP Pro</label>
                                                        <select name="supervisingHcpProUid" provider-search data-pro-uid="{{ @$patient->shadowOfPro->clinicalSupervisor->uid }}" class="form-control form-control-sm">
                                                            <option value=""> --select--</option>
                                                        </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>
										<div class=separators>
											<div class="screen-only">
												<label>Status:</label>
												<b>{{$patient->client_engagement_status_category ? ucwords(strtolower(str_replace('_', ' ', $patient->client_engagement_status_category == 'DUMMY' ? 'Test Chart' : $patient->client_engagement_status_category))) : '-'}}</b>
											</div>
										</div>
										<div>
                                            @if($patient->stability_interaction_client_memo_id)
                                            Next convo: {{friendly_date($patient->stable_until_date)}}<br>
                                            Last convo: {{friendly_date_time($patient->stabilityInteractionClientMemo->created_at)}}
                                            @else
                                            No conversations yet.
                                            @endif
                                        </div>
										
                                    </section>      
									<section class="vbox ml-2 align-self-start mt-2 ml-4">
                                    <div>
                                        <div moe relative>
                                            <button class="col-1-button" start show><i class="fa fa-plus text-sm text-secondary"></i>&nbsp;SMS
                                            </button>
                                            <form url="/api/clientSms/createOutgoing" right class="mcp-theme-1">
                                                <input type="hidden" name="uid" value="{{ $patient->uid }}">
                                                <div class="mb-2">
                                                    <label for="" class="text-sm text-secondary mb-1">Cell
                                                        Number</label>
                                                    <input type="text" class="form-control form-control-sm" name="cellNumber" value="{{$patient->shadowOfPro->cell_number}}">
                                                </div>
                                                <div class="mb-2">
                                                    <label for="" class="text-sm text-secondary mb-1">Message</label>
                                                    <textarea type="text" class="form-control form-control-sm" name="message"></textarea>
                                                </div>
                                                <div class="d-flex align-items-center">
                                                    <button class="btn btn-sm btn-primary mr-2" submit>Send</button>
                                                    <button class="btn btn-sm btn-default mr-2 border" cancel>
                                                        Cancel
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div>
                                        <span moe relative class="">
                                            <button class="col-1-button" start show title="SMS check-in link to the patient"><i class="on-hover-opaque fa fa-paper-plane text-secondary"></i> Send</button>
                                            <form url="/api/client/sendCheckInTokenViaSmsOrEmail" right class="mcp-theme-1">
                                                <input type="hidden" name="uid" value="{{ $patient->uid }}">
                                                <p class="small min-width-200px mb-2">Send Check-In link to patient?</p>
                                                <div class="mb-2">
                                                    <label for="" class="text-sm text-secondary mb-1">Cell Number</label>
                                                    <input type="text" class="form-control input-sm" name="cellNumber" value="{{$patient->cell_number}}">
                                                </div>
                                                <div class="mb-2">
                                                    <label for="" class="text-sm text-secondary mb-1">Email address</label>
                                                    <input type="text" class="form-control input-sm" name="emailAddress" value="{{$patient->email_address}}">
                                                </div>
                                                <div class="d-flex align-items-center">
                                                    <button class="btn btn-sm btn-primary mr-2" submit>Send</button>
                                                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
                                                </div>
                                            </form>
                                        </span>
                                    </div>
                                    @if($performer->pro->pro_type == 'ADMIN')
                                    <div>
                                        <button class="col-1-button" onclick="return openInRHS('/pro/check-video/{{ $patient->uid }}')"> <i class="fas fa-video text-secondary"></i> Check</button>
                                    </div>
                                    @endif
                                    <div>
                                        <button class="col-1-button" onclick="return openInRHS('/pro/meet/{{ $patient->uid }}')"><i class="fas fa-video text-secondary"></i> Join</button>
                                    </div>
                                </section>
									<section class="vbox ml-2 mt-2">
                                    <?php
                                    $map = null;
                                    if ($patient->shadowOfPro->hr_section_map) {
                                        $map = json_decode($patient->shadowOfPro->hr_section_map);
                                        $map = $map && isset($map->{'profession'}) ? $map->{'profession'} : null;
                                        if ($map) {
                                            $map = $map->proposedData;
                                            if ($map) {
                                                $map = json_decode($map);
                                            } else {
                                                $map = null;
                                            }
                                        }
                                    }
                                    $hcpMismatchClass = '';
                                    if (!!$patient->shadowOfPro->is_hcp !== !!(@$map->is_hcp)) {
                                        $hcpMismatchClass = 'text-danger';
                                    }
                                    ?>
                                    <div class="d-flex align-items align-self-stretch my-0 pl-4 mcp-theme-1">
                                        Is HCP:&nbsp;<b class="{{$hcpMismatchClass}}"><?= $patient->shadowOfPro->is_hcp ? 'Yes' : 'No' ?></b>
                                        @if( $patient->shadowOfPro->is_hcp)
                                        <div moe class="ml-2">
                                            <a start show href='#' class='font-weight-normal text-sm'>
                                                <i class='fa fa-circle'></i>&nbsp;<span>Mark as Non-HCP</span>
                                            </a>
                                            <form url="/api/pro/setIsHcpToFalse" class="width-200px">
                                                <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                <p>Set Is Hcp To False?</p>
                                                <div class="">
                                                    <button class="btn btn-sm btn-primary px-3 mr-2" submit>Yes</button>
                                                    <button class="btn btn-sm btn-default border px-3" cancel>No</button>
                                                </div>
                                            </form>
                                        </div>
                                        @else
                                        <div moe class="ml-2">
                                            <a start show href='#' class='font-weight-normal text-sm'>
                                                <i class='fa fa-circle'></i>&nbsp;<span>Mark as HCP</span>
                                            </a>
                                            <form url="/api/pro/setIsHcpToTrue" class="width-200px">
                                                <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                <p>Set Is Hcp To True?</p>
                                                <div class="">
                                                    <button class="btn btn-sm btn-primary px-3 mr-2" submit>Yes</button>
                                                    <button class="btn btn-sm btn-default border px-3" cancel>No</button>
                                                </div>
                                            </form>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="d-flex align-items align-self-stretch my-0 pl-4 mcp-theme-1">
                                        Enrolled as MCP:&nbsp;<b><?= $patient->shadowOfPro->is_enrolled_as_mcp ? 'Yes' : 'No' ?></b>
                                        @if( $patient->shadowOfPro->is_enrolled_as_mcp)
                                        <div moe class="ml-2">
                                            <a start show href='#' class='font-weight-normal text-sm'>
                                                <i class='fa fa-circle'></i>&nbsp;<span>Toggle</span>
                                            </a>
                                            <form url="/api/pro/setIsEnrolledAsMcpToFalse" class="width-200px">
                                                <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                <p>Set Enrolled as MCP To False?</p>
                                                <div class="">
                                                    <button class="btn btn-sm btn-primary px-3 mr-2" submit>Yes</button>
                                                    <button class="btn btn-sm btn-default border px-3" cancel>No</button>
                                                </div>
                                            </form>
                                        </div>
                                        @else
                                        <div moe class="ml-2">
                                            <a start show href='#' class='font-weight-normal text-sm'>
                                                <i class='fa fa-circle'></i>&nbsp;<span>Toggle</span>
                                            </a>
                                            <form url="/api/pro/setIsEnrolledAsMcpToTrue" class="width-200px">
                                                <input type="hidden" name="uid" value="{{$patient->shadowOfPro->uid}}">
                                                <p>Set Enrolled as MCP To True?</p>
                                                <div class="">
                                                    <button class="btn btn-sm btn-primary px-3 mr-2" submit>Yes</button>
                                                    <button class="btn btn-sm btn-default border px-3" cancel>No</button>
                                                </div>
                                            </form>
                                        </div>
                                        @endif
                                    </div>
                                    @if($map)
                                    <div class="d-inline-flex align-self-center my-0 mcp-theme-1 pl-4 w-100">
                                        <span>HR Profile > HCP:</span>
                                        <span class="ml-1 font-weight-bold {{$hcpMismatchClass}}">{{ @$map->is_hcp ? 'Yes' : 'No' }}</span>
                                    </div>
                                    <div class="d-inline-flex align-self-center my-0 mcp-theme-1 pl-4 w-100">
                                        <span>HR Profile > NPI:</span>
                                        <span class="ml-1 font-weight-bold text-secondary" npi-lookup>
                                            <span>{{@$map->individual_npi ? $map->individual_npi : '-'}}</span>
                                        </span>
                                    </div>
                                    <div class="d-inline-flex align-self-center my-0 mcp-theme-1 pl-4 w-100">
                                        <span>HR Profile > Cred:</span>
                                        <span class="ml-1 font-weight-bold text-secondary">
                                            <span>{{@$patient->shadowOfPro->hrp_primary_credential ? $patient->shadowOfPro->hrp_primary_credential : '-'}}</span>
                                        </span>
                                    </div>
                                    @else
                                    <div class="d-inline-flex align-self-center my-0 mcp-theme-1 pl-4 w-100">
                                        <span>HR Profile > HCP:</span>
                                        <span class="ml-1 font-weight-bold text-secondary">No</span>
                                    </div>
                                    @endif
                                    @if($hcpMismatchClass !== '')
                                    <div class="my-1 alert-danger ml-4 border border-danger rounded font-weight-bold p-2">
                                        <i class="fa fa-exclamation-triangle"></i>
                                        HCP status mismatch
                                    </div>
                                    @endif
                                </section>                          

									<section class="mr-4 align-self-start mt-2 ml-auto">
										<div id="hr-stage-heading" class="hr-steps-container">
											<span>HR Stage:</span> <b>{{ucwords(implode(' ', explode('_', $patient->shadowOfPro->new_hr_stage)))}}</b>
										</div>
										<div>
                                        Video HR Rep:
                                        @if($patient->shadowOfPro->videoHrRep)
                                        {{$patient->shadowOfPro->videoHrRep->name_first}} {{$patient->shadowOfPro->videoHrRep->name_last}}
                                        @include('app.patient.partials.ob_forms.undoAssignVideoHrRep')
                                        @else
                                        @include('app.patient.partials.ob_forms.assignVideoHrRep')
                                        @endif
                                    </div>

                                    <div>
                                        Training Rep:
                                        @if($patient->shadowOfPro->trainingRep)
                                        {{$patient->shadowOfPro->trainingRep->name_first}} {{$patient->shadowOfPro->trainingRep->name_last}}
                                        @include('app.patient.partials.ob_forms.undoAssignTrainingRep')
                                        @else
                                        @include('app.patient.partials.ob_forms.assignTrainingRep')
                                        @endif
                                    </div>

                                    <div>
                                        Success Rep:
                                        @if($patient->shadowOfPro->successRep)
                                        {{$patient->shadowOfPro->successRep->name_first}} {{$patient->shadowOfPro->successRep->name_last}}
                                        @include('app.patient.partials.ob_forms.undoAssignSuccessRep')
                                        @else
                                        @include('app.patient.partials.ob_forms.assignSuccessRep')
                                        @endif
                                    </div>
									<div>
                                       <div moe relative>
                                            <a href="#" start show>
                                            <div class="d-flex align-items-center">
                                                    <span class="mr-2 text-dark">Non Responsive:</span>
                                                    <div class="custom-control custom-switch">
                                                        <input type="checkbox" class="custom-control-input" id="is_non_responsive-switch" 
                                                        {{$patient->shadowOfPro->is_non_responsive ? 'checked':'' }} />
                                                        <label class="custom-control-label" for="is_non_responsive-switch">&nbsp;</label>
                                                    </div>
                                                </div>
                                            </a>
                                            <form url="/api/proHr/{{$patient->shadowOfPro->is_non_responsive ? 'setIsNonResponsiveToFalse':'setIsNonResponsiveToTrue' }}" right>
                                                <input type="hidden" name="uid" value="{{ $patient->shadowOfPro->uid }}">
                                                <div class="form-group">
                                                    <label for="" class="control-label">Are you sure?</label>
                                                </div>
                                                <div class="">
                                                    <button type="button" class="btn btn-sm btn-primary" submit>Submit</button>
                                                    <button type="button" class="btn btn-sm btn-default border" cancel>Cancel</button>
                                                </div>
                                            </form>
                                        </div> 
                                    </div>
									@if(!in_array($patient->shadowOfPro->new_hr_stage, $postHiringStages))    
                                    <div>
                                      <div moe relative>
                                            <a href="#" start show>
                                            <div class="d-flex align-items-center">
                                                    <span class="mr-2 text-dark">Problem w/ Application:</span>
                                                    <div class="custom-control custom-switch">
                                                        <input type="checkbox" class="custom-control-input" id="is_problem_with_application-switch" 
                                                        {{$patient->shadowOfPro->is_problem_with_application ? 'checked':'' }} />
                                                        <label class="custom-control-label" for="is_problem_with_application-switch">&nbsp;</label>
                                                    </div>
                                                </div>
                                            </a>
                                            <form url="/api/proHr/{{$patient->shadowOfPro->is_problem_with_application ? 'setIsProblemWithApplicationToFalse':'setIsProblemWithApplicationToTrue' }}" right>
                                                <input type="hidden" name="uid" value="{{ $patient->shadowOfPro->uid }}">
                                                <div class="form-group">
                                                    <label for="" class="control-label">Are you sure?</label>
                                                </div>
                                                <div class="">
                                                    <button type="button" class="btn btn-sm btn-primary" submit>Submit</button>
                                                    <button type="button" class="btn btn-sm btn-default border" cancel>Cancel</button>
                                                </div>
                                            </form>
                                        </div>  
                                    </div>
                                    @endif
										<div>
											<label>Sticky Note:</label> <span class="text-secondary">{{$patient->sticky_note ?? '-' }}</span>
											<div moe relative wide class="ml-2 hide-inside-popup">
												<a start show><i class="fa fa-edit"></i></a>
												<form url="/api/client/updateStickyNote" class="mcp-theme-1" right>
													<input type="hidden" name="uid" value="{{$patient->uid}}">
													<div class="mb-2">
														<label class="text-secondary text-sm">Sticky Note</label>
														<textarea name="stickyNote" class="form-control" rows="8" cols="80">{{$patient->sticky_note}}</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>
										
									</section>
									<ul class="vbox mt-2 align-self-start patient-header-address ">
										
										@if($patient->cell_number)
											<li>
												<span class="aligned-icon">
													<i class="fa fa-phone-alt" aria-hidden="true"></i>
												</span>
												{{$patient->shadowOfPro->cell_number}}
												
											</li>
										@endif
										
										<li class="d-flex align-items-baseline">
											<div class="">
												{{$patient->shadowOfPro->email_address}}
											</div>
											
										</li>

										<li class="d-flex align-items-baseline">
											<div>
												<div moe relative>
													<a href="#" start show class="d-flex align-items-baseline">Send SMS</span></a>
													<form url="/api/clientSms/createOutgoing" right class="mcp-theme-1" noreload>
														<input type="hidden" name="uid" value="{{ $patient->uid }}">
														<div class="mb-2">
															<label for="" class="text-sm text-secondary mb-1">Cell
																Number</label>
															<input type="text" class="form-control form-control-sm"
																name="cellNumber" value="{{$patient->cell_number}}">
														</div>
														<div class="mb-2">
															<label for=""
																class="text-sm text-secondary mb-1">Message</label>
															<textarea type="text" class="form-control form-control-sm"
																	name="message"></textarea>
														</div>
														<div class="d-flex align-items-center">
															<button class="btn btn-sm btn-primary mr-2" submit>Send</button>
															<button class="btn btn-sm btn-default mr-2 border" cancel>
																Cancel
															</button>
														</div>
													</form>
												</div>
											</div>
										</li>

										<li class="d-flex align-items-baseline">
											
											<div class="d-inline-flex screen-only">
												@include('app.patient.send_email')
											</div>
										</li>
									</ul>
									
								</div>
								
							</div>
						</div> <!-- z -->
					</div>
					</div>
					@if($pro->pro_type === 'ADMIN')
						<div class="screen-only card-header py-2 d-flex align-items-center mcp-theme-1 bg-aliceblue hide-inside-popup">
							<b class="">Tags ({{count($patient->clientTags)}}):</b>
							@foreach($patient->clientTags as $tag)
								<div class="d-inline-flex align-items-center ml-2 py-1 px-2 rounded bg-aliceblue text-info">
									<span class="text-sm">{{$tag->tag}}</span>
									<div moe relative class="ml-2">
										<a href="" start show><i class="fa fa-times text-secondary on-hover-opaque"></i></a>
										<form url="/api/clientTag/cancel" class="mcp-theme-1 min-width-200px">
											<input type="hidden" name="uid" value="{{$tag->uid}}">
											<p class="text-nowrap text-dark">Cancel this tag?</p>
											<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>
								</div>
							@endforeach
							<div moe relative class="ml-2">
								<a href="" start show class="text-sm">+ Add</a>
								<form url="/api/clientTag/create" class="mcp-theme-1">
									<input type="hidden" name="clientUid" value="{{$patient->uid}}">
									<div class="mb-2">
										<label class="text-secondary text-sm">Tag</label>
										<input type="text" class="form-control form-control-sm"
											   name="tag"
											   placeholder="Tag" required>
									</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>
						</div>
					@endif
					{{--<div class="text-container border-bottom d-flex align-items-center mcp-theme-1 px-3">

						@if($patient->mcp_pro_id !== $pro->id && $patient->active_mcp_request_id)
							<div moe relative class="ml-2">
								<a href="" start show class="btn btn-sm btn-success text-white font-weight-bold small">Claim as MCP</a>
								<form url="/api/mcpRequest/claim" class="mcp-theme-1" right>
									<input type="hidden" name="clientUid" value="{{$patient->uid}}">
									<p>Claim this patient?</p>
									<div>
										<button submit class="btn btn-sm btn-primary mr-2">Yes</button>
										<button cancel class="btn btn-sm btn-default border">Cancel</button>
									</div>
								</form>
							</div>
						@endif
					</div>--}}
					<div class="card-body {{$routeName === 'pros.view.notes.view.dashboard' ? 'p-0' : ''}}">
						{{--<h1 class="h3">@yield('section-title')</h1>--}}
						<div class="mcp-theme-1">
							@yield('inner-content')
						</div>
					</div>
				</div>
			</main>
		</div>
	</div>
	<script>
		(function() {
			function init() {
				$('.note-method-select').change(function() {
					let form = $(this).closest('form');
					if(this.value === 'IN_CLINIC') {
						form.find('.if-in-clinic').show();
					}
					else {
						form.find('.if-in-clinic').hide();
					}
				});

				$('.note-method-select').each(function() {
					let form = $(this).closest('form');
					if(this.value === 'IN_CLINIC') {
						form.find('.if-in-clinic').show();
					}
					else {
						form.find('.if-in-clinic').hide();
					}
				});
			}
			addMCInitializer('patient-add-note-popup', init, '#patient-header')
		}).call(window);
	</script>
	<script>
		(function() {
			function init() {
				$('#sidebarMenu')
					.off('scroll')
					.on('scroll', function() {
						localStorage.sidebarMenuScrollTop = $(this).scrollTop();
					});
				if(localStorage.sidebarMenuScrollTop) {
					$('#sidebarMenu').scrollTop(+localStorage.sidebarMenuScrollTop);
				}
			}
			addMCInitializer('sidebarMenu', init, '#sidebarMenu')
		}).call(window);
	</script>
@endsection