@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' }}">{{ trans('recruitment/job-interview.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-interview' }}">{{ trans('recruitment/job-interview.job_interview') }}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        {{ trans('recruitment/job-interview.view_details') }}
                    </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">{{ trans('recruitment/job-interview.overview') }}</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="inteview-log-tab" data-bs-toggle="pill" href="#inteview-log">
                        <i data-feather="bookmark" class="font-medium-3 me-50"></i>
                        <span class="fw-bold">{{ trans('recruitment/job-interview.reviews') }}
                            <strong>({{ count($interviewLogs) }})</strong></span>
                    </a>
                </li>
                {{-- <li class="nav-item">
                    <a class="nav-link" id="timeline-tab" data-bs-toggle="pill" href="#timeline">
                        <i data-feather="bookmark" class="font-medium-3 me-50"></i>
                        <span class="fw-bold">{{ trans('recruitment/job-interview.timeline') }}
                            <strong>({{ count($jobActivityLogs) }})</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">
                            <h4 class="card-title">{{ trans('recruitment/job-interview.job_interview_details') }}</h4>
                        </div>
                        <div class="card-body py-2 my-25">
                            <!-- header section -->
                            <div class="d-flex border-bottom">
                                <a href="#" class="me-25">
                                    <img class="uploadedAvatar rounded me-50" src="{{ '/app-assets/images/recruitment/'.str_replace('-', '', $jobInterview->status).'.png' }}" 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">
                                            {{ isset($jobInterview->interviewType->name) ? ucfirst($jobInterview->interviewType->name) : '' }}
                                        </h3>
                                        <p class="mb-2"><i data-feather="briefcase" class="font-medium-3"></i> {{ isset($jobInterview->jobCandidate->candidate_id) ? $jobInterview->jobCandidate->candidate_id : '' }} </p>

                                    </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">{{ trans('recruitment/job-interview.interview_type') }}</label>
                                        <input type="text" class="form-control" readonly
                                            value="{{ isset($jobInterview->interviewType->name) ? $jobInterview->interviewType->name : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.posting_title') }}</label>
                                        <input type="text" class="form-control" readonly
                                            value="{{ isset($jobInterview->job->posting_title) ? $jobInterview->job->posting_title : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.candidate_name') }}</label>
                                        <input type="text" class="form-control" readonly
                                            value="{{ isset($jobInterview->jobCandidate->first_name) ? $jobInterview->jobCandidate->first_name : '-' }} {{ isset($jobInterview->jobCandidate->last_name) ? $jobInterview->jobCandidate->first_name : '' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.from') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ $jobInterview->interview_date ? date('Y/m/d', strtotime($jobInterview->interview_date)) : '-' }} {{ $jobInterview->interview_start_time ? date('g:i A', strtotime($jobInterview->interview_start_time)) : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.to') }}</label>
                                        <input type="text" class="form-control" readonly
                                            value="{{ $jobInterview->interview_date ? date('Y/m/d', strtotime($jobInterview->interview_date)) : '-' }} {{ $jobInterview->interview_end_time ? date('g:i A', strtotime($jobInterview->interview_end_time)) : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.location') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ $jobInterview->location ? $jobInterview->location : '-' }}" />
                                    </div>
                                    @php
                                        $interviewername = [];
                                        if(isset($jobInterview->interviewerDetail) && count($jobInterview->interviewerDetail) > 0){
                                            foreach($jobInterview->interviewerDetail as $interviewer){
                                                if (isset($interviewer->interviewer->name)) {
                                                    $interviewername[] = $interviewer->interviewer->name;
                                                }
                                            }
                                        }
                                    @endphp
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="interviewer">{{ trans('recruitment/job-interview.interviewer') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ implode(',',$interviewername) }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.comments') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ $jobInterview->comments ? ucwords($jobInterview->comments) : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.created_by') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="@if($jobInterview->created_by_type == 'employee') {{ isset($jobInterview->createdByEmployee->name) ? $jobInterview->createdByEmployee->name : '' }}@else{{ isset($jobInterview->createdBy->name) ? $jobInterview->createdBy->name : '' }}@endif" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.created_at') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ $jobInterview->created_at ? date('Y/m/d', strtotime($jobInterview->created_at)) : '-' }}" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.modified_by') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="@if($jobInterview->created_by_type == 'employee') {{ isset($jobInterview->updatedByEmployee->name) ? $jobInterview->updatedByEmployee->name : '' }}@else{{ isset($jobInterview->updatedBy->name) ? $jobInterview->updatedBy->name : '' }}@endif" />
                                    </div>
                                    <div class="col-12 col-sm-6 mb-1">
                                        <label class="form-label"
                                            for="accountEmail">{{ trans('recruitment/job-interview.updated_at') }}</label>
                                        <input type="text" class="form-control" readonly placeholder=""
                                            value="{{ $jobInterview->updated_at ? date('Y/m/d', strtotime($jobInterview->updated_at)) : '-' }}" />
                                    </div>
                                </div>
                            </form>
                            <!--/ form -->
                        </div>
                    </div>
                </div>

                {{-- Interview Log --}}
                <div class="tab-pane" id="inteview-log">
                    <div class="card">
                       
                        <div class="card-datatable">
                            <div class="card-header border-bottom p-1">
                                <div class="head-label">
                                    <h6 class="mb-0">{{ trans('recruitment/job-interview.reviews_listing') }}</h6>
                                </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" data-bs-toggle="modal"
                                            data-bs-target="#interview-log-modal">
                                            <span>
                                                <i class="fa fa-plus" aria-hidden="true"></i>
                                                {{ trans('recruitment/job-interview.add_review') }}
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <p class="card-text"></p>
                                <div class="row gy-2">
                                    @if (count($interviewLogs) > 0)
                                        @foreach ($interviewLogs as $interviewLog)
                                            <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">{{ isset($interviewLog->interviewType->name) ? ucfirst($interviewLog->interviewType->name) : '-' }}</span>
                                                            
                                                            @if(@$authuser->id == $interviewLog->interviewer_id)    
                                                                <a href="#" data-bs-toggle="modal"
                                                                data-bs-target="#interview-log-modal" onclick="setEditLogModal({{json_encode($interviewLog)}})"><i
                                                                    data-feather="pen-tool" class="font-4 pe-none"
                                                                    aria-hidden="true"></i></a>
                                                            @endif
                                                        </h3>
                                                    </div>
                                                    <h6 class="d-flex align-items-center fw-bolder">
                                                        <span class="me-50">{{ $interviewLog->comments }}</span>
                                                    </h6>
                                                    <span class="me-50">{{ trans('recruitment/job-interview.interviewer') }}- {{ isset($interviewLog->interviewer->name) ? $interviewLog->interviewer->name : '' }}</span><br>
                                                    <span class="me-50">{{ trans('recruitment/job-interview.rate') }} (Out of {{ $jobInterview->rate }})- {{ $interviewLog->interviewer_rating ? $interviewLog->interviewer_rating : '' }}</span><br>
                                                    <span>{{ trans('recruitment/job-interview.created_on') }}-
                                                        {{ $interviewLog->created_at ? date('Y/m/d H:i', strtotime($interviewLog->created_at)) : '-' }}</span>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Timeline --}}
                <div class="tab-pane" id="timeline">
                    <div class="card">
                        <div class="card-header border-bottom">
                            <h4 class="card-title">{{ trans('recruitment/job-interview.timeline') }} </h4>
                        </div>
                        <div class="card-body">
                            <p class="card-text"></p>
                            <div class="row gy-2">
                                @if (count($jobActivityLogs) > 0)
                                    @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>{{ trans('recruitment/job-interview.created_on') }}
                                                    {{ $jobActivityLog->created_at ? date('Y/m/d H:i', strtotime($jobActivityLog->created_at)) : '-' }}</span>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        {{-- Interview Log Modal --}}
        <div class="modal fade" id="interview-log-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="interview-log-modal-header">
                                {{ trans('recruitment/job-interview.add_review') }}</h1>
                        </div>
                        <form id="add-log" class="row gy-1 pt-75" role="post-data" method="POST"
                            action="{{ $orgUrl . '/job-interview/' . $jobInterview->id . '/add-log' }}"
                            redirect="{{ $orgUrl . '/job-interview/'. $jobInterview->id . '/view' }}">
                            <input type="hidden" name="job_id" value="{{ $jobInterview->job_id }}">
                            <input type="hidden" name="organization_id"
                                value="{{ $jobInterview->organization_id }}">
                            <input type="hidden" name="interview_id" value="{{ $jobInterview->id }}">
                            <input type="hidden" name="interview_type_id" value="{{ $jobInterview->interview_type }}">
                            <div class="row">
                                <div class="col-12">
                                    <label class="form-label">{{ trans('recruitment/job-interview.status') }}</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="">Select status</option>
                                        @foreach ($logStatus as $status)
                                            <option value="{{ $status }}">{{ ucfirst($status) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="form-label" id="rateLabel">{{ trans('recruitment/job-interview.rate') }} (Out of {{ $jobInterview->rate }})</label>
                                    <input type="number" class="form-control" name="interviewer_rating"
                                        id="interviewer_rating" min="0" max="10"
                                        value="{{ old('interviewer_rating') }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="form-label">{{ trans('recruitment/job-interview.feedback') }}</label>
                                    <textarea name="feedback" id="feedback" class="form-control">{{ old('feedback') }}</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]" id="add-log-btn">{{ trans('common/common.save') }}</button>
                                <button type="reset" class="btn btn-outline-secondary" 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="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

        <script>

            function setEditLogModal(data){
                $("#interview_type_id option[value="+data.interview_type_id+"]").attr('selected', 'selected');
                $("#status option[value="+data.status+"]").attr('selected', 'selected');
                $('#feedback').text(data.comments);
                $('#interviewer_rating').val(data.interviewer_rating);
                $('#interview-log-modal-header').text("{{trans('recruitment/job-interview.update_review')}}");
                $('#add-log-btn').text("{{trans('common/common.update')}}");
                $('#add-log').attr('action', "{{ $orgUrl.'/job-interview/'.$jobInterview->id.'/update-log/' }}"+data.id);
                $(".has-error").removeClass("has-error");
                $(".help-block").remove();
            }
        
        
    </script>
    @endpush