@extends('cetak.kopSurat')

<style>
    .ghost {}

    .sesi-bapppj {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
</style>
@section('konten')
    <hr>
    <div class="sesi-bapppj">
        <p align='center' style="font-size: 20px;margin-bottom:1rem"><b> DAFTAR KEHADIRAN - {{ $tahun }}</b></p>
        <table style="width: 100%; margin-bottom: 1rem" border="1px" cellspacing="0" cellpadding="7">
            <thead>
                <tr style="border-bottom: none !important">
                    <th rowspan="2" width="10%">NIP</th>
                    <th rowspan="2">Nama</th>
                    <th rowspan="2">Kabupaten</th>
                    <th colspan="5">
                        {{ $month }}
                    </th>
                </tr>
                <tr>
                    <th>TM</th>
                    <th>CP</th>
                    <th>TK</th>
                    <th>TM5</th>
                    <th>A1</th>
                </tr>
            </thead>
            <tbody style="white-space: nowrap">
                @foreach ($rows as $item)
                    <tr>
                        <td>{{ $item['nip'] }}</td>
                        <td>{{ $item['nama_pegawai'] }}</td>
                        <td>{{ $item['kabupaten_data'] }}</td>
                        <td>
                            {{ $item['telat'] }}</td>
                        <td>
                            {{ $item['cepat'] }}</td>
                        <td>
                            {{ $item['tanpaKeterangan'] }}
                        </td>
                        <td>
                            {{ $item['tidakAbsenPagi'] }}
                        </td>
                        <td>
                            {{ $item['tidakAbsenPulang'] }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="8">
                        Jumlah Hari Kerja : {{ $hari_kerja }}
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
@endsection