simedkom/resources/views/filament/manage/reports/print.blade.php

235 lines
7.6 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Surat Bukti Tayang - {{ $record->title }}</title>
<style>
@page {
margin: 1.5cm;
}
body {
font-family: 'Times New Roman', Times, serif;
color: #000;
line-height: 1.4;
margin: 0;
padding: 0;
}
/* Letterhead Section */
.letterhead {
width: 100%;
border-bottom: 3px solid #000;
padding-bottom: 2px;
margin-bottom: 2px;
}
.letterhead-border-bottom {
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
.institution-logo {
max-width: 80px;
max-height: 100px;
}
.letterhead-content {
text-align: center;
vertical-align: middle;
}
.government-name {
font-size: 14pt;
margin: 0;
text-transform: uppercase;
}
.department-name {
font-size: 16pt;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
.institution-address {
font-size: 10pt;
margin: 0;
font-style: italic;
}
/* Document Title Section */
.document-title {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
.document-title-text {
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
margin-bottom: 5px;
text-transform: uppercase;
}
/* Body Content Section */
.document-body {
margin-top: 10px;
font-size: 12pt;
}
.label-column {
width: 180px;
}
.colon-separator {
width: 20px;
text-align: center;
}
.data-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.data-table td {
padding: 5px 0;
vertical-align: top;
}
/* Signature Section */
.signature-section {
width: 100%;
margin-top: 40px;
}
.signature-box {
width: 300px;
text-align: center;
}
.signature-date {
margin-bottom: 60px;
}
.signature-name {
font-weight: bold;
text-decoration: underline;
}
.external-link {
color: blue;
text-decoration: none;
}
</style>
</head>
<body>
<!-- LETTERHEAD -->
<table class="letterhead">
<tr>
<td width="15%" align="center">
@if ($logoBase64)
<img src="{{ $logoBase64 }}" class="institution-logo">
@else
<div
style="width: 80px; height: 80px; border: 1px dashed #ccc; line-height: 80px; text-align: center;">
LOGO</div>
@endif
</td>
<td width="85%" class="letterhead-content">
<div class="government-name">{{ $settings->site_name }}</div>
<div class="department-name">DINAS KOMUNIKASI DAN INFORMATIKA</div>
<div class="institution-address">
{{ $settings->address ?? 'Alamat belum diatur dalam pengaturan.' }}<br>
Website: {{ parse_url(config('app.url'), PHP_URL_HOST) }} | Email: {{ $settings->site_email }} |
Telp: {{ $settings->site_phone }}
</div>
</td>
</tr>
</table>
<div class="letterhead-border-bottom"></div>
<!-- DOCUMENT HEADER -->
<div class="document-title">
<div class="document-title-text">Surat Bukti Tayang</div>
</div>
</div>
<div class="document-body">
<p style="text-align: justify;">Yang bertanda tangan di bawah ini, menerangkan bahwa laporan publikasi media
berikut telah diverifikasi
dalam sistem {{ $settings->site_name }}:</p>
<table class="data-table">
<tr>
<td class="label-column">Nama Media</td>
<td class="colon-separator">:</td>
<td style="font-weight: bold;">{{ $record->mediaTaskAssignment?->partnerMedia?->name ?? '-' }}</td>
</tr>
<tr>
<td class="label-column">Perusahaan</td>
<td class="colon-separator">:</td>
<td>{{ $record->mediaTaskAssignment?->partnerMedia?->company?->name ?? '-' }}</td>
</tr>
<tr>
<td class="label-column">Judul Publikasi</td>
<td class="colon-separator">:</td>
<td>"{{ $record->title }}"</td>
</tr>
<tr>
<td class="label-column">Tanggal Tayang</td>
<td class="colon-separator">:</td>
<td>{{ $record->publication_date?->translatedFormat('d F Y') ?? '-' }}</td>
</tr>
<tr>
<td class="label-column">Tautan Publikasi</td>
<td class="colon-separator">:</td>
<td><a href="{{ $record->link }}" class="external-link">{{ $record->link }}</a></td>
</tr>
<tr>
<td class="label-column">Status Verifikasi</td>
<td class="colon-separator">:</td>
<td>
<strong>
{{ $record->status->getLabel() }}
</strong>
</td>
</tr>
</table>
<p style="margin-top: 30px;">Demikian surat bukti tayang ini dibuat untuk dapat dipergunakan sebagaimana
mestinya.</p>
@if ($imageBase64)
<div style="margin-top: 20px; text-align: center;">
<p style="font-weight: bold; text-align: left;">Lampiran Bukti Tayang:</p>
<img src="{{ $imageBase64 }}" style="max-width: 100%; max-height: 400px; border: 1px solid #ccc;">
</div>
@endif
</div>
<table class="signature-section">
<tr>
<td width="60%"></td>
<td width="40%">
<div class="signature-box">
<div class="signature-date">
Purwakarta, {{ now()->translatedFormat('d F Y') }}<br>
Admin SIMEDKOM
</div>
<div>
<div class="signature-name">SISTEM DINAS KOMINFO</div>
<div style="font-size: 10pt;">Dokumen Sah Elektronik</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>