Merged in sag-ujrah-new-css (pull request #73)

update sag: sag title, text name & nokp, align table arcc bottom, margin pembiayaan
This commit is contained in:
arrahn pkb
2024-01-07 03:22:36 +00:00
+36 -19
View File
@@ -38,12 +38,14 @@
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.bolder-10 { .bolder-10 {
font-weight: bolder; font-weight: bolder;
font-size: 10px; font-size: 10px;
} }
.bold-15 {
font-weight: bold;
font-size: 15px;
}
.mt-5 { .mt-5 {
margin-top: 5px; margin-top: 5px;
} }
@@ -70,6 +72,10 @@
visibility: hidden; visibility: hidden;
} }
.none {
display: none;
}
.tickbox { .tickbox {
border: 1px solid black; border: 1px solid black;
} }
@@ -194,6 +200,9 @@
.header-ps { .header-ps {
font-size: 35px; font-size: 35px;
font-weight: bold; font-weight: bold;
display: flex;
justify-content: space-between;
width: 220px;
} }
/* USER DETAIL */ /* USER DETAIL */
@@ -203,7 +212,6 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
text-transform: uppercase; text-transform: uppercase;
font-weight: bold;
margin: 5px 0; margin: 5px 0;
} }
@@ -220,7 +228,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: -100px; margin-top: -110px;
} }
.main-kaki-sag { .main-kaki-sag {
@@ -231,6 +239,12 @@
font-size: 9px; font-size: 9px;
} }
.header-kaki-sag {
display: flex;
justify-content: space-between;
align-items: center;
}
.detail-kaki-sag { .detail-kaki-sag {
margin: 10px 0; margin: 10px 0;
position: relative; position: relative;
@@ -354,10 +368,10 @@
</div> </div>
{{-- USER DETAIL SECTION --}} {{-- USER DETAIL SECTION --}}
<div class="mt-10"> <div class="mt-10">
<div class="title-below-logo"> <div class="title-below-logo bold-15">
<div></div> <div></div>
<div style="margin-left: 130px">surat akuan gadaian (SAG)</div> <div style="margin-left: 130px">surat akuan gadaian (SAG)</div>
<div style="font-size: 15px">no sag: {{ $gadai_detail['norujukan'] }}</div> <div>no sag: {{ $gadai_detail['norujukan'] }}</div>
</div> </div>
<div> <div>
<table class="main-table uppercase"> <table class="main-table uppercase">
@@ -379,11 +393,11 @@
</tr> </tr>
<tr> <tr>
<td> NAMA</td> <td> NAMA</td>
<td colspan="3"> {{ $customer_detail['nama'] }}</td> <td colspan="3" style="font-size: 11px;"> {{ $customer_detail['nama'] }}</td>
</tr> </tr>
<tr> <tr>
<td> NO MYKAD / PASSPORT</td> <td> NO MYKAD / PASSPORT</td>
<td colspan="3">{{ $gadai_detail['nokp'] }} </td> <td colspan="3" style="font-size: 11px;">{{ $gadai_detail['nokp'] }} </td>
</tr> </tr>
<tr> <tr>
<td> ALAMAT</td> <td> ALAMAT</td>
@@ -744,7 +758,7 @@
<div class="main-page"> <div class="main-page">
<div class="sub-page"> <div class="sub-page">
<table> <table>
<tr> <tr style="vertical-align: top">
<!-- LEFT COLUMNT --> <!-- LEFT COLUMNT -->
<td style="width: 50%;"> <td style="width: 50%;">
<table class="tnc-table"> <table class="tnc-table">
@@ -986,7 +1000,7 @@
</table> </table>
</td> </td>
<!-- RIGHT COLUMNT --> <!-- RIGHT COLUMNT -->
<td style="vertical-align: top"> <td>
<table class="tnc-table"> <table class="tnc-table">
<tr> <tr>
<td colspan="1"></td> <td colspan="1"></td>
@@ -1107,7 +1121,7 @@
aduan, anda boleh menghubungi kami sebagaimana berikut:</td> aduan, anda boleh menghubungi kami sebagaimana berikut:</td>
</tr> </tr>
</table> </table>
<table class="tnc-table" style="margin: 20px auto; width: 65%"> <table class="tnc-table" style="margin: 250px auto 0; width: 65%">
<tr> <tr>
<td colspan="1"><b>Koperasi Permodalan Kelantan Berhad</b></td> <td colspan="1"><b>Koperasi Permodalan Kelantan Berhad</b></td>
</tr> </tr>
@@ -1174,17 +1188,17 @@
</div> </div>
<div class="header-right"> <div class="header-right">
<div> <div>
<div class="header-ps {{ $is_pembiayaan_semula == false ? 'hidden' : '' }}">PS</div> <div class="header-ps"><span class="{{ $is_pembiayaan_semula == false ? 'hidden' : '' }}"> (PS)</span><span>{{ $gadai_detail['percentpinj'] }}%</span></div>
<div class="bolder-10 mt-5">SALINAN Pejabat</div> <div class="bolder-10 mt-5">SALINAN Pejabat</div>
</div> </div>
</div> </div>
</div> </div>
{{-- USER DETAIL SECTION --}} {{-- USER DETAIL SECTION --}}
<div class="mt-10"> <div class="mt-10">
<div class="title-below-logo"> <div class="title-below-logo bold-15">
<div></div> <div></div>
<div style="margin-left: 130px">surat akuan gadaian (SAG)</div> <div style="margin-left: 130px">surat akuan gadaian (SAG)</div>
<div style="font-size: 15px">no sag: {{ $gadai_detail['norujukan'] }}</div> <div>no sag: {{ $gadai_detail['norujukan'] }}</div>
</div> </div>
<div> <div>
<table class="main-table uppercase"> <table class="main-table uppercase">
@@ -1206,11 +1220,11 @@
</tr> </tr>
<tr> <tr>
<td> NAMA</td> <td> NAMA</td>
<td colspan="3"> {{ $customer_detail['nama'] }}</td> <td colspan="3" style="font-size: 11px"> {{ $customer_detail['nama'] }}</td>
</tr> </tr>
<tr> <tr>
<td> NO MYKAD / PASSPORT</td> <td> NO MYKAD / PASSPORT</td>
<td colspan="3">{{ $gadai_detail['nokp'] }} </td> <td colspan="3" style="font-size: 11px">{{ $gadai_detail['nokp'] }} </td>
</tr> </tr>
<tr> <tr>
<td> ALAMAT</td> <td> ALAMAT</td>
@@ -1477,10 +1491,13 @@
{{-- KAKI SAG --}} {{-- KAKI SAG --}}
<div class="div-main-kaki-sag"> <div class="div-main-kaki-sag">
<div class="main-kaki-sag"> <div class="main-kaki-sag">
<div style="text-align:center;"> <div class="header-kaki-sag">
<div>
@php @php
echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG($gadai_detail['norujukan'], 'C128', 1, 40) . '" alt="barcode" />'; echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG($gadai_detail['norujukan'], 'C128', 1, 40) . '" alt="barcode" />';
@endphp @endphp
</div>
<div class="bold-15">{{ $gadai_detail['percentpinj'] }}%</div>
</div> </div>
<div class="detail-kaki-sag"> <div class="detail-kaki-sag">
<div class="ps-positioning {{ $is_pembiayaan_semula == false ? 'hidden' : '' }}"> <div class="ps-positioning {{ $is_pembiayaan_semula == false ? 'hidden' : '' }}">
@@ -1500,11 +1517,11 @@
<td>{{ $gadai_detail['nokp'] }}</td> <td>{{ $gadai_detail['nokp'] }}</td>
</tr> </tr>
<tr> <tr>
<td class="font-kaki">Nilai Marhun</td> <td class="font-kaki" style="font-size: 9px;">Nilai Marhun</td>
<td class="font-kaki">RM {{ number_format($gadai_detail['nilaimarhun'], 2) }}</td> <td class="font-kaki">RM {{ number_format($gadai_detail['nilaimarhun'], 2) }}</td>
</tr> </tr>
<tr> <tr>
<td class="font-kaki">Nilai Pembiayaan</td> <td class="font-kaki" style="font-size: 9px;">Nilai Pembiayaan</td>
<td class="font-kaki">RM {{ number_format($gadai_detail['pinjaman'], 2) }}</td> <td class="font-kaki">RM {{ number_format($gadai_detail['pinjaman'], 2) }}</td>
</tr> </tr>
<tr> <tr>