@extends('layouts.content')
<style>
    .list-detail {
        font-size: 12px
    }
</style>
@section('body_content')
    <main>
        <header class="page-header page-header-dark bg-gradient-primary-to-secondary pb-10">
            <div class="container-xl px-4">
                <div class="page-header-content pt-4">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto mt-4">
                            <h1 class="page-header-title">
                                <div class="page-header-icon me-4">
                                    <i class="fa-solid fa-circle-info"></i>
                                </div>
                                History Appraisal Individu {{ $user_uid->name }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div class="container-xl mt-n10 px-4">
            <div class="card mb-4">
                <div class="card-header">
                    History Appraisal Tahun {{ $ResultAppraisal->periode }}
                </div>
                <div class="card-body">
                    <div class="container">
                        <div class="row mt-4">
                            <label for="" class="col-sm-2 col-form-label">Periode : </label>
                            <div class="col-sm-4">
                                <input type="text" readonly class="form-control" value="{{ $ResultAppraisal->periode }}">
                            </div>
                            <label for="" class="col-sm-2 col-form-label">Semester : </label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" readonly
                                    value="{{ $ResultAppraisal->semester }}">
                            </div>
                        </div>
                        <div class="row mt-4 overflow-auto">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th class="p-3" scope="col">Faktor Penilaian</th>
                                        <th class="p-3" scope="col">Pencapaian</th>
                                        <th class="p-3" scope="col">Bobot (%)</th>
                                        <th class="p-3" scope="col">Score</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <h5 class="mt-3">{{ $TopHeader[0]['faktor_penilaian'] }}</h5>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_result_kpi }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $ResultAppraisal->bobot_kpi }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ number_format($ResultAppraisal->score_kpi, 2) }}" readonly>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <h5 class="mt-3">{{ $TopHeader[1]['faktor_penilaian'] }}</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <ul>
                                                <li>
                                                    <p class="mt-3 fs-5">{{ $Header[0]['faktor_penilaian'] }}</p>
                                                </li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li>{{ $ListHeader[0]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[0]['faktor_penilaian'] }}</p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control mt-2"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_job_knowladge }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control mt-2"
                                                value="{{ $ResultAppraisal->bobot_behavior }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control mt-2"
                                                value="{{ number_format($ResultAppraisal->score_behavior, 2) }}" readonly>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[1]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[1]['faktor_penilaian'] }}</p>
                                                        </li>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[2]['faktor_penilaian'] }}</p>
                                                        </li>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[3]['faktor_penilaian'] }}</p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control mt-2"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_analytical_logical_thinking }}"
                                                readonly>
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">
                                                        {{ $ListHeader[2]['faktor_penilaian'] }}
                                                    </li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[4]['faktor_penilaian'] }}</p>
                                                        </li>
                                                        <li>
                                                            <p class="list-detail">{{ $ListDetail[5]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" readonly
                                                value="{{ $ResultAppraisal->pencapaian_behavior_initiative }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[3]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">{{ $ListDetail[6]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" readonly
                                                value="{{ $ResultAppraisal->pencapaian_behavior_comunication }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[4]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">{{ $ListDetail[7]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="list-detail">{{ $ListDetail[8]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" readonly
                                                value="{{ $ResultAppraisal->pencapaian_behavior_teamwork }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[5]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">{{ $ListDetail[9]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[10]['faktor_penilaian'] }}</p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" readonly class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_adaptive }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[6]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[11]['faktor_penilaian'] }}</p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" readonly class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_dicipline }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[7]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[12]['faktor_penilaian'] }}</p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" readonly class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_motivation }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[8]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[13]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" readonly class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_proactive }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <ul>
                                                <ul>
                                                    <li class="mb-2">{{ $ListHeader[9]['faktor_penilaian'] }}</li>
                                                    <ul>
                                                        <li>
                                                            <p class="list-detail">
                                                                {{ $ListDetail[14]['faktor_penilaian'] }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </ul>
                                            </ul>
                                        </td>
                                        <td>
                                            <input type="text" readonly class="form-control"
                                                value="{{ $ResultAppraisal->pencapaian_behavior_commitment }}">
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    @if ($access->access_level_id != 7 || $access->uid == 'ga-warehouse-staff')
                                        <tr>
                                            <td colspan="4">
                                                <ul>
                                                    <li>
                                                        <p class="mt-3">{{ $Header[1]['faktor_penilaian'] }}</p>
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">{{ $ListHeader[10]['faktor_penilaian'] }}</li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[15]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[16]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_managerial_plan }}">
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->bobot_managerial }}">
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ number_format($ResultAppraisal->score_managerial, 2) }}">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[11]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[17]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_managerial_do }}">
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[12]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[18]['faktor_penilaian'] }}</p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_managerial_study }}">
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[13]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[19]['faktor_penilaian'] }}</p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control" readonly
                                                    value="{{ $ResultAppraisal->pencapaian_managerial_action }}">
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4">
                                                <ul>
                                                    <li>
                                                        <p class="mt-3">{{ $Header[2]['faktor_penilaian'] }}</p>
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[14]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[20]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_leadership_establishing_direction }}">
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->bobot_leadership }}">
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ number_format($ResultAppraisal->score_leadership, 2) }}">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[15]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[21]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[22]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_leadership_aligning_people }}"
                                                    readonly>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[16]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[23]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[24]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[25]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control" readonly
                                                    value="{{ $ResultAppraisal->pencapaian_leadership_coaching_counseling }}">
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <ul>
                                                    <ul>
                                                        <li class="mb-2">
                                                            {{ $ListHeader[17]['faktor_penilaian'] }}
                                                        </li>
                                                        <ul>
                                                            <li>
                                                                <p class="list-detail">
                                                                    {{ $ListDetail[26]['faktor_penilaian'] }}
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </ul>
                                                </ul>
                                            </td>
                                            <td>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ $ResultAppraisal->pencapaian_leadership_producing_change }}">
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                    @endif
                                    <tr>
                                        <td colspan="3">
                                            <ul>
                                                <h3 class="fw-600 mt-3">Total Score</h3>
                                            </ul>
                                        </td>
                                        <td class="text-align">
                                            <input type="text" readonly class="form-control fw-600 mt-2"
                                                value="{{ number_format($ResultAppraisal->total_score, 2) }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <ul>
                                                <h3 class="fw-600 mt-3">Kategori Nilai</h3>
                                            </ul>
                                        </td>
                                        <td>
                                            <h5 class="mt-3 fw-700 text-center">
                                                {{ $ResultAppraisal->MasterDataGrading->remark }}</h5>
                                        </td>
                                    </tr>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="row mt-4">
                                <div class="col-sm-6 mb-3">
                                    <label for="floatingInput" class="form-label">Hal-hal yang perlu dipertahankan :
                                    </label>
                                    <input type="text" class="form-control" readonly
                                        value="{{ $ResultAppraisal->note_good }}">
                                </div>
                                <div class="col-sm-6 mb-3">
                                    <label for="floatingInput" class="form-label">Kekurangan yang perlu diperbaiki :
                                    </label>
                                    <input type="text" class="form-control" readonly
                                        value="{{ $ResultAppraisal->note_bad }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </main>
@endsection