155 lines
7.7 KiB
PHP
155 lines
7.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Rekap Surat Peringatan — {{ $school['name'] }}</title>
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
body { font-family: 'DejaVu Sans', sans-serif; font-size: 9px; color: #1a1a1a; margin: 0; padding: 0; }
|
|
.kop { width: 100%; border-collapse: collapse; margin-bottom: 0; }
|
|
.kop td { border: none; padding: 0; }
|
|
.kop-logo { width: 118px; text-align: center; vertical-align: middle; }
|
|
.kop-logo img { height: 88px; width: auto; max-width: 106px; object-fit: contain; }
|
|
.kop-text { text-align: center; vertical-align: middle; }
|
|
.kop-1, .kop-2 { font-size: 12px; font-weight: bold; color: #000; }
|
|
.kop-3 { font-size: 14.5px; font-weight: bold; color: #000; margin: 2px 0; }
|
|
.kop-4, .kop-5, .kop-6 { font-size: 8.5px; color: #000; }
|
|
.kop-line { border-bottom: 2.5px solid #000; margin: 8px 0 14px; }
|
|
.judul { text-align: center; margin: 12px 0 4px; }
|
|
.judul h2 { font-size: 13px; margin: 0; text-transform: uppercase; letter-spacing: 1px; }
|
|
.judul p { font-size: 9px; margin: 3px 0 0; color: #444; }
|
|
.meta { width: 100%; border-collapse: collapse; margin: 10px 0 6px; }
|
|
.meta td { padding: 2px 0; }
|
|
.summary { width: 100%; border-collapse: collapse; margin: 8px 0 14px; }
|
|
.summary td { border: 1px solid #cbd5e1; padding: 7px 8px; text-align: center; background: #f8fafc; }
|
|
.summary .angka { font-size: 16px; font-weight: bold; color: #1e3a8a; display: block; }
|
|
.summary .label { font-size: 8px; color: #555; text-transform: uppercase; }
|
|
table.detail { width: 100%; border-collapse: collapse; margin: 4px 0 14px; }
|
|
table.detail th { background: #1e3a8a; color: #fff; padding: 4px 5px; text-align: left; font-size: 8px; text-transform: uppercase; letter-spacing: 0.3px; }
|
|
table.detail td { border: 1px solid #cbd5e1; padding: 4px 5px; font-size: 8px; }
|
|
table.detail td .sub { font-size: 7px; color: #64748b; display: block; margin-top: 1px; }
|
|
table.detail tr:nth-child(even) td { background: #f8fafc; }
|
|
.center { text-align: center; }
|
|
.right { text-align: right; }
|
|
.ttd { width: 100%; margin-top: 30px; }
|
|
.ttd td { width: 50%; text-align: center; font-size: 9px; vertical-align: top; }
|
|
.ttd .nama { margin-top: 70px; font-weight: bold; text-decoration: underline; }
|
|
.footer { margin-top: 16px; text-align: center; font-size: 7.5px; color: #888; border-top: 1px solid #e2e8f0; padding-top: 6px; }
|
|
.badge { display: inline-block; padding: 1px 6px; border-radius: 8px; font-size: 7.5px; font-weight: bold; }
|
|
.badge-draft { background: #fef3c7; color: #92400e; }
|
|
.badge-printed { background: #dbeafe; color: #1e40af; }
|
|
.badge-signed { background: #dcfce7; color: #166534; }
|
|
.badge-delivered { background: #ede9fe; color: #6b21a8; }
|
|
.badge-other { background: #e2e8f0; color: #334155; }
|
|
.poin { font-weight: bold; color: #b91c1c; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
{{-- Kop Surat (format resmi: logo kiri + teks tengah + garis tebal) --}}
|
|
<table class="kop">
|
|
<tr>
|
|
<td class="kop-logo">
|
|
@if (! empty($school['kop_logo']) && file_exists(public_path('storage/'.$school['kop_logo'])))
|
|
<img src="{{ public_path('storage/'.$school['kop_logo']) }}" alt="logo">
|
|
@elseif (! empty($school['logo']) && file_exists(public_path('storage/'.$school['logo'])))
|
|
<img src="{{ public_path('storage/'.$school['logo']) }}" alt="logo">
|
|
@endif
|
|
</td>
|
|
<td class="kop-text">
|
|
<div class="kop-1">{{ $school['government'] }}</div>
|
|
<div class="kop-2">{{ $school['agency'] }}</div>
|
|
<div class="kop-3">{{ $school['full_name'] }}</div>
|
|
<div class="kop-4">{{ $school['address_detail'] }}</div>
|
|
<div class="kop-5">{{ $school['website_email'] }}</div>
|
|
<div class="kop-6">{{ $school['postal'] }}</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div class="kop-line"></div>
|
|
|
|
{{-- Judul --}}
|
|
<div class="judul">
|
|
<h2>Rekap Surat Peringatan Siswa</h2>
|
|
<p>Dicetak {{ now()->locale('id')->isoFormat('dddd, D MMMM YYYY') }}</p>
|
|
</div>
|
|
|
|
{{-- Ringkasan --}}
|
|
<table class="summary">
|
|
<tr>
|
|
<td><span class="angka">{{ $summary['total'] }}</span><span class="label">Total Surat</span></td>
|
|
<td><span class="angka">{{ $summary['total_poin'] }}</span><span class="label">Total Poin</span></td>
|
|
<td><span class="angka">{{ $summary['siswa'] }}</span><span class="label">Siswa Terkena SP</span></td>
|
|
<td>
|
|
<span class="angka" style="font-size:12px; color:#92400e;">
|
|
{{ $summary['per_status']->get('draft', 0) }} / {{ $summary['per_status']->get('printed', 0) }}
|
|
</span>
|
|
<span class="label">Draft / Tercetak</span>
|
|
</td>
|
|
<td>
|
|
<span class="angka" style="font-size:12px; color:#166534;">
|
|
{{ $summary['per_status']->get('signed', 0) }} / {{ $summary['per_status']->get('delivered', 0) }}
|
|
</span>
|
|
<span class="label">TTD / Diserahkan</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
{{-- Rincian --}}
|
|
<table class="detail">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:22px">No</th>
|
|
<th>No. Surat</th>
|
|
<th>Nama Siswa</th>
|
|
<th style="width:46px">Kelas</th>
|
|
<th style="width:62px">Jenis SP</th>
|
|
<th class="center" style="width:30px">Poin</th>
|
|
<th style="width:64px">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse ($letters as $i => $sp)
|
|
@php
|
|
$statusLabels = ['draft' => 'Draft', 'printed' => 'Tercetak', 'signed' => 'Ditandatangani', 'delivered' => 'Diserahkan'];
|
|
$label = $statusLabels[$sp->status] ?? ucfirst($sp->status);
|
|
$badge = isset($statusLabels[$sp->status]) ? 'badge-'.$sp->status : 'badge-other';
|
|
@endphp
|
|
<tr>
|
|
<td>{{ $i + 1 }}</td>
|
|
<td>{{ $sp->letter_number }}<span class="sub">{{ $sp->created_at?->format('d/m/Y') }}</span></td>
|
|
<td>{{ $sp->student?->full_name }}<span class="sub">NISN: {{ $sp->student?->nisn }}</span></td>
|
|
<td>{{ $sp->student?->class_name }}</td>
|
|
<td>{{ $sp->spThreshold?->name }}</td>
|
|
<td class="center"><span class="poin">{{ $sp->total_points_at_time }}</span></td>
|
|
<td class="center"><span class="badge {{ $badge }} ">{{ $label }}</span></td>
|
|
</tr>
|
|
@empty
|
|
<tr><td colspan="7" class="center">Belum ada surat peringatan</td></tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
|
|
{{-- TTD --}}
|
|
<table class="ttd">
|
|
<tr>
|
|
<td>
|
|
<div>Petugas / Guru BK</div>
|
|
<div class="nama"> </div>
|
|
<div>______________________</div>
|
|
</td>
|
|
<td>
|
|
<div>Mengetahui,<br>Kepala {{ $school['name'] }}</div>
|
|
<div class="nama">{{ $school['kepala_sekolah'] }}</div>
|
|
<div>NIP. {{ $school['kepala_sekolah_nip'] }}</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="footer">
|
|
Dicetak {{ now()->locale('id')->isoFormat('dddd, D MMMM YYYY, HH:mm') }} WIB • E-TATIB {{ $school['name'] }}
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|