@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="show" :icon="$icon" :label="$label" hr-class="mb-4" />
            <div class="row mt-3">
                <div class="col-sm-6">
                    <table class="table-padding">
                        <tr>
                            <td>Nomor SK</td>
                            <td class="divide">:</td>
                            <td>{{ $applicant->number }}</td>
                        </tr>
                        <tr>
                            <td>Tanggal SK</td>
                            <td class="divide">:</td>
                            <td>{{ Common::dateFormat($applicant->date, 'dd mmmm yyyy') }}</td>
                        </tr>
                        <tr>
                            <td>Masa Berlaku SK</td>
                            <td class="divide">:</td>
                            <td>{{ Common::dateFormat($applicant->due_at, 'dd mmmm yyyy') }}</td>
                        </tr>

                    </table>
                </div>
                <div class="col-sm-6">
                    <table class="table-padding">
                        <tr>
                            <td>Nama</td>
                            <td class="divide">:</td>
                            <td>{{ $applicant->name }}</td>
                        </tr>

                        <tr>
                            <td>Jabatan</td>
                            <td class="divide">:</td>
                            <td>{{ @$applicant->positionData->name }}</td>
                        </tr>
                        <tr>
                            <td>BPJK</td>
                            <td class="divide">:</td>
                            <td>{{ @$applicant->bpjs }}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <x-section-form label="Gaji" icon="mdi mdi-certificate-outline" />
            <div class="row mt-3">
                <div class="col-sm-6">
                    <table class="table-padding">
                        <tr>
                            <td>Tipe Penggajian</td>
                            <td class="divide">:</td>
                            <td>{{ $applicant->salary_type_data }}</td>
                        </tr>
                        <tr>
                            <td>Gaji Pokok</td>
                            <td class="divide">:</td>
                            <td>{{ number_format($applicant->salary, 0, ',', '.') }}</td>
                        </tr>
                        <tr>
                            <td>Uang Lembur / Jam</td>
                            <td class="divide">:</td>
                            <td>{{ number_format($applicant->salary_overtime, 0, ',', '.') }}</td>
                        </tr>
                        <tr>
                            <td>Tunjangan Makan / Hari</td>
                            <td class="divide">:</td>
                            <td>{{ number_format($applicant->allowance_meal, 0, ',', '.') }}</td>
                        </tr>

                    </table>
                </div>
            </div>
        </div>
    @endsection