@extends('cetak.blank')
@section('title')
    SK.1
@endsection

<style>
    .sesi-bapppj {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
    }
    .table-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .table-wrapper {
        width: 50%;
    }
</style>
@section('konten')
    <div class="sesi-bapppj">
        <p align='center' style="font-size: 20px;margin-bottom:0.5rem"><b> SURAT KETERANGAN (SK.1) </b></p>
        <p align='center' style="font-size: 18px;margin-bottom:1rem">Nomor: ...........</p>
        <br><br>
        <p align='left' style="font-size: 16px;margin-bottom:1rem">Yang bertanda tangan dibawah ini menerangkan bahwa:</p>
        <table style="margin-bottom: 1rem" cellspacing="0" cellpadding="7">
            <tr>
                <td style="width: 150px">Nama</td>
                <td>:</td>
                <td>{{ $data?->pegawai?->nama_pegawai ?? '-' }}</td>
            </tr>
            <tr>
                <td style="width: 150px">NIP</td>
                <td>:</td>
                <td>{{ $data?->pegawai?->nip ?? '-' }}</td>
            </tr>
            <tr>
                <td style="width: 150px">Pangkat / Gol</td>
                <td>:</td>
                <td>{{ $data?->pegawai?->golongan?->golongan_ruang ?? '-' }}</td>
            </tr>
            <tr>
                <td style="width: 150px">Jabatan</td>
                <td>:</td>
                <td>{{ $data?->pegawai?->jabatan?->nama_jabatan ?? '-' }}</td>
            </tr>
            <tr>
                <td style="width: 150px">Unit Kerja</td>
                <td>:</td>
                <td>{{ $data?->pegawai?->unit_kerja ?? '......................' }}</td>
            </tr>
        </table>
        <br>
        @php
            $date = Carbon\Carbon::parse($data?->sk1?->tanggal)->locale('id');
        @endphp
        <p align='left' style="font-size: 16px;margin-bottom:1rem; line-height: 2rem;">Pada hari {{ $date->translatedFormat('l') ?? '............................' }} tanggal {{ $date->translatedFormat('j F Y') ?? '............................' }} tidak melakukan pengisian daftar hadir masuk / pulang kerja *) dengan alasan {{ $data->jawaban_pegawai ?? '..........................................................................................................' }}</p>
        <p align='left' style="font-size: 16px;margin-bottom:1rem; line-height: 2rem;">Demikian surat keterangan ini dibuat dengan sebenar-benarnya untuk dapat dipergunakan sebagaimana mestinya.</p>
        <br><br>
        <table style="width:70%; margin-bottom: 1rem; margin-right: 1rem; float: left;" cellspacing="0" cellpadding="7">
            <tr>
                <td>Atasan Langsung</td>
            </tr>
            <tr>
                {{-- <td style="height: 80px"></td> --}}
                <img 
                    src="{{ $data?->sk1?->ttd }}" 
                    style="height: 98px;"
                >
            </tr>
            <tr>
                <td>{{ $data?->atasan?->nama_pegawai ?? '-' }}</td>
            </tr>
            <tr>
                <td>NIP. {{ $data?->atasan?->nip ?? '-' }}</td>
            </tr>
        </table>
        <table style="width:30%; margin-bottom: 1rem; float: right;" cellspacing="0" cellpadding="7">
            <tr>
                @php
                    $carbonNow = Carbon\Carbon::now()->locale('id');
                @endphp
                <td>{{ $carbonNow->translatedFormat('l') . ', ' . $carbonNow->format('d / m / Y') }}
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    Yang menyatakan,
                </td>
            </tr>
            <tr>
                <td style="height: 80px"></td>
            </tr>
            <tr>
                <td>{{ $data?->pegawai?->nama_pegawai ?? '-' }}</td>
            </tr>
            <tr>
                <td>NIP. {{ $data?->pegawai?->nip ?? '-' }}</td>
            </tr>
        </table>
        <div style="clear:both"></div>
        <br><br>
        <p align='left' style="font-size: 16px;">Keterangan:</p>
        <p align='left' style="font-size: 16px;margin-bottom:1rem;">*) <i>Coret yang tidak perlu</i></p>
    </div>
@endsection