@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-requisition.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-requisition' }}">{{trans('recruitment/job-requisition.job_requisition')}}</a>
                    </li>
                    <li class="breadcrumb-item active">{{trans('recruitment/job-requisition.job_requisition_history')}}
                    </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')
<!-- Basic multiple Column Form section start -->
    <div class="card">
        <div class="card-header border-bottom">
            <h4 class="card-title">{{trans('recruitment/job-requisition.history')}} </h4>
        </div>
        <div class="card-body">
            <p class="card-text"></p>
            <div class="row gy-2">
                @if(count($jobRequisitionLogs) > 0)
                    @foreach ($jobRequisitionLogs as $jobRequisitionLog)
                    <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($requisitionStatus[$jobRequisitionLog->status]) ? ucfirst($requisitionStatus[$jobRequisitionLog->status]) : '' }}</span>
                            </span>
                            </h6>
                            <span>{{ trans('recruitment/job-requisition.comments') }} - {!! $jobRequisitionLog->log_message !!}</span><br>
                            <span>{{ trans('recruitment/job-requisition.created_by') }} - 
                                @if($jobRequisitionLog->created_by_type == 'employee')
                                    {{ isset($jobRequisitionLog->createdByEmployee->name) ? $jobRequisitionLog->createdByEmployee->name : '' }}
                                @else
                                    {{ isset($jobRequisitionLog->createdByAdmin->name) ? $jobRequisitionLog->createdByAdmin->name : '' }}
                                @endif
                            </span><br>
                            <span>{{ trans('recruitment/job-requisition.created_on') }} - {{ $jobRequisitionLog->created_at ? date('Y/m/d h:i:s', strtotime($jobRequisitionLog->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