ismailmasseran
d60dd8bf39
Build Docker Image / build-frontend (push) Successful in 38s
Co-authored-by: ISMAIL MASSERAN <topaz@Mac.dlinkrouter.local> Co-authored-by: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local> Co-authored-by: nurafrinaalimi16 <nurafrinaalimi16@gmail.com> Reviewed-on: #15
102 lines
2.8 KiB
PHP
102 lines
2.8 KiB
PHP
@props([
|
|
'cawangan' => '',
|
|
'kodcaw' => '',
|
|
'alamat1' => '',
|
|
'alamat2' => '',
|
|
'notel' => '',
|
|
'tarikh' => '',
|
|
'norujukan' => '',
|
|
'rujukanLabel' => 'No. Rujukan SAG',
|
|
'showDummyBadge' => false,
|
|
])
|
|
|
|
<style>
|
|
.print-header {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
align-items: start;
|
|
column-gap: 12px;
|
|
border-bottom: 2px solid #111;
|
|
padding-bottom: 8px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
color: #111;
|
|
}
|
|
.print-header .org {
|
|
min-width: 0;
|
|
}
|
|
.print-header .org p {
|
|
margin: 0;
|
|
font-size: 10px;
|
|
line-height: 1.35;
|
|
}
|
|
.print-header .org .name {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
.print-header .logos {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
padding-top: 2px;
|
|
}
|
|
.print-header .logos img {
|
|
display: block;
|
|
height: 40px;
|
|
width: auto;
|
|
max-width: 70px;
|
|
object-fit: contain;
|
|
}
|
|
.print-header .meta {
|
|
text-align: right;
|
|
font-size: 10px;
|
|
line-height: 1.4;
|
|
}
|
|
.print-header .meta .label { color: #444; }
|
|
.print-header .dummy-badge {
|
|
display: inline-block;
|
|
margin-top: 4px;
|
|
padding: 1px 6px;
|
|
border: 1px solid #c0392b;
|
|
color: #c0392b;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
letter-spacing: 0.08em;
|
|
}
|
|
@media print {
|
|
.print-header .dummy-badge { display: none !important; }
|
|
}
|
|
</style>
|
|
|
|
<div {{ $attributes->merge(['class' => 'print-header']) }}>
|
|
<div class="org">
|
|
<p class="name">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
|
|
<p>Ar-Rahn {{ $cawangan }}</p>
|
|
<p>{{ $alamat1 }}</p>
|
|
<p>{{ $alamat2 }}</p>
|
|
<p>Tel: {{ $notel }}</p>
|
|
</div>
|
|
<div class="logos">
|
|
<img src="{{ asset('img/kopkb.png') }}" alt="KPKB">
|
|
<img src="{{ asset('img/logo-arrahn.jpeg') }}" alt="Ar-Rahn">
|
|
</div>
|
|
<div class="meta">
|
|
@if($kodcaw || $cawangan)
|
|
<div>
|
|
<span class="label">Cawangan</span><br>
|
|
<b>{{ trim(implode(' — ', array_filter([$kodcaw, $cawangan]))) }}</b>
|
|
</div>
|
|
@endif
|
|
@if($tarikh)
|
|
<div style="{{ ($kodcaw || $cawangan) ? 'margin-top:6px' : '' }}"><span class="label">Tarikh</span><br><b>{{ $tarikh }}</b></div>
|
|
@endif
|
|
@if($norujukan)
|
|
<div style="margin-top:6px"><span class="label">{{ $rujukanLabel }}</span><br><b>{{ $norujukan }}</b></div>
|
|
@endif
|
|
{{ $slot }}
|
|
@if($showDummyBadge)
|
|
<div class="dummy-badge">CONTOH SAHAJA</div>
|
|
@endif
|
|
</div>
|
|
</div>
|