diff --git a/app/Http/Controllers/ProfileController.php b/app/Http/Controllers/ProfileController.php
index de3b83a..870af50 100644
--- a/app/Http/Controllers/ProfileController.php
+++ b/app/Http/Controllers/ProfileController.php
@@ -9,6 +9,7 @@ use Illuminate\Http\Request;
 use Carbon\Carbon;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Session;
+use PDF;
 
 class ProfileController extends Controller
 {
@@ -90,7 +91,10 @@ class ProfileController extends Controller
             // dd($gadai_details);
 
 
-            return view('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'));
+            // return view('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'));
+            $pdf = PDF::loadView('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'))
+            ->setPaper('a4', 'potrait');
+            return $pdf->download('Surat Wakil.pdf');
         } else {
 
             // insert into wakil_surat
@@ -141,7 +145,10 @@ class ProfileController extends Controller
             // ->setPaper('A4','potrait');
             // return $pdf->download('notislelong_'.'.pdf');
 
-            return view('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'));
+            // return view('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'));
+            $pdf = PDF::loadView('print.surat_wakil', compact('customer_detail', 'current', 'kodcaw', 'api_url', 'cawangan_detail', 'tarikh_cetak', 'gadai_details', 'noic', 'nosiri'))
+            ->setPaper('a4', 'potrait');
+            return $pdf->download('Surat Wakil.pdf');
         }
     }
 }
diff --git a/public/img/ARRAHN1.png b/public/img/ARRAHN1.png
new file mode 100644
index 0000000..50c0e08
Binary files /dev/null and b/public/img/ARRAHN1.png differ
diff --git a/public/img/kopkb.png b/public/img/kopkb.png
new file mode 100644
index 0000000..c0ca932
Binary files /dev/null and b/public/img/kopkb.png differ
diff --git a/resources/views/includes/partials/table-pembiayaan.blade.php b/resources/views/includes/partials/table-pembiayaan.blade.php
index da474fd..9fd8da6 100644
--- a/resources/views/includes/partials/table-pembiayaan.blade.php
+++ b/resources/views/includes/partials/table-pembiayaan.blade.php
@@ -28,7 +28,7 @@
                     <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' class="float-center btn"><i class='fas fa-print'></i></a></td>
+                    <td><a href="{{ route('cust.print.suratwakil',[$data->kodcaw, $data->norujukan]) }}" target='_blank'><i class='fas fa-print'></i></a></td>
 
                 </tr>
             @endforeach
diff --git a/resources/views/print/surat_wakil.blade.php b/resources/views/print/surat_wakil.blade.php
index 0b7e6be..6ee8763 100644
--- a/resources/views/print/surat_wakil.blade.php
+++ b/resources/views/print/surat_wakil.blade.php
@@ -18,18 +18,32 @@
 
   #header_surat1 {
     font-family: Arial, Helvetica, sans-serif;
-    border-collapse: collapse;
-    width: 100%;
     font-size: 10px;
-  }
+}
 
-  #header_surat1 p {
-    margin: 2px;
-  }
+
+.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 {
     font-family: Arial, Helvetica, sans-serif;
-    text-align: center;
+    /* text-align: center; */
     border-collapse: collapse;
     width: 100%;
     font-size: 10px;
@@ -88,35 +102,29 @@
   }
 </style>
 
+
 <body>
 
   <div class="grid-container" style="margin-bottom: 10px">
-    <div id="header_surat1">
-      <p style="text-wrap:nowrap">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
+   
+  <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 id="header_surat2" style="margin-left:20px">
-      <div class="flex-justify-center-items-center" style="height: 60px">
-        <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>
-    <div id="nosiri" style="text-align:right">
-      <b><div class="arial-sans-serif f-10">Tarikh Cetak: {{$tarikh_cetak}}</div>
+      <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>
+      <div class="arial-sans-serif f-10">No Siri: {{$nosiri}}</div></b></div>
+</div>
 
   <div id="title">
     <p><b>SURAT PELANTIKAN WAKIL<BR>TUJUAN PENYELESAIAN PEMBIAYAAN DI AR-RAHN</b></p>
   </div>
 
-  <table id="details">
+  <table id="details" align='left'>
     <tr>
       <th>Nama Pelanggan</th>
       <td colspan="3">: {{$customer_detail['nama']}}</td>
@@ -284,5 +292,3 @@
 
 
 </body>
-
-</html>
\ No newline at end of file