@extends('layouts.app')

@section('content')
	<div class="page-title">
        <div class="row">
            <div class="col-12 col-md-6 order-md-1 order-last">
                <h3>Detail Hasil Penilaian Kinerja</h3>
            </div>
            <div class="col-12 col-md-6 order-md-2 order-first">
                <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Penilaian</a></li>
                        <li class="breadcrumb-item"><a href="index.html">History Penilaian</a></li>
                        <li class="breadcrumb-item active" aria-current="page"> Detail Hasil Penilaian</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="section" x-data="main">
		<div class="card">
            <div class="card-header">
                 <div class="float-end">
                    <!-- <button class="btn btn-primary" @click="addData" data-id="0"><span class="bi bi-plus"> TAMBAH</span></button>
                    <button class="btn btn-success" @click="importData" data-id="0"><span class="bi bi-file"> IMPORT</span></button> -->
                </div>

                <div class="clearfix"></div>
            </div>
            <div class="card-body">
                    <div class="form-group row">
                        <div class="col-md-4">
                            <label>Nama Karyawan</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ $gradings->karyawan->nama }}" readonly>
                        </div>
                        <div class="col-md-4">
                            <label>Divisi</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ $gradings->division_name }}" readonly>
                        </div>
                        <div class="col-md-4">
                            <label>Tanggal</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ date('d-m-Y', strtotime($gradings->date)) }}" readonly>
                        </div>

                    </div>
                    <div class="form-group row">
                        
                        <div class="col-md-4">
                            <label>Cabang</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ $gradings->branch_name }}" readonly>
                        </div>
                        <div class="col-md-4">
                            <label>Lama Gabung</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ $gradings->long_time_join }}" readonly>
                        </div>
                        <div class="col-md-4">
                            <label>Status</label>
                            <input type="text" id="date" name="date" class="form-control" value="{{ $gradings->status == 1 ? 'Aktif' : 'Non Aktif' }}" readonly>
                        </div>

                    </div>

                    <div class="divider">
                        <div class="divider-text">Tabel Data</div>
                    </div>
                          
                    <button class="btn" style="border: 2px solid red;min-width: 130px;padding: 3px;font-weight:bold;font-size: 10px;color:red;margin-bottom:20px" href="#"  onClick="exportData({{ $id }})" target="_blank" > <i class="fa fa-file-pdf"></i>  download Pdf</button>

                    <div class="col-12 col-lg-12">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered" id="datatables">
                                <thead>
                                    <tr>
                                        <th rowspan="2" style="text-align: center">NO</th>
                                        <th rowspan="2" style="text-align: center">Faktor Penilaian</th>
                                        <th colspan="2" style="text-align: center">Penilaian</th>
                                    </tr>
                                    <tr>
                                        <th style="text-align: center">Angka</th>
                                        <th  style="text-align: center">Huruf</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($gradings->tbrGradingH as $key => $grade)
                                    <tr>
                                        <td colspan="4" style="font-size:14px;font-weight: 400">
                                            &nbsp;&nbsp;&nbsp;
                                            @if($key+1 == 1)
                                                KEPRIBADIAN DAN PRILAKU
                                            @elseif($key+1 == 2)
                                                HASIL KERJA
                                            @else
                                                LEADERSHIP
                                            @endif
                                        </td>
                                    </tr>
                                        @foreach($grade->tbtGradingD as $idx => $detail)
                                        <tr>
                                            <td>{{ $idx+1 }}</td>
                                            <td> 
                                                {{$detail->tbm_assessment_factor_name}}
                                            </td>
                                            <td> 
                                                {{$detail->tbmGradeDetail->grade->name}}
                                            </td>
                                            <td> 
                                                {{$detail->tbmGradeDetail->grade->code}}
                                            </td>
                                        </tr>
                                        @endforeach
                                    @endforeach
                                    

                                </tbody>
                            </table>

                            <table>
                                <tr>
                                    <th> Note: </th>
                                    <th> {{ $gradings->notes }}</th>
                                </tr>
                            </table>
                        </div>
                </div>

			</div>
		</div>
	</section>
@endsection


@push('scripts')
    <script>
        function exportData(param){
            window.open(
                        "{{ url('penilaian-karyawan/performance-appraisal-history/cetak-pdf') }}/"+param,
                        '_blank' 
                        );

        }
    </script>
@endpush