@if($backButton)
<a class="btn btn-md btn-secondary ml-4" href="{{route('ppeople.people.index')}}"><i class="fa fa-arrow-left"></i> Back</a>
@endif
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet">

<script src="{{ asset('js/select2.min.js') }}"></script>


<div id="headsection">
@include('private.people.headerSection')
</div>
@php
$msgtab = 0;
$noteTab = 0;
$genTab = 0;
$taskTab = 0;
if(isset($_GET['notes'])){
    $noteTab = 1;  
}
if(isset($_GET['task'])){
    $taskTab = 1;  
}
$sharingFormRequired = 1;
$personProfileRecords = $record->personProfile;
if(
    !empty($personProfileRecords) && 
    !empty($personProfileRecords->job_title) &&
    !empty($personProfileRecords->skills) &&
    !empty($personProfileRecords->experience_level) &&
    !empty($personProfileRecords->location_preference) &&
    !empty($personProfileRecords->country) &&
    !empty($personProfileRecords->available_date) &&
    !empty($personProfileRecords->billing_rate) &&
    !empty($personProfileRecords->billing_rate_type) &&
    !empty($personProfileRecords->billing_rate_currency)
){
    $sharingFormRequired = 0;
}
@endphp

<div class="row px-4 py-4">
    <div class="col-12">
        <ul class="nav nav-underline nav-underline-primary pb-1" id="nav-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6 @if($taskTab == 0 && $noteTab == 0){{'active'}}@endif" id="nav-tab-4" data-toggle="tab" href="#nav-tab4" role="tab" aria-controls="nav-tab4" aria-selected="false">
                    RESUME
                    <span class="badge badge-pill badge-success badge-sm">
                        1
                    </span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6" id="nav-tab-application" data-toggle="tab" href="#nav-tabapplication" role="tab" aria-controls="nav-tab3" aria-selected="false" style="display:@if(count($myPeopleSubmissions) == 0) {{'none'}}@else{{'block'}}@endif">
                    APPLICATIONS
                    <span class="badge badge-pill applicationCount badge-success badge-sm">
                        {{count($myPeopleSubmissions)}}
                    </span>
                </a>
            </li>

            @if($evaluationCount > 0)
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6" id="nav-tab-evaluations" onclick="getEvaluationListing()" data-toggle="tab" href="#nav-tabevaluations" role="tab" aria-controls="nav-tabevaluations" aria-selected="false">
                    EVALUATIONS
                    <span class="badge badge-pill applicationCount badge-success badge-sm">
                        {{$evaluationCount}}
                    </span>
                </a>
            </li>
            @endif
    
            @if(count($workHistories) != 0)
            <li class="nav-item">                
                <a class="nav-item nav-link text-dark h6"  id="nav-tab-1" data-toggle="tab" href="#nav-tab1" role="tab" aria-controls="nav-tab1" aria-selected="false">
                    EXPERIENCE
                    <span class="badge badge-pill badge-success badge-sm">
                        {{count($workHistories)}}
                    </span>
                </a>
            </li>   
            @endif  
            @if(!empty($record->email))
            <li class="nav-item">                
                <a class="nav-item nav-link text-dark h6 @if($msgtab == 1){{'active'}}@endif" onclick="getEmails()" id="nav-tab-5" data-toggle="tab" href="#nav-tab5" role="tab" aria-controls="nav-tab5" aria-selected="false">
                    EMAILS
                    <span class="badge badge-pill badge-success emailCount badge-sm">
                    {{count($emails)}}
                    </span>
                </a>
            </li>
            @endif       
                
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6 @if($noteTab == 1){{'active'}}@endif" onclick="getNotes()" id="nav-tab-note" data-toggle="tab" href="#nav-note" role="tab" aria-controls="nav-note" aria-selected="false">
                    <span class="cil-notes btn-icon mr-2 pt-1"></span>
                    <span class="badge badge-pill badge-success noteCount badge-sm">
                        {{count($notes)}}
                    </span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6 @if($taskTab == 1){{'active'}}@endif" onclick="getTasks()" id="nav-tab-tasks" data-toggle="tab" href="#nav-tabtasks" role="tab" aria-controls="nav-tabtasks" aria-selected="true">
                    <span class="cil-task btn-icon mr-2 pt-1"></span>
                    <span class="badge badge-pill badge-success taskCount badge-sm">
                        {{$taskCount}}
                    </span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-item nav-link text-dark h6" onclick="getAttachments()" id="nav-tab-attachment" data-toggle="tab" href="#nav-tabattachment" role="tab" aria-controls="nav-tabattachment" aria-selected="true">
                    <span class="cil-paperclip btn-icon mr-2 pt-1"></span>
                    <span class="badge badge-pill badge-success attachmentCount badge-sm">
                        {{$attachmentCount}}
                    </span>
                </a>
            </li>
                            
            @if(Auth::user()->user_type != "Candidate" && Auth::user()->user_type != "")
            <li class="nav-item">
                <a class="btn btn-sm btn-dark ml-1" id="nav-tab-candidate" data-toggle="tab" href="#nav-tabcandidate" role="tab" aria-controls="nav-tabcandidate" aria-selected="false">
                    <span class="cil-pencil btn-icon mr-2 pt-1"></span>EDIT CANDIDATE
                </a>
            </li>
            @endif

            @if(Auth::user()->roles[0]->pivot->role_id == 1)
            <li class="nav-item">
                <a class="btn btn-sm btn-danger ml-1" id="nav-tab-edit" data-toggle="tab" href="#nav-edit" role="tab" aria-controls="nav-edit" aria-selected="false">
                    <span class="cil-pencil btn-icon mr-2 pt-1"></span>EDIT PUBLIC PROFILE
                </a>
            </li>
            @endif
            @if($record->personProfile)
            <li class="nav-item">
                <span class="feature_job_text">Share with Partner ?</span>  
                    <label class="feature_job_toggle c-switch c-switch-label c-switch-opposite c-switch c-switch-success">                        
                            <input class="c-switch-input p-0 m-0 shared_with_partner" onchange="updateSharedStatus(this, 'shared_with_partner')" data-sharing="{{$sharingFormRequired}}" type="checkbox" name="shared_with_partner" value="true" @if($record->personProfile->shared_with_partner == 1){{'checked'}}@endif><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span>
                    </label>
            </li>
            <li class="nav-item partnerSharingSettingHideShowClass" style="{{$record->personProfile->shared_with_partner != 1 ? 'display:none' : ''}}">
               <a href="javascript:;" class="setting_partner_sharing_icon" onclick="openPartnerShareSetting()"><i class="fas fa-cog"></i></a>
            </li>
            @endif
        </ul>


        <nav>
            <div class="nav nav-pills" id="nav-tab" role="tablist">
            
               
                
               
                
                
                @if(count($vendors) > 0)
                <!--<a class="nav-item nav-link" id="nav-tab-vendors" data-toggle="tab" href="#nav-vendors" role="tab" aria-controls="nav-vendors" aria-selected="false">
                    Vendors
                    <span class="badge badge-pill badge-success" style="font-size: 13px; font-weight: normal;">
                        {{count($vendors)}}
                    </span>
                </a>-->
                @endif
                
               
            </div>
        </nav>
        <div class="tab-content py-4 px-4 bg-light" id="nav-tabContent">
            @if(count($workHistories) != 0)
            <!-- TAB - WORK HISTORY -->
            <div class="tab-pane fade show " id="nav-tab1" role="tabpanel" aria-labelledby="nav-tab-1">
                @if(!empty($workHistories))
                <ul class="timeline">
                    @foreach($workHistories as $workHistory)
                    <li class="timeline-item bg-white rounded ml-3 p-4 shadow">
                        <div class="timeline-arrow"></div>
                        <h5 class="small mt-1 text-gray text-100 text-uppercase"><i class="fa fa-clock-o mr-1"></i>{{$workHistory->job_period}}</h5>
                        <h5 class="mb-0 text-bold text-uppercase">
                            {{$workHistory->name}} &middot; <span class="">{{$workHistory->job_title}}</span>
                        </h5>
                        <!--div>{!!nl2p($workHistory->job_description, $line_breaks = true, $xml = true)!!}</div-->
                        <div class="mt-2">{!!$workHistory->job_description!!}</div>
                    </li>
                    @endforeach
                </ul>
                @endif
            </div>
            @endif

           

            <!-- TAB - MESSAGES -->
            <div class="tab-pane fade show" id="nav-tab3" role="tabpanel" aria-labelledby="nav-tab-3">
                <form action="{{ url('my/room') }}" method="POST" enctype="multipart/form-data" id="assign-and-send-message-form">
                    <div class="row mb-2">
                        <div class="col-sm-12">
                            <h4><strong>Messages</strong></h4>
                            <div class="form-group row block">
                                <div class="col-sm-12">
                                    {!! Form::textarea('message', null, array('placeholder' => 'Send message to '.'person name', 'class' => 'form-control','rows' => 5)) !!}
                                </div>
                                <input type="hidden" name="person_ids[0]" value="{{$record->id}}">
                                <div class="col-sm-12 mt-1">
                                    <button type="submit" class="btn btn-primary btn-block">Send</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <!-- TAB - VIEW RESUME -->

            @if(!empty($resumes) || !empty($resumes->resume_html))
            <div class="tab-pane fade show  mb-4 @if($taskTab == 0 && $noteTab == 0){{'active'}}@endif" id="nav-tab4" role="tabpanel" aria-labelledby="nav-tab-4">
                <div class="row">
                    <div class="col-2">
                        <div class="nav flex-column nav-pills nav-success" id="v-pills-tab-s" role="tablist" aria-orientation="vertical">
                            <a class="nav-link" id="v-pills-orig-tab" data-toggle="pill" href="#v-pills-orig" onclick="openResume()" role="tab" aria-controls="v-pills-orig" aria-selected="true"><i class="cil-file"></i> Original Format</a>
                            <a class="nav-link active" id="v-pills-text-tab" data-toggle="pill" href="#v-pills-text" role="tab" aria-controls="v-pills-text" aria-selected="false"><i class="c-icon cil-notes"></i> Text Format</a>
                        </div>
                    </div>
                    <div class="col-10">
                        <div class="tab-content" id="v-pills-tabContent-s">
                            <div class="tab-pane fade" id="v-pills-orig" role="tabpanel" aria-labelledby="v-pills-orig-tab">                                
                                 <iframe class="doc p-0 m-0 b-0 bg-white" id="iframe" width='100%' height='900' src="https://docs.google.com/gview?url={{route('downloadResume', $resumes->uuid)}}&embedded=true" frameborder="0"></iframe>
                                <div class="py-2 text-center">Having trouble viewing resume? <a href="https://docs.google.com/gview?url={{route('downloadResume', $resumes->uuid)}}&embedded=true" target="_new">Click here</a> to open it in a new window.</div>
                            </div>

                            <div class="tab-pane fade show active" id="v-pills-text" role="tabpanel" aria-labelledby="v-pills-text-tab">
                                @if($resumes)
                                <div class="row">
                                    <div class=" col-12">
                                        <div class="bg-white border text-black p-4" style="color: black; font-size: 14px;">
                                            {!! $resumes->resume_html !!}
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif


            <!-- TAB - CANDIDATE SUBMISSIONS -->
            <div class="tab-pane fade show" id="nav-tabapplication" role="tabpanel" aria-labelledby="nav-tab-application">

                <div class="card my-1">
                    <div class="card-body p-3" id="jobApplicationListing">
                        @include('private.people.jobApplicationListing')
                    </div>
                </div>
            </div>

            <!-- TAB - SEND EMAIL -->
            @if(!empty($record->email))
            <div class="tab-pane fade show  @if($msgtab == 1){{'active'}}@endif" id="nav-tab5" role="tabpanel" aria-labelledby="nav-tab-5">
                <div class="row">
                    <div class="col-2">
                        <div class="nav flex-column nav-pills nav-success" id="v-pills-tab-s" role="tablist" aria-orientation="vertical">
                            <a class="nav-link" id="v-pills-home-tab-s" data-toggle="pill" href="#v-pills-home-s" role="tab" aria-controls="v-pills-home" aria-selected="true"><i class="c-icon cil-library-add"></i> Send Email</a>
                            <a class="nav-link active" id="v-pills-profile-tab-s" data-toggle="pill" href="#v-pills-profile-s" onclick="getEmails()" role="tab" aria-controls="v-pills-profile" aria-selected="false"><i class="c-icon cil-notes"></i> Email History</a>
                        </div>
                    </div>
                    <div class="col-10">
                        <div class="tab-content" id="v-pills-tabContent-s">
                            <div class="tab-pane fade" id="v-pills-home-s" role="tabpanel" aria-labelledby="v-pills-home-tab-s">

                                @if (count($errors) > 0 && $msgtab == 1)
                                <div class="alert alert-danger" role="alert">
                                    <strong>Errors Detected!</strong>
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif

                                <form method="post" id="emailForm">
                                    @csrf
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                {!! Form::select('email_template_id', ['null' => 'Please select a template'] + $emailTemplates->toArray(), null, array('class' => 'form-control', 'id' => 'selectTemplate')) !!}
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                            {!! Form::text('to', $record->email, array('placeholder' => 'To', 'class' => 'form-control','rows' => 5)) !!}
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                {!! Form::text('cc', null, array('placeholder' => 'CC', 'class' => 'form-control','rows' => 5)) !!}
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                {!! Form::text('bcc', null, array('placeholder' => 'BCC', 'class' => 'form-control','rows' => 5)) !!}
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                {!! Form::text('subject', null, array('placeholder' => 'Subject (Required)', 'class' => 'form-control','rows' => 5)) !!}
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                {!! Form::textarea('body', null, array('placeholder' => 'Body', 'class' => 'form-control','rows' => 5)) !!}
                                            </div>
                                        </div>
                                        <button class="btn btn-primary btn-lg btn-block" type="button" onclick="createEmail()">Send Email</button>
                                    </div>
                                </form>
                            </div>

                            <div class="tab-pane fade show active" id="v-pills-profile-s" role="tabpanel" aria-labelledby="v-pills-profile-tab-s">
                                <ul class="timeline" id="emailListing">

                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            @if(count($vendors) > 0)
            <!-- TAB - VENDOR 
    <div class="tab-pane fade show" id="nav-vendors" role="tabpanel" aria-labelledby="nav-tab-vendors">
        <div class="card">
            <div class="card-header">
                <h4>Vendors working with <strong>{{$record->name}}</strong></h4>
            </div>
            <div class="card-body">
                <table class="table table-striped table-sm datatable">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Vendor Name</th>
                            <th>Work Status</th>
                            <th>Preferred Employment</th>
                            <th>Compensation</th>
                            <th>Duration</th>
                            <th>Availability Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($vendors as $vendor)
                        <tr>
                            <td style="width:15%;"><strong><a href="{{route('peopleViewMarketPlace', $vendor->personid)}}">{{$vendor->username}}</a></strong></td>
                            <td style="width:20%;"><strong><a href="{{route('companyViewMarketPlace', $vendor->companyid)}}">{{$vendor->companyname}}</a></strong></td>
                            <td style="width:10%;">{{$vendor->work_status}}</td>
                            <td style="width:15%;">{{$vendor->preferred_employment}}</td>
                            <td style="width:10%;">{{$vendor->rate_currency.' '.$vendor->rate.'/'.$vendor->rate_type}}</td>
                            <td style="width:10%;">{{$vendor->duration}}</td>
                            <td style="width:10%;">{{$vendor->available_date}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>-->
            @endif
            <!-- TAB - NOTES -->
            <div class="tab-pane fade show @if($noteTab == 1){{'active'}}@endif" id="nav-note" role="tabpanel" aria-labelledby="nav-tab-note">
                <div class="row">
                    <div class="col-2">
                        <div class="nav flex-column nav-pills nav-success" id="v-pills-tab-n" role="tablist" aria-orientation="vertical">
                            <a class="nav-link " id="v-pills-home-tab-n" data-toggle="pill" href="#v-pills-home-n" role="tab" aria-controls="v-pills-home" aria-selected="true"><i class="c-icon cil-library-add"></i> Add Notes</a>
                            <a class="nav-link active" id="v-pills-profile-tab-n" onclick="getNotes()" data-toggle="pill" href="#v-pills-profile-n" role="tab" aria-controls="v-pills-profile" aria-selected="false"><i class="c-icon cil-notes"></i> Notes History</a>
                        </div>
                    </div>
                    <div class="col-10">
                        <div class="tab-content " id="v-pills-tabContent-n">
                            <div class="tab-pane fade " id="v-pills-home-n" role="tabpanel" aria-labelledby="v-pills-home-tab-n">
                                <form method="post">
                                    @csrf
                                    <div class="card-body">
                                        <div class="form-group">
                                            {!! Form::textarea('notes', null, array('placeholder' => 'Notes', 'class' => 'form-control','rows' => 5)) !!}
                                        </div>
                                        <button class="btn btn-primary btn-lg btn-block" type="button" onclick="saveNotes()">Add Note</button>
                                    </div>
                                </form>

                            </div>

                            <div class="tab-pane fade show active" id="v-pills-profile-n" role="tabpanel" aria-labelledby="v-pills-profile-tab-n">
                                <ul class="timeline" id="noteListing">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <!-- TAB - TASKS -->
            <div class="tab-pane fade show @if($taskTab == 1){{'active'}}@endif" id="nav-tabtasks" role="tabpanel" aria-labelledby="nav-tab-tasks">
                <div class="row">
                    <div class="col-2">
                        <div class="nav flex-column nav-pills nav-success" role="tablist" aria-orientation="vertical">
                            <a class="nav-link " id="v-pills-home-tab-addtasks" data-toggle="pill" href="#v-pills-home-addtasks" role="tab" aria-controls="v-pills-home" aria-selected="true"><i class="c-icon cil-library-add"></i> Add Tasks</a>
                            <a class="nav-link active" id="v-pills-profile-tab-addtasks" data-toggle="pill" href="#v-pills-profile-addtasks" role="tab" aria-controls="v-pills-profile" aria-selected="false" onclick="getTasks()"><i class="c-icon cil-notes"></i> Tasks History</a>
                        </div>
                    </div>
                    <div class="col-10">
                        <div class="tab-content " id="v-pills-tabContent-addtasks">
                            <div class="tab-pane fade show " id="v-pills-home-addtasks" role="tabpanel" aria-labelledby="v-pills-home-tab-addtasks">
                                @include('private.tasks.addForm')
                            </div>

                            <div class="tab-pane fade show active" id="v-pills-profile-addtasks" role="tabpanel" aria-labelledby="v-pills-profile-tab-addtasks">
                                <ul id="tasksListing">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- TAB - Attachment -->
            <div class="tab-pane fade show " id="nav-tabattachment" role="tabpanel" aria-labelledby="nav-tab-attachment">
                <div class="row">
                    <div class="col-2">
                        <div class="nav flex-column nav-pills nav-success" role="tablist" aria-orientation="vertical">
                            <a class="nav-link " id="v-pills-home-tab-addattachment" data-toggle="pill" href="#v-pills-home-addattachment" role="tab" aria-controls="v-pills-home" aria-selected="true"><i class="c-icon cil-library-add"></i> Add Attachment</a>
                            <a class="nav-link active" id="v-pills-profile-tab-addattachment" data-toggle="pill" href="#v-pills-profile-addattachment" role="tab" aria-controls="v-pills-profile" aria-selected="false" onclick="getAttachments()"><i class="c-icon cil-notes"></i> Attachments History</a>
                        </div>
                    </div>
                    <div class="col-10">
                        <div class="tab-content " id="v-pills-tabContent-addattachment">
                            <div class="tab-pane fade show " id="v-pills-home-addattachment" role="tabpanel" aria-labelledby="v-pills-home-tab-addattachment">
                                @include('private.attachments.addForm')
                            </div>

                            <div class="tab-pane fade show active" id="v-pills-profile-addattachment" role="tabpanel" aria-labelledby="v-pills-profile-tab-addattachment">
                                <ul id="attachmentsListing">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if(Auth::user()->roles[0]->pivot->role_id == 1)
            <!-- TAB - Edit -->
            <div class="tab-pane fade " id="nav-edit" role="tabpanel" aria-labelledby="nav-tab-edit">
                <div class="col-12">
                    <form method="post" id="editProfle">
                        @csrf
                        <input type="hidden" value="{{$record->id}}" name="person-id">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>First Name</label>
                                        {!! Form::text('first_name', $record->first_name, array('placeholder' => 'First Name', 'class' => 'form-control')) !!}
                                    </div>
                                </div>

                                <div class="col-sm-6">

                                    <div class="form-group">
                                        <label>Last Name</label>
                                        {!! Form::text('last_name',$record->last_name, array('placeholder' => 'Last Name', 'class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Email</label>
                                        {!! Form::text('email', $record->email, array('placeholder' => 'Email', 'class' => 'form-control')) !!}
                                    </div>
                                </div>


                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Mobile Phone</label>
                                        {!! Form::text('mobile_phone',$record->mobile_phone, array('placeholder' => 'Mobile Phone', 'class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Job Title</label>
                                        {!! Form::text('job_profile',$record->job_profile, array('placeholder' => 'Job Profile', 'class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Company Name</label>
                                        {!! Form::select('org_id', $organizations, $record->org_id, array('class' => 'form-control', 'id' => 'select2-3')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Address</label>
                                        {!! Form::text('address', $record->city.', '.$record->state_province.', '.$record->country, array('placeholder' => 'Search Address','class' => 'form-control', 'id'=>'address-edit-input')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>LinkedIn Profile URL</label>
                                        {!! Form::text('linkedin_url',$record->linkedin_url, array('placeholder' => 'Linkedin Url', 'class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Profile Image URL</label>
                                        {!! Form::text('profile_photo',$record->profile_photo, array('placeholder' => 'Photo Url', 'class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Total Experience (in Years)</label>

                                        {!! Form::text('total_experience_years', $record->total_experience_years , array('placeholder' => 'Total Experience','class' => 'form-control')) !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Pan Card Number</label>

                                        {!! Form::text('pan_number',$record->pan_number, array('placeholder' => 'Pan Card Number','class' => 'form-control','autocomplete' => 'off')) !!}          
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Passport Number</label>

                                        {!! Form::text('passport_number',$record->passport_number, array('placeholder' => 'Passport Number','class' => 'form-control','autocomplete' => 'off')) !!}          
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Date Of Birth</label>
                                        {!! Form::text('dob',$record->dob, array('placeholder' => 'Date Of Birth','class' => 'form-control edit_candidate_datepicker','autocomplete' => 'off')) !!}          
                                    </div>
                                </div>

                             
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Summary</label>

                                        {!! Form::textarea('overview', $record->overview, ['rows' => 4, 'class' => 'form-control', 'cols' => 54, 'style' => 'resize:none']) !!} </div>
                                </div>


                                <div class="col-sm-12">
                                    <div class="col-sm-3">
                                        <button class="btn btn-primary btn-lg btn-block" onclick="updateProfile()" type="button">Update</button>
                                    </div>
                                </div>
                            </div>


                        </div>
                        
                    </form>

                </div>


            </div>
            @endif
            @if(Auth::user()->user_type != "Candidate" && Auth::user()->user_type != "")
            <!-- TAB - PROFILE -->
            <div class="tab-pane fade show" id="nav-tabcandidate" role="tabpanel" aria-labelledby="nav-tab-candidate">
                @include('private.people.candidateForm', ['people' => $tenantPeople, 'person' => $record])
            </div>
            @endif
            @if($candidateExist != 0)
            <div class="tab-pane fade show" id="nav-tabevaluations" role="tabpanel" aria-labelledby="nav-tab-evaluations">
                <div class="card">
                    <div class="card-header">
                        <h4>Evaluation </h4>
                    </div>
                    <div class="card-body">
                        <div id="evaluationListing">

                        </div>
                    </div>
                </div>
            </div>
            @include('private.application.evaluationView')
            @endif
        </div>

  
    </div>
</div>

<div class="associate_drawer drawer drawer-right slide" tabindex="-1" role="dialog" aria-labelledby="drawer-1-title" aria-hidden="true">
    <div class="drawer-content drawer-content-scrollable" role="document">
        <div class="drawer-header">
            <h4 class="drawer-title">Associate Candidate</h4>
        </div>
        <div class="drawer-body">

            <div class="row">
                    <div class="col-sm-12 col-md-12 text-center">
                        <div id="DataTables_Table_0_filter" class="dataTables_filter">
                        <label class="col-md-6 mb-3"> 
                            
                        <input type="text" id="searchCandidate" onkeyup="candidateFrom()" class="form-control p-3" placeholder="Search.." aria-controls="DataTables_Table_0">
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    
                    <div class="col-sm-12">
                    <form id="candidateJobFrom" novalidate="novalidate" method="post" enctype="multipart/form-data">
                    </form>
                    </div>
                </div>
            </div>
       
        <div class="drawer-footer">

            <div class="row">
                <div class="col-sm-6">
                    <button  class="btn btn-primary px-4 mt-3" type="button" onclick="candidateJobCreate()">Associate</button>
            </div>
            <div class="col-sm-6  text-right">
                    <button class="btn btn-dark px-4 mt-3" data-dismiss="drawer" type="button">Close</button>
                </div>
            </div>
        </div>
    </div>
    </div>



<div class="partner_sharing_drawer drawer drawer-right slide" tabindex="-1" role="dialog" aria-labelledby="drawer-1-title" aria-hidden="true">
    <div class="drawer-content drawer-content-scrollable" role="document">
        <div class="drawer-header">
            <h4 class="drawer-title">Update Partner Details</h4>
        </div>
        <div class="drawer-body">   
            <form id="partnerShareForm" novalidate="novalidate" method="post">
                @include('private.people.sharePartnerFormDrawer', ['sharingRecords' => $record->personProfile ? $record->personProfile: []])
            </form>
        </div>
       
        <div class="drawer-footer">

            <div class="row">
                <div class="col-sm-6">
                    <button  class="btn btn-primary px-4 mt-3" type="button" onclick="savePartnerShareDetails()">Update</button>
            </div>
            <div class="col-sm-6  text-right">
                    <button class="btn btn-dark px-4 mt-3" data-dismiss="drawer" type="button">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>




<input type="hidden" name="city" id="city" value="@if(old('city')){{ old('city') }}@else{{$record->city}}@endif">
                        <input type="hidden" name="state_province" id="state_province" value="@if(old('state_province')){{ old('state_province') }}@else{{$record->state_province}}@endif">
                        <input type="hidden" name="country" id="country" value="@if(old('country')){{ old('country') }}@else{{$record->country}}@endif">


<style>
.associate_drawer {
  width: 1100px;
}
.partner_sharing_drawer {
  width: 800px;
}
.select2-container .select2-selection--single {
        height: 32px !important;
    }
    .select2-container--default .select2-selection--single{
    border-color: #e4e7ea !important;
}
    .select2-container--default .select2-selection--multiple{
    border-color: #e4e7ea !important;
}
</style>
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/dataTables.bootstrap4.css') }}" rel="stylesheet">
<link href="{{ asset('css/select2-coreui.min.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css') }}">

<script src="{{ asset('js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery.maskedinput.js') }}"></script>


<script>

		
        

$( function() {
        $( ".edit_candidate_datepicker" ).datepicker({ dateFormat: 'mm/dd/yy' });
} );
        
$('body').on('click', '#candidatePagination a', function(event){
    event.preventDefault();
    candidateFrom($(this).attr('href'));
});

   $("#updateProfileForm").on('submit', function(e) {
      
      e.preventDefault();
      $.ajax({
          type: 'POST',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url: "{{route('updatePeopleInfo', $record->id)}}",
          data: new FormData(this),
          contentType: false,
          processData: false,
          success: function(data) {
              toastr.success(data.message);
              updateDetails();
          },
      });
     
  });
  function updateDetails() {
        var id = '{{$record->id}}';
        $.post("{{route('personDetailUpdate')}}", {
            "id": id
        }, function(data) {
            $("#candidateDetalis").html(data.html);
        });

    }
    var signatue = '{!!minifier(Auth::user()->email_signature)!!}';
    var options = {
        toolbarGroups: [{
                "name": "basicstyles",
                "groups": ["bold"]
            },
            {
                "name": "links",
                "groups": ["links"]
            },

        ],

        removeButtons: 'insert,Strike,Subscript,Italic,Superscript,Anchor,Styles,Specialchar'
    };

    CKEDITOR.replace('notes', options);
    CKEDITOR.replace('tasks', options);
    CKEDITOR.replace('description', options);

    var EmailOptions = {
        toolbarGroups: [{
                "name": "basicstyles",
                "groups": ["bold"]
            },
            {
                "name": "links",
                "groups": ["links"]
            },
            {
                "name": "insert",
                "groups": ["Table"]
            },

        ],

        removeButtons: 'Image,Flash,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Strike,Subscript,Italic,Superscript,Anchor,Styles,Specialchar'
    };
    CKEDITOR.replace('body', EmailOptions);
    CKEDITOR.instances['body'].setData(signatue);
    $('.datatable').dataTable({
        "bLengthChange": false
    });
    $('.datatable').attr('style', 'border-collapse: collapse !important');
    $('.pdatatable').dataTable({
        "bLengthChange": false
    });
    $('.pdatatable').attr('style', 'border-collapse: collapse !important');
    $("#select2-3").select2({
        minimumInputLength: 2,
        tags: [],
        ajax: {
            url: "{{route('getCompanyRecords')}}",
            dataType: 'json',
            type: "get",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    searchTerm: params.term // search term
                };
            },
            processResults: function(data) {
                return {
                    results: $.map(data, function(item) {
                        return {
                            text: item.text,
                            id: item.id
                        }
                    })
                };

            }
        }
    });
    var eventSelect = $('#selectTemplate');
    eventSelect.select2();

    eventSelect.on("change", function(e) {
        $.post("{{route('templateById')}}", {
            id: eventSelect.val()
        }, function(response) {

            $('input[name="subject"]').val(response.data.subject);

            CKEDITOR.instances['body'].setData(response.data.body + '' + signatue);
        });

    });

    

    function updateProfile() {
        var formData = $("#editProfle").serializeArray();
        $.post("{{route('updatePerson')}}", formData, function(data) {
            toastr.success(data.message);
            $('#headsection').html(data.html);
        });

    }
   
    function saveTasks() {
     var formData = $('#tasksInfo').serializeArray();
        formData.push({
            name: 'person-id',
            value: '{{$record->id}}'
        }, {
            name: 'type',
            value: 'Person'
        }, {
            name: 'description',
            value: CKEDITOR.instances.tasks.getData()
        });

       
        $.post("{{route('tasks.store')}}", formData, function(data) {
            toastr.success(data.message);
            document.getElementById("tasksInfo").reset();
            var today = new Date();
                var dd = String(today.getDate()).padStart(2, '0');
                var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
                var yyyy = today.getFullYear();

                today = mm + '/' + dd + '/' + yyyy;
             $("#due_date").val(today);
            CKEDITOR.instances.tasks.setData('');
            $(".taskCount").html(data.count);
        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            $.each(errors, function( index, value ) {
                toastr.error(errors[index][0]);
            });
        });
    }
    $("#attachmentInfo").on('submit', function(e){
    e.preventDefault();
  

      var formData = new FormData(this);
      formData.append('description', CKEDITOR.instances.description.getData());
      formData.append('person-id', '{{$record->id}}');
      formData.append('type', 'Person');

      $.ajax({
          type: 'POST',
          url: '{{ route("attachments.store") }}',
          data: formData,
          contentType: false,
          processData:false,
          beforeSend: function(XMLHttpRequest)
            {
                $('#attachmentedButton').html('Saving..')
            },
          success: function (data) {
          toastr.success(data.message);
            document.getElementById("attachmentInfo").reset();
            CKEDITOR.instances.description.setData('');
            $('#attachmentedButton').html('Add Attachment')

            $(".attachmentCount").html(data.count);

          },
      }).fail(function(response) {
        $('#attachmentedButton').html('Add Attachment')

            var errors = response.responseJSON.errors;

            var msg = '';
            $.each(errors, function(index, value) {
                toastr.error(errors[index][0]);
            });

        });
  });
    function getTasks(event) {

        var formData = {
            'id': '{{$record->id}}',
            'type': 'Person'
        };
        $.post("{{route('tasksList')}}", formData, function(data) {
            $("#tasksListing").html(data.html);

        })
    }
    function getAttachments() {
        var formData = {
            'id': '{{$record->id}}',
            'type': 'Person'
        };
        $.post("{{route('attachmentsListing')}}", formData, function(data) {
            $("#attachmentsListing").html(data.html);

        })
    }
    function saveNotes(event) {

        var formData = {
            'person-id': '{{$record->id}}',
            'type': 'Person',
            'notes': CKEDITOR.instances.notes.getData(),
        };
        $.post("{{route('profileNotes')}}", formData, function(data) {
            toastr.success(data.message);
            $(".noteCount").html(data.count);
            CKEDITOR.instances.notes.setData('');


        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            toastr.error(errors.notes[0]);
        });
    }

    function getNotes() {

        var formData = {
            'id': '{{$record->id}}',
            'type': 'Person'
        };
        $.post("{{route('peopleGetNotes')}}", formData, function(data) {
            $("#noteListing").html(data.html);

        })
    }

    function getEmails() {

        var formData = {
            'id': '{{$record->id}}'
        };
        $.post("{{route('peopleGetEmail')}}", formData, function(data) {
            $("#emailListing").html(data.html);

        })
    }

    function getEvaluationListing() {
        var formData = {
            'id': '{{$record->id}}'
        };
        $.post("{{route('peopleEvaluation')}}", formData, function(data) {
            $("#evaluationListing").html(data.html);
        });
    }
    function addTobench(id) {
        var formData = {
            'tenant-id': id,
            'id': '{{$record->id}}'
        };
        $.post("{{route('addBenchCandidate')}}", formData, function(data) {
            $("#candidateDetalis").html(data.html);
        });
    }

    function viewRecord(id) {
        $.post("{{route('showApplicationInfo')}}", {
            "id": id
        }, function(data) {
            $('#evaluationView').find('.body').html(data.html);
            $('#evaluationView').modal('show');
        });

    }

    function getAppliedMembers() {

        var formData = {
            'id': '{{$record->id}}'
        };
        $.post("{{route('peopleGetMembers')}}", formData, function(data) {
            $("#appliedMembers").html(data.html);

        })
    }

    function createEmail(event) {

        var formData = $("#emailForm").serializeArray();
        formData.push({
            name: 'person-id',
            value: '{{$record->id}}'
        }, {
            name: 'body',
            value: CKEDITOR.instances.body.getData()
        });

        $.post("{{route('profileEmail')}}", formData, function(data) {
            toastr.success(data.message);
            $(".emailCount").html(data.count);
            document.getElementById("emailForm").reset();
            CKEDITOR.instances['body'].setData(signatue);

        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            $.each(errors, function( index, value ) {
                toastr.error(errors[index][0]);
            });

        });
    }


    function updateSharedStatus(event, fieldName){
    
    var shared = 0;
    $('.partnerSharingSettingHideShowClass').hide();
    
    if($(event).data('sharing') == 1){
        $(event).prop("checked", false);
        $('#shared_with_partner').val(1);
        openPartnerShareSetting();
        return false;
    }
   
    if($(event).prop("checked") == true){
        shared = 1;
        $('.partnerSharingSettingHideShowClass').show();
    }
    $.post("{{route('peopleStatusUpdate')}}", {'status' : shared, 'id' : '{{$record->personProfile ? $record->personProfile->id: ''}}', 'field_name' : fieldName}, function(data) {
        toastr.success(data.message);
    });
}

   function candidateFrom(url = '') {

    var search = $('#searchCandidate').val();
    var getUrl = "{{route('associateJobRecords', $record->id)}}?query="+search;
    if(url != ""){
        getUrl = url+"&query="+search;
    }
    var sortValue = $('.sortCandidateValue').val();
    var sortType = $('.sortCandidateType').val();
    $.post(getUrl+'&listing=true&sortType='+sortType+'&sortValue='+sortValue, function(data) {
    $("#candidateJobFrom").html(data.html);
    $('.associate_drawer').drawer('show')
    });
}
function sortCandidateType(event){
    $('.sortCandidateValue').val($(event).find('i').data("sort"));
    $('.sortCandidateType').val($(event).find('i').data("name"));
    candidateFrom();
}




    function candidateJobCreate() {
        var formData = $('#candidateJobFrom').serializeArray();
        $.post("{{route('jAssociateCandidate', $record->id)}}", formData, function(data) {
            $("#nav-tab-application").show();
            $(".applicationCount").html(data.count);
            $("#jobApplicationListing").html(data.html);
            toastr.success(data.message);
            $('.associate_drawer').drawer('hide');
        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            toastr.error(errors.candidate[0]);
        });
    }
    function addCandidate() {
        $.get("{{route('convertPeople', $record->id)}}",  function(data) {
            toastr.success('Candidate converted successfully');
            $("#candidateDetalis").html(data.html);
        });
    }
    function openResume(){
        document.getElementById('iframe').contentWindow.location.reload(true);
    }
    function applyProfile(event) {

        var formData = $("#appliedForm").serializeArray();
        formData.push({
            name: 'person-id',
            value: '{{$record->id}}'
        });

        $.post("{{route('profileMembers')}}", formData, function(data) {
            $("input[name='members']:checked").closest('div').remove();
            $(".appliedCount").html(data.count);

            toastr.success(data.message);


        }).fail(function(response) {
            var errors = response.responseJSON.errors;

            toastr.error(errors.members[0]);


        });
    }
    var placesAutocomplete = places({
        appId: "{{config('app.placeAppId')}}",
        apiKey: "{{config('app.placeApiKey')}}",
        container: document.querySelector('#address-input')
    });
    placesAutocomplete.on('change', handleOnChange);
    var placesAutocompleteEdit = places({
        appId: "{{config('app.placeAppId')}}",
        apiKey: "{{config('app.placeApiKey')}}",
        container: document.querySelector('#address-edit-input')
    });
    placesAutocompleteEdit.on('change', handleOnChange);

    function handleOnChange(e) {
        $('#city').val(e.suggestion.name);
        $('#state_province').val(e.suggestion.administrative);
        $('#country').val(e.suggestion.country);
    }
    function openPartnerShareSetting() {
        $('.partner_sharing_drawer').drawer('show');
    }
    function savePartnerShareDetails() {
        var formData = $("#partnerShareForm").serializeArray();
        formData.push({
            name: 'id',
            value: '{{$record->personProfile ? $record->personProfile->id: 0}}'
        });
        $.post("{{route('updatePartnerSharingInfo')}}", formData, function(data) {
            toastr.success(data.message);
            $('.partner_sharing_drawer').drawer('hide');
            $('.shared_with_partner').data('sharing', 0);
            if($('#shared_with_partner').val() == 1){
                $('.shared_with_partner').prop("checked", true);
                $('.partnerSharingSettingHideShowClass').show();
            }
        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            $.each(errors, function( index, value ) {
                toastr.error(errors[index][0]);
            });
        });;

    }
</script>  
@if($noteTab == 1)<script>getNotes();</script>@endif