From 84ea1ee4ab3bd8811c4e4a9f3043327ba8c425d7 Mon Sep 17 00:00:00 2001
From: Nurul Ain Izazi <ainizazi@Nuruls-MacBook-Pro.local>
Date: Sat, 23 Nov 2024 22:27:08 +0800
Subject: [PATCH] buang tick ps dan permohanan pembiayaan baru dan fix typo

---
 .../partials/table-pembiayaan.blade.php       |   4 +-
 resources/views/print/surat_wakil.blade.php   | 307 +++++++++---------
 2 files changed, 147 insertions(+), 164 deletions(-)

diff --git a/resources/views/includes/partials/table-pembiayaan.blade.php b/resources/views/includes/partials/table-pembiayaan.blade.php
index 9fd8da6..f998ee3 100644
--- a/resources/views/includes/partials/table-pembiayaan.blade.php
+++ b/resources/views/includes/partials/table-pembiayaan.blade.php
@@ -28,8 +28,8 @@
                     <td>{{ $data->tarikh_akhir }}</td>
                     <td>{{ $data->upah_tawarruq_formatted }}</td>
                     <td class="hide-xs">{{ $data->cawangan_name }}</td>
-                    <td><a href="{{ route('cust.print.suratwakil',[$data->kodcaw, $data->norujukan]) }}" target='_blank'><i class='fas fa-print'></i></a></td>
-
+                    <!-- <td><a href="{{ route('cust.print.suratwakil',[$data->kodcaw, $data->norujukan]) }}" target='_blank'><i class='fa-solid fa-print'></i></a></td> -->
+                    <td><a href="{{ route('cust.print.suratwakil',[$data->kodcaw, $data->norujukan]) }}" target='_blank'>🖨️</a></td>
                 </tr>
             @endforeach
         </tbody>
diff --git a/resources/views/print/surat_wakil.blade.php b/resources/views/print/surat_wakil.blade.php
index 6ee8763..2da271b 100644
--- a/resources/views/print/surat_wakil.blade.php
+++ b/resources/views/print/surat_wakil.blade.php
@@ -3,91 +3,91 @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-<script>
+{{-- <script>
   $(document).ready(function() {
             window.print
             // window.onfocus=function(){ window.close();}
         });
-</script>
+</script> --}}
 <style>
-  .grid-container {
-    display: grid;
-    grid: 75px / 33% 33% 33%;
+
+  @page {
+    margin: 20px;
+}
+
+.grid-container {
+    display: flex;
+    grid-template-columns: 1fr 1fr 1fr;
     padding-top: 10px;
-  }
-
-  #header_surat1 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
 }
 
-
-.column1 {
-    display: inline-block; /* Align items in a row */
-    padding: 5px;
-    text-align: left; /* Optional: Center the text */
-    margin-right: 10px; /* Optional: Adds space between items */
-}
-.column2 {
-    display: inline-block; /* Align items in a row */
-    padding: 5px;
-    text-align: center; /* Optional: Center the text */
-    margin-right: 10px; /* Optional: Adds space between items */
-}
-.column3 {
-    display: inline-block; /* Align items in a row */
-    padding: 5px;
-    text-align: right; /* Optional: Center the text */
-    margin-right: 30px; /* Optional: Adds space between items */
-}
-
-  #header_surat2 {
+#header_surat1, #header_surat2, #nosiri {
     font-family: Arial, Helvetica, sans-serif;
-    /* text-align: center; */
-    border-collapse: collapse;
-    width: 100%;
     font-size: 10px;
-  }
+    padding: 5px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 
-  #header_surat2 p {
+#header_surat1 p, #nosiri p {
     margin: 2px;
-  }
+}
 
-  .flex-justify-center-items-center {
+#header_surat2 {
     display: flex;
     justify-content: center;
     align-items: center;
-  }
+    text-align: center;
+}
+
+.flex-justify-center-items-center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.header-img {
+    width: 55px;
+    margin: 0 5px;
+}
 
   #nosiri {
+    text-align: right;
     font-family: Arial, Helvetica, sans-serif;
     border-collapse: collapse;
     width: 100%;
     font-size: 11px;
   }
 
-  #title p {
-    height: 40px;
-    width: 700px;
-    font-size: 13px;
-    vertical-align: text-top;
-    text-align: center;
+  #title {
     border: 1px solid black;
   }
 
-  #details {
-
-    font-family: Arial, Helvetica, sans-serif;
-    border-collapse: collapse;
-    width: 100%;
-    font-size: 12px;
-    text-align: left;
+  #title p {
+    vertical-align: text-top;
+    text-align: center;
   }
 
-  #details th td {
-
+  #details {
+    font-family: Arial, Helvetica, sans-serif;
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 12px;
+  }
+  #details th, #details td {
     text-wrap: nowrap;
-
+    text-align: left;
+    padding: 4px;
+  }
+  #details th {
+    width: 25%;
+    font-size: 12px;
+  }
+  #details td {
+    width: 25%;
   }
 
   #note {
@@ -95,6 +95,7 @@
     border-collapse: collapse;
     width: 100%;
     font-size: 12px;
+    font-weight: bold;
   }
 
   #note p {
@@ -102,29 +103,41 @@
   }
 </style>
 
-
 <body>
-
-  <div class="grid-container" style="margin-bottom: 10px">
-   
-  <div id="header_surat1">
-  <div class="column1" align=left> <p style="text-wrap:nowrap">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
-      <p>{{ $cawangan_detail['namacaw'] }}</p>
-      <p style="text-wrap:nowrap">{{ $cawangan_detail['alamat1'] }}</p>
-      <p>{{ $cawangan_detail['alamat2'] }}</p>
-      <p>{{ $cawangan_detail['notel'] }}</p></div>
-  <div class="column2"> <img src="{{ asset('img/kopkb.png') }}" style="width:65px; margin:0 5px" alt="User Image" class="center">
-  <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px; margin:0 5px" alt="User Image" class="center"></div>
-  <div class="column3" align='right'> <b><div class="arial-sans-serif f-10">Tarikh Cetak: {{$tarikh_cetak}}</div>
-      <br>
-      <div class="arial-sans-serif f-10">No Siri: {{$nosiri}}</div></b></div>
-</div>
+    <table style="width:100%;">
+        <tr>
+            <td style="width:30%;">
+                <div id="header_surat1">
+                    <p>KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
+                    <p>{{ $cawangan_detail['namacaw'] }}</p>
+                    <p>{{ $cawangan_detail['alamat1'] }}</p>
+                    <p>{{ $cawangan_detail['alamat2'] }}</p>
+                    <p>{{ $cawangan_detail['notel'] }}</p>
+                </div>
+            </td>
+            <td>
+                <div id="header_surat2">
+                    <div class="flex-justify-center-items-center">
+                        <img src="{{ asset('img/kopkb.png') }}" class="header-img" alt="Logo 1">
+                        <img src="{{ asset('img/ARRAHN1.png') }}" class="header-img" alt="Logo 2">
+                    </div>
+                </div>
+            </td>
+            <td>
+                <div id="nosiri">
+                    <p>Tarikh Cetak: {{$tarikh_cetak}}</p>
+                    <p>No Siri: {{$nosiri}}</p>
+                </div>
+            </td>
+        </tr>
+    </table>
+    <div class="grid-container flex-print" style="margin-bottom: 10px;">
 
   <div id="title">
     <p><b>SURAT PELANTIKAN WAKIL<BR>TUJUAN PENYELESAIAN PEMBIAYAAN DI AR-RAHN</b></p>
   </div>
-
-  <table id="details" align='left'>
+  <br>
+  <table id="details">
     <tr>
       <th>Nama Pelanggan</th>
       <td colspan="3">: {{$customer_detail['nama']}}</td>
@@ -156,139 +169,109 @@
 
   </table>
 
-  <br>
-
-  <table id="details" style="margin-top:20px;">
+  <table id="details" style="margin-top:20px; width:100%;">
     <tr>
-      <td colspan="2">Saya seperti nama di atas, ingin memaklumkan kepada Ar-Rahn Koperasi Permodalan Kelantan Berhad
+      <td colspan="2">
+        Saya seperti nama di atas, ingin memaklumkan kepada Ar-Rahn Koperasi Permodalan Kelantan Berhad
         bagi Cawangan {{ $cawangan_detail['namacaw'] }}, bahawa saya tidak dapat hadir untuk melakukan transaksi:
       </td>
     </tr>
+    <table>
+        <tr>
+        <td colspan="2">
+          <span>
+            <th><input type="checkbox"></td>
+            <th>Penyelesaian Penuh</td>
+          </span>
+        </td>
+        <!-- <td colspan="2">
+            <span>
+              <th><input type="checkbox"></td>
+              <th>Penyelesaian Penuh dan Permohonan Pembiayaan Baru</td>
+            </span>
+        </td> -->
+        </tr>
+  </table>
+
+  <table id="details" style="margin-top:20px;">
     <tr>
-      <td>
-        Penyelesaian Penuh
-      </td>
+      <td colspan="2">1. Saya melantik nama dibawah sebagai wakil bagi pihak saya untuk transaksi sebagaimana di atas. Maklumat wakil adalah seperti berikut:</td>
     </tr>
     <tr>
-      <td>
-        Penyelesaian Penuh dan Permohonan Pembiayaan Baru
+      <td colspan="2">2. Saya mengaku tidak akan membuat apa-apa Tuntutan @ Ganti Rugi atas kebarangkalian @ kerugian yang berlaku disebabkan perlantikan wakil bagi apa-apa transaksi sebagai wakil saya.
       </td>
     </tr>
   </table>
 
   <table id="details" style="margin-top:20px;">
     <tr>
-      <td colspan="2">1. Saya melantik nama dibawah sebagai wakil bagi pihak saya untuk 
-        transaksi sebagaimana di atas. Maklumat wakil adalah seperti berikut:</td>
-    </tr>
-    <tr>
-      <td colspan="2">2. Saya mengaku tidak akan membuat apa-apa Tuntutan @ Ganti Rugi atas kebarangkalian @
-        kerugian yang berlaku disebabkan perlantikan wakil bagi apa-apa transaksi sebagai wakil saya.
-      </td>
-    </tr>
-    
-  </table>
-
-  <table id="details" style="margin-top:20px;">
-    <tr>
-      <th style="width: 180px">Nama</td>
+      <th style="width: 180px">Nama </td>
       <td>:</td>
     </tr>
     <tr>
-      <th style="width: 180px">No. Kad Pengenalan</td>
+      <th style="width: 180px">No. Kad Pengenalan </td>
       <td>:</td>
     </tr>
     <tr>
-      <th style="width: 180px">No. Telefon</td>
+      <th style="width: 180px">No. Telefon </td>
       <td>:</td>
     </tr>
     <tr>
-      <th style="width: 180px">Hubungan</td>
+      <th style="width: 180px">Hubungan </td>
       <td>:</td>
     </tr>
   </table>
 
-  <table id="details" style="margin-top:20px;">
-    <tr>
-      <td colspan="2">2. Saya mengaku tidak akan membuat apa-apa <b>TUNTUTAN @ GANTI RUGI</b> atas kebarangkalian @
-        kerugian yang berlaku disebabkan perlantikan wakil bagi menyelesaikan pembiayaan saya.</td>
-    </tr>
-
-  </table>
-
-  <table id="details" style="margin-top:20px;" id="keuntungan">
-    <tr>
-      <th colspan="2">Tandatangan Pelanggan</th>
-      <th colspan="2">Tandatangan Wakil</th>
-    </tr>
-    <tr>
-      <th></th>
-      <th></th>
-    </tr>
-    <tr>
-      <td rowspan="2" colspan="2" style="padding:4px; width:33%; height:50px;">_________________________________</td>
-      <td rowspan="2" colspan="2" style="padding:4px; width:33%; height:50px;">_________________________________</td>
-    </tr>
-    <tr></tr>
-    <tr></tr>
-    <tr>
-      <td style="width: 40px">Nama</td>
-      <td>: {{$customer_detail['nama']}}</td>
-      <td>Nama</td>
-      <td>: </td>
-    </tr>
-    <tr>
-      <td style="width: 40px">Tarikh</td>
-      <td>:</td>
-      <td style="width: 30px">Tarikh</td>
-      <td>:</td>
-    </tr>
-  </table>
   <br>
-  <table id="details" style="margin-top:20px;" id="keuntungan">
+  <br>
+
+
+  <table id="details" style="margin-top:10px; width: 100%; text-align: left;">
     <tr>
-      <th colspan="2">Tandatangan Pengurus Cawangan</th>
-      <th colspan="2"></th>
+      <th style="width: 33%;">Tandatangan Pelanggan</th>
+      <th style="width: 33%;">Tandatangan Wakil</th>
     </tr>
     <tr>
-      <th></th>
-      <th></th>
+      <td style="padding: 10px;">
+        ___________________________________<br>
+        Nama : {{$customer_detail['nama']}}<br>
+        Tarikh :
+      </td>
+      <td style="padding: 10px;">
+        ___________________________________<br>
+        Nama : <br>
+        Tarikh :
+      </td>
+    </tr>
+  </table>
+
+  <table id="details" style="margin-top:10px; width: 100%; text-align: left;">
+    <tr>
+      <th style="width: 33%;">Tandatangan Pengurus Cawangan</th>
     </tr>
     <tr>
-      <td rowspan="2" colspan="2" style="padding:4px; width:33%; height:50px;">_________________________________</td>
-      <td rowspan="2" colspan="2" style="padding:4px; width:33%; height:50px;"></td>
-    </tr>
-    <tr></tr>
-    <tr></tr>
-    <tr>
-      <td style="width: 40px">Nama</td>
-      <td>:</td>
-      <td></td>
-      <td></td>
-    </tr>
-    <tr>
-      <td style="width: 40px">Tarikh</td>
-      <td>:</td>
-      <td style="width: 30px"></td>
-      <td></td>
+      <td style="padding: 10px;">
+        ___________________________________<br>
+        Nama : <br>
+        Tarikh :
+      </td>
     </tr>
   </table>
 
   <br>
 
-  <div id="note"><b>
+  <div id="note">
       <p>*Penting:</p>
       <p>&nbsp; a) Sila lampirkan bersama:</p>
-      <p>&nbsp;&nbsp;&nbsp;&nbsp; i. Salinan kad pengenalan diri pelanggan dan kad pengenalan diri wakil yang dilantik.
-      </p>
+      <p>&nbsp;&nbsp;&nbsp;&nbsp; i. Salinan kad pengenalan diri pelanggan dan kad pengenalan diri wakil yang dilantik.</p>
       <p>&nbsp;&nbsp;&nbsp;&nbsp; ii. SAG asal pelanggan</p>
       <p>&nbsp;b) Pastikan tandatangan pelanggan adalah sama dengan tandatangan di Surat Akuan Gadai.</p>
   </div>
 
-
-
-
-
-
+</table>
 
 </body>
+
+</html>
+
+