@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-candidate.job_candidate')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ $orgUrl.'/home' }}">{{trans('common/common.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl.'/job-candidate' }}">{{trans('recruitment/job-candidate.job_candidate')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        {{trans('recruitment/job-candidate.job_candidate_history')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
    @endpush
    
@section('content')
<!-- Basic multiple Column Form section start -->
    <div class="card">
        <div class="card-header border-bottom">
            <h4 class="card-title">Position - {{ isset($jobCandidate->job->posting_title) ? $jobCandidate->job->posting_title : ''}} </h4>
        </div>
        <div class="card-body">
            <p class="card-text"></p>
            <div class="row gy-2">
                @if(count($jobCandidateLogs) > 0)
                    @foreach ($jobCandidateLogs as $jobCandidateLog)
                    <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"></span>
                            </h3>
                            </div>
                            <h6 class="d-flex align-items-center fw-bolder">
                            {{-- <span class="me-50">{{ isset($jobCandidateLog->job->posting_title) ? $jobCandidateLog->job->posting_title : '' }}</span> --}}
                            </span>
                            </h6>
                            @if(isset($jobCandidateLog->interview->interviewType))
                                <span>{{ trans('recruitment/job-candidate.interview') }} - {{ $jobCandidateLog->interview->interviewType->name }}</span><br>
                            @endif
                            <span>{{ trans('recruitment/job-candidate.comments') }} - {!! $jobCandidateLog->log_message !!}</span><br>
                            <span>{{ trans('recruitment/job-candidate.created_by') }} - {{ isset($jobCandidateLog->createdBy->name) ? $jobCandidateLog->createdBy->name : ''}}</span><br>
                            <span>{{ trans('recruitment/job-candidate.created_on') }} - {{ $jobCandidateLog->created_at ? date('Y/m/d h:i:s', strtotime($jobCandidateLog->created_at)) : ''}}</span>
                        </div>
                    </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>

<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<!-- END: Page Vendor JS-->

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