@if( $appraisal->checkAppraisalSuperiorOrSupervisor() )
    <form method="POST" action="{{ route('final-appraisal-update') }}" data-toggle="validator" autocomplete="off">
    @csrf
    <input type="hidden" name="appraisal_id" value="{{ $appraisal->id }}">
@endif
<div class="page-section pt-3">
    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col text-start">
                    <h1 class="font-weight-semibold typography-2 mb-0">
                    {{ __('Appraisal Details') }}
                    </h1>
                </div>
                <div class="col text-end">
                    <a class="btn btn-purple btn-action" title="Appraisal Guidelines" data-bs-toggle="modal" data-bs-target="#guideModal">
                        <i class="fas fa-question"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="mb-3 row">
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="year" class="col-12 col-form-label">
                            {{ __('Year') }}
                        </label>
                        <div class="col-12">
                            <input id="year" type="text" class="form-control" name="year" value="{{ $appraisal->year }}" readonly />
                        </div>
                    </div>
                </div><!-- Year -->
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="date_range" class="col-12 col-form-label">
                            {{ __('Appraisal Period') }}
                        </label>
                        <div class="col-12">
                            <input id="date_range" type="text" class="form-control" name="date_range" value="{{ $appraisal->date_range }}" readonly />
                        </div>
                    </div>
                </div><!-- Date Range -->
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="user_id" class="col-12 col-form-label">
                            {{ __('Appraisee') }}
                        </label>
                        <div class="col-12">
                            <input id="user_id" type="text" class="form-control" name="user_id" value="{{ $appraisal->user->getFullNameAndNickName() }}" readonly />
                        </div>
                    </div>
                </div><!-- Appraisee -->
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="department_id" class="col-12 col-form-label">
                            {{ __('Division') }}
                        </label>
                        <div class="col-12">
                            <input id="department_id" type="text" class="form-control" value="{{ $appraisal->department->name }}" readonly />
                        </div>
                    </div>
                </div><!-- Department -->
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="type" class="col-12 col-form-label">
                            {{ __('Type of Appraisal') }}
                        </label>
                        <div class="col-12">
                            <input id="type" type="text" class="form-control" value="{{ $appraisal->type }}" readonly />
                        </div>
                    </div>
                </div><!-- Type of Appraisal -->
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="status" class="col-12 col-form-label">
                            {{ __('Status') }}
                        </label>
                        <div class="col-12">
                            <input id="status" type="text" class="form-control" value="{{ $status_types[$appraisal->status] }}" readonly />
                        </div>
                    </div>
                </div><!-- Status -->
                @if( $appraisal->checkAppraisalStatusIsPendingMeetupOrCompleteForAppraisee() || $appraisal->checkAppraisalStatusIsNotPendingAppraiseeForSuperior() )
                <div class="col-md-6 col-12">
                    <div class="mb-3 row">
                        <label for="department_head_id" class="col-12 col-form-label">
                            {{ __('Appraiser') }}
                        </label>
                        <div class="col-12">
                            <input id="department_head_id" type="text" class="form-control" value="{{ $appraisal->department->job->getHeadOfDepartment()->nickname }}" readonly />
                        </div>
                    </div>
                </div><!-- Appraiser -->
                    @if( $appraisal->checkAppraisalStatusIsComplete() )
                        <div class="col-md-6 col-12">
                            <div class="mb-3 row">
                                <label for="date_appraised" class="col-12 col-form-label required-label">
                                    {{ __('Date Appraised') }}
                                </label>
                                <div class="col-12">
                                    <input id="date_appraised" type="text" class="form-control datepicker_all" name="date_appraised" value="{{ $appraisal->date_appraised ? Carbon\Carbon::parse($appraisal->date_appraised)->format('d/m/Y') : Carbon\Carbon::now()->format('d/m/Y') }}" placeholder="dd/mm/yyyy" {{ $appraisal->checkDateAppraisedDisabled() }} />
                                </div>
                            </div>
                        </div><!-- Date Appraised -->
                    @endif
                @endif
            </div>
        </div>
    </div>
</div><!-- Details -->
<div class="page-section d-flex text-end">
    <a class="btn btn-black btn-custom" href="{{ $appraisal->checkAppraisalSuperior() ? route('admin-appraisal-index') : route('appraisal-index') }}">Back</a>
    @if( $appraisal->checkAppraisalStatusForSuperior() )
        <a class="ms-3 btn btn-lg btn-purple btn-custom" href="{{ route('final-value-edit', ['id'=>$appraisal->id]) }}">Next</a>
    @else
        @if( !$appraisal->checkAppraisalSuperior() || !$appraisal->checkAppraisalStatusIsPendingAppraisee() )
            <a class="ms-3 btn btn-lg btn-purple btn-custom" href="{{ $appraisal->checkAppraisalSuperiorOrSupervisor() ? route('final-value-edit', ['id'=>$appraisal->id]) : route('value-view', ['id'=>$appraisal->id]) }}">Next</a>
        @endif
    @endif
</div>
@push('modal')
<div class="modal fade" id="guideModal" tabindex="-1" aria-labelledby="appraisalGuidelines" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="appraisalGuidelines">Appraisal Guidelines</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <ol class="list-group list-group-flush">
                @if( $appraisal->checkAppraisalSuperior() )
                    <li class="list-group-item">1. Be OBJECTIVE in your appraisal. Give appropriate and fair weight to individual instances observed during the review period in reaching the performance rating.</li>
                    <li class="list-group-item">2. Based your judgment on the requirements of the job and his/her performance in meeting these requirements.</li>
                    <li class="list-group-item">3. Carefully read the description for each trait and specifications for each grade which most nearly describes your opinion.</li>
                    <li class="list-group-item">4. Upon completion, review and check your ratings. Make any comments in provided space which will furnish additional information.</li>
                    <li class="list-group-item">5. When discussing with employee DO NOT AMEND your ratings.</li>
                @else
                    <li class="list-group-item">1. All employees are requested to assess themselves for self-awareness that relates to their job knowledge, skills, and abilities. Rate yourself according to your best capability.</li>
                    <li class="list-group-item">2. Keep in mind that this is strictly to be done individually without any further discussion fellow colleagues as individual needs differ be it the same designation or seniority.</li>
                    <li class="list-group-item">3. The completion date is set at three days with effect from the given date and kindly pass it back to your immediate supervisor.</li>
                @endif
                </ol>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-black" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endpush
@push('js')
<script type="text/javascript">
    $(document).ready(function(){
        $("#guideModal").modal('show');
    });
</script>
@endpush