@extends('app-new')

@push('head-script')
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
<!-- END: Vendor CSS-->

<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
<!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('recruitment/job-openings.job_openings')}}</h2>
            <div class="breadcrumb-wrapper">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ $orgUrl.'/home' }}">Home</a>
                </li>
                <li class="breadcrumb-item"><a href="{{ $orgUrl . '/menu-setting' }}">{{trans('recruitment/job-requisition.recruitment')}}</a>
                </li>
                <li class="breadcrumb-item"><a href="{{ $orgUrl.'/job-candidate' }}">Job Candidates</a>
                </li>
                <li class="breadcrumb-item active">
                  View Profile
                </li>
              </ol>
            </div>
        </div>
    </div>
@endpush
@push('prev-next-head')
<div class="content-header-right text-end col-md-3 col-12">
    <div class="form-group breadcrumb-right">
        <a href="javascript:history.back()"
            class="btn btn-secondary btn-sm waves-effect waves-float waves-light"><svg
                xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                class="feather feather-arrow-left-circle">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 8 8 12 12 16"></polyline>
                <line x1="16" y1="12" x2="8" y2="12"></line>
            </svg> Back</a>
    </div>
</div>
@endpush

@section('content')

<div class="row">
  <div class="col-12">


    <ul class="nav nav-pills" role="tablist">
       
      <li class="nav-item">
        <a class="nav-link active" id="basic-tab" data-bs-toggle="pill" href="#basic-info">
          <i data-feather="user" class="font-medium-3 me-50"></i>
          <span class="fw-bold">Basic Info</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="timeline-tab" data-bs-toggle="pill" href="#timeline">
          <i data-feather="clock" class="font-medium-3 me-50"></i>
          <span class="fw-bold">Timeline <strong>({{ count($jobActivityLogs) }})</strong></span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="interviews-tab" data-bs-toggle="pill" href="#interviews">
          <i data-feather="bookmark" class="font-medium-3 me-50"></i>
          <span class="fw-bold">Interviews <strong>({{ count($jobInterviews) }})</strong></span>
        </a>
      </li>
    </ul>

    <div class="tab-content">
      {{-- Basic-info --}}
      <div role="tabpanel" class="tab-pane active" id="basic-info" >
        <div class="card">
            <div class="card-header border-bottom">
              <div class="head-label">
                  <h6 class="mb-0">Profile Details</h6>
              </div>
              <div class="dt-action-buttons text-end">
                  <div class="dt-buttons d-inline-flex">
                    <a class="pe-1 dropdown-toggle hide-arrow text-primary" data-bs-toggle="dropdown">
                      <i data-feather="settings" class="font-small-4"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end">
                      <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal" data-bs-target="#status-modal" onclick="setStatusModel({{json_encode($jobCandidate)}})"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('recruitment/job-candidate.update_status') }}</span></a>
                    </div>
                  </div>
              </div>
            </div>
            <div class="card-body py-2 my-25">
                <!-- header section -->
                <div class="d-flex border-bottom">
                    <a href="#" class="me-25">
                        <img src="/app-assets/images/recruitment/{{ $jobCandidate->status }}.png" id="account-upload-img" class="uploadedAvatar rounded me-50" alt="profile image" height="100" width="100" />
                    </a>
                    <!-- upload and reset button -->
                    <div class="d-flex align-items-end mt-75 ms-1">
                        <div>
                          <h3 class="mb-0">
                            {{ ucfirst($jobCandidate->first_name) }} {{ ucfirst($jobCandidate->last_name) }}
                            {{-- <span class="badge rounded-pill badge-light-success" text-capitalized=""> {{ ucfirst($jobCandidate->status) }} </span> --}}
                          </h3>
                          <p class="mb-2">
                            <i data-feather="briefcase" class="font-medium-3"></i> {{ $jobCandidate->candidate_id }}</p>
                            @if ($jobCandidate->resume)
                            <a class="btn btn-sm btn-outline-info mb-75" href="{{ $jobCandidate->resume }}" target="_blank">
                                <i data-feather="download" class="font-medium-3 me-30"></i>
                                Download Resume
                            </a>
                            @else
                            <h3 class="mb-0">
                            <span class="badge rounded-pill badge-light-danger" text-capitalized=""> Resume not uploaded </span>
                            </h3>
                            @endif
                        </div>
                    </div>
                    <!--/ upload and reset button -->
                </div>
                <!--/ header section -->

                <!-- form -->
                <form class="validate-form mt-2 pt-50">
                    <div class="row">
                        
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountEmail">Job Applied</label>
                            <input type="text" class="form-control" readonly placeholder="Job" value="{{ $jobCandidate->job ? $jobCandidate->job->posting_title : '#NA' }}" />
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountEmail">Job Applied Date</label>
                          <input type="text" class="form-control" readonly placeholder="Job" value="{{ date('d-M-Y', strtotime($jobCandidate->created_at)) }}" />
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountEmail">Email</label>
                            <input type="email" class="form-control" readonly placeholder="Email" value="{{ $jobCandidate->email }}" />
                        </div>
                        
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountPhoneNumber">Phone Number</label>
                            <input type="text" class="form-control account-number-mask" id="accountPhoneNumber" placeholder="Phone Number" readonly value="{{ $jobCandidate->mobile }}" />
                        </div>
                        
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountAddress">Address</label>
                            <textarea type="text" class="form-control" id="accountAddress" placeholder="Your Address" readonly>{{ $jobCandidate->location }}, {{ $jobCandidate->city ? $jobCandidate->city->name : '' }}, {{ $jobCandidate->state ? $jobCandidate->state->name : '' }}, {{ $jobCandidate->country ? $jobCandidate->country->name : '' }}, {{ $jobCandidate->pincode }}</textarea>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="skills">Skills</label>
                          <input type="text" class="form-control" id="skills" placeholder="Skills" readonly value="{{$jobCandidate->skill->pluck('name')->implode(', ')}}" />
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="skills">Gender</label>
                          <input type="text" class="form-control" id="gender" placeholder="Gender" readonly value="{{ ucfirst($jobCandidate->gender ? $jobCandidate->gender : '' )}}" />
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountState">Notice Period</label>
                            <input type="text" class="form-control" id="accountState" value="{{ $jobCandidate->noticePeriod ? $jobCandidate->noticePeriod->name : '#NA' }}" placeholder="notice period" readonly/>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountZipCode">Expected Salary (Per Annum)</label>
                          <input type="text" class="form-control account-zip-code" id="expected_salary" value="{{ $jobCandidate->expectedSalary ? $jobCandidate->expectedSalary->name : '#NA' }}" placeholder="Code" maxlength="6" readonly/>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountZipCode">Current Salary (Per Annum)</label>
                          <input type="text" class="form-control account-zip-code" id="current_salary" value="{{ $jobCandidate->currentSalary ? $jobCandidate->currentSalary->name : '#NA' }}" placeholder="Code" maxlength="6" readonly/>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountZipCode">Work Experience</label>
                            <input type="text" class="form-control account-zip-code" id="accountZipCode" value="{{ $jobCandidate->workExperience ? $jobCandidate->workExperience->name : '#NA' }}" placeholder="Code" maxlength="6" readonly/>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountZipCode">Onboard</label>
                            <input type="text" class="form-control account-zip-code" id="onboard" value="{{ $jobCandidate->onboard }}" placeholder="Code" maxlength="6" readonly/>
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountZipCode">Status</label>
                          <input type="text" class="form-control" id="status" value="{{ ucwords(str_replace('-', ' ', $jobCandidate->status)) }}" placeholder="Status" readonly/>
                      </div>
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountZipCode">Current Employment Status</label>
                            <input type="text" class="form-control account-zip-code" id="current_employment_status" value="{{ $jobCandidate->current_employment_status }}" placeholder="Code" maxlength="6" readonly/>
                        </div>

                        @if($jobCandidate->current_employment_status == 'Yes')
                        <div class="col-12 col-sm-6 mb-1">
                            <label class="form-label" for="accountZipCode">Current Employer Details</label>
                            <input type="text" class="form-control account-zip-code" id="current_employer" value="{{ $jobCandidate->current_employer_details }}" placeholder="Code" maxlength="6" readonly/>
                        </div>
                        @endif

                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountEmail">Source</label>
                          <input type="text" class="form-control" readonly placeholder="source" value="{{ $jobCandidate->source }}" />
                        </div>
                        <div class="col-12 col-sm-6 mb-1">
                          <label class="form-label" for="accountEmail">Last Updated Date</label>
                          <input type="text" class="form-control" readonly placeholder="Job" value="{{ date('d-M-Y', strtotime($jobCandidate->updated_at)) }}" />
                        </div>
                        
                        {{-- <div class="col-12">
                            <button type="submit" class="btn btn-primary mt-1 me-1">Save changes</button>
                            <button type="reset" class="btn btn-outline-secondary mt-1">Discard</button>
                        </div> --}}
                    </div>
                </form>
                <!--/ form -->
            </div>
        </div>
      </div>

      {{-- Time Line --}}
      <div class="tab-pane" id="timeline">
        <div class="card">
          <div class="card-header border-bottom">
              <h4 class="card-title">Time Line </h4>
          </div>
          <div class="card-body">

            <p class="card-text"></p>
  
            <div class="row gy-2">
              @foreach ($jobActivityLogs as $jobActivityLog)
              <div class="col-12">
                <div class="bg-light-secondary position-relative rounded p-2">
                  <div class="d-flex align-items-center flex-wrap">
                    <h3>
                      <span class="badge badge-light-primary mb-1">{{ ucfirst($jobActivityLog->log_type )}}</span>
                    </h3>
                  </div>
                  <h6 class="d-flex align-items-center fw-bolder">
                    <span class="me-50">{{ $jobActivityLog->log_message }}</span>
                    </span>
                  </h6>
                  <span>Created on {{ $jobActivityLog->created_at }}</span>
                </div>
              </div>
              @endforeach
              
              
            </div>
          </div>
        </div>
      </div>

      {{-- Interviews --}}
      <div class="tab-pane" id="interviews">
        <div class="card">
          <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
            <div class="card-header border-bottom">
              <div class="head-label"><h4 class="card-title">Interviews List</h4></div>
              <div class="dt-action-buttons text-end">
                <div class="dt-buttons d-inline-flex">
                    <a class="dt-button create-new btn btn-primary" tabindex="0" aria-controls="organization" href="{{ $orgUrl.'/job-interview/create?candidate='.$jobCandidate->id }}">
                        <span>
                            <i class="fa fa-plus" aria-hidden="true"></i> {{ trans('recruitment/job-candidate.schedule_interview') }}
                        </span>
                    </a> 
                </div>
              </div>
            </div>
              <table class="invoice-list-table table dataTable no-footer dtr-column" id="DataTables_Table_0" role="grid">
                <thead>
                  <tr>
                      <th>RATING</th>
                      <th>INTERVIEW TYPE</th>
                      {{-- <th class="text-truncate">INTERVIEW ROUND</th> --}}
                      <th class="text-truncate">INTERVIEW START AT</th>
                      <th>INTERVIEW END AT</th>
                      <th>CANDIDATE NAME</th>
                      <th>STATUS</th>
                      <th>CREATED BY</th>
                      <th class="cell-fit">CREATED AT</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($jobInterviews as $jobInterview)
                    <tr class="odd">
                    
                      <td class="sorting_1">
                        {{ $jobInterview->rate }}
                      </td>
                      <td><a href="{{$orgUrl}}/job-interview/{{$jobInterview->id}}/view">{{ $jobInterview->interviewType ? $jobInterview->interviewType->name : '#NA' }}</a></td>
                      <td>{{ $jobInterview->interview_start_time ? date('g:i A', strtotime($jobInterview->interview_start_time)) : '' }}</td>
                      <td>{{ $jobInterview->interview_end_time ? date('g:i A', strtotime($jobInterview->interview_end_time)) : '' }}</td>
                      <td>{{ $jobInterview->jobCandidate ? $jobInterview->jobCandidate->first_name.' '.$jobInterview->jobCandidate->last_name : '' }}</td>
                      <td>
                        <span class="badge rounded-pill badge-light-info" text-capitalized=""> {{ ucfirst($jobInterview->status) }} </span>
                      </td>
                      <td>{{ $jobInterview->createdBy ? $jobInterview->createdBy->first_name.' '.$jobInterview->createdBy->last_name : '' }}</td>
                      <td>{{ $jobInterview->created_at }}</td>
                    </tr>
                  @endforeach
                </tbody>
            </table>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<!-- Update Status Modal-->
<div class="modal fade" id="status-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
      <div class="modal-content">
          <div class="modal-header bg-transparent">
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body pb-5 px-sm-5 pt-50">
              <div class="text-center mb-2">
                  <h1 class="mb-1" id="status-modal-header">{{ trans('recruitment/job-candidate.update_status') }}</h1>
              </div>
              <form id="update-status" class="row gy-1 pt-75" role="post-data" method="POST" action="{{ $orgUrl.'/job-candidate/update-status' }}" redirect="{{ $orgUrl.'/job-candidate/'.$jobCandidate->id.'/profile' }}">
                  <div class="row">
                      <div class="col-12">
                          <input type="hidden" value="{{ $organization->id }}" name="organization_id" id="organizationId">
                          <label class="form-label">{{ trans('recruitment/job-candidate.status') }} <span class="mendatory-field text-danger">*</span></label>
                          <select name="status" class="form-control" id="status">
                              <option value="">Select status</option>
                              @foreach($candidateStatus as $value)
                                  <option value="{{$value}}">{{ ucwords(str_replace('-', ' ', $value)) }}</option>
                              @endforeach
                          </select>
                      </div>
                  </div>
                  <div class="row">
                      <div class="col-12">
                          <label class="form-label">{{ trans('recruitment/job-requisition.comments') }}</label>
                          <textarea name="log_message" class="form-control" id="log_message">{{ old('log_message') }}</textarea>
                      </div>
                  </div>
                  <div class="col-12 text-center mt-2 pt-50">
                      <button type="button" class="btn btn-primary me-1" data-request="ajax-submit" data-target="[role=post-data]">{{ trans('common/common.update') }}</button>
                      <button type="reset" class="btn btn-outline-secondary discard" data-bs-dismiss="modal"
                          aria-label="Close">
                          {{ trans('common/common.discard') }}
                      </button>
                  </div>
              </form>
          </div>
      </div>
  </div>
</div>
@endsection

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->

<script src="{{ asset('js/common-script.js') }}"></script>
<script src="{{ asset('js/sweetalert.js') }}"></script>
<script>
function setStatusModel(data) {
    $("#status option[value="+data.status+"]").attr('selected', 'selected');
    $('#update-status').attr('action', "{{ $orgUrl.'/job-candidate/update-status/' }}"+data.id);
}
</script>
@endpush