From c219a29deb5068c4e45c642614da8c8bd6649422 Mon Sep 17 00:00:00 2001
From: Afiq Hamzah <afiq.hamzah@pkb.net.my>
Date: Mon, 20 May 2024 10:49:48 +0800
Subject: [PATCH 1/3] Add module to determine ujrah payment can be paid or not
 using parameters

---
 app/Http/Controllers/TetapanController.php    |  11 +-
 resources/views/tetapan/home.blade.php        |  23 ++-
 resources/views/tetapan/index.blade.php       |  19 +-
 .../tetapan/payable-ujrah-branches.blade.php  | 185 ++++++++++++++++++
 routes/web.php                                |   1 +
 5 files changed, 221 insertions(+), 18 deletions(-)
 create mode 100644 resources/views/tetapan/payable-ujrah-branches.blade.php

diff --git a/app/Http/Controllers/TetapanController.php b/app/Http/Controllers/TetapanController.php
index 6f39440..b1ccffa 100644
--- a/app/Http/Controllers/TetapanController.php
+++ b/app/Http/Controllers/TetapanController.php
@@ -11,7 +11,7 @@ use Carbon\Carbon;
 
 class TetapanController extends Controller
 {
-    
+
     public function home(){
 
         $auth_user = Auth::user();
@@ -32,4 +32,13 @@ class TetapanController extends Controller
 
         return view('tetapan.margin',compact('api_url','auth_user'));
     }
+
+    public function payableUjrahBranches()
+    {
+        $api_url =  config('api.url');
+        $auth_user = Auth::user();
+
+        $payable_cawangan = json_decode( Http::get(config('api.url').'/api/payable-ujrah-branches')->json() );
+        return view('tetapan.payable-ujrah-branches',compact('api_url','auth_user', 'payable_cawangan'));
+    }
 }
diff --git a/resources/views/tetapan/home.blade.php b/resources/views/tetapan/home.blade.php
index d9efb32..9871db6 100644
--- a/resources/views/tetapan/home.blade.php
+++ b/resources/views/tetapan/home.blade.php
@@ -6,10 +6,10 @@
    <main>
 
       <div class="pt-6 px-4">
-          
+
          <breadcrumb :items="[{'title' : 'Tetapan', 'icon' : 'fas fa-file-invoice'}]"></breadcrumb>
 
-         
+
          @if (Session::has('type'))
          <div class="@if(Session::get('type') == 'error') bg-red-100 border-red-500 text-red-900 @else bg-yellow-100 border-green-500 text-green-900 @endif  border-t-4 rounded-b px-4 py-3 shadow-md w-96 mx-auto mb-5" role="alert">
             <div class="flex">
@@ -29,28 +29,37 @@
             </div>
           </div>
          @endif
-        
+
 
 
          <div class=" flex justify-center items-center mx-auto">
-         
+
             <a href="{{ route('tetapan') }}" class="bg-white shadow  px-6 py-4 border border-solid rounded-lg w-1/6 mr-3 hover:bg-yellow-300 hover:transition-all cursor-pointer transition transform hover:-translate-y-1 ">
                 <img src="{{ asset('img/barcode.png') }}"  class="h-40 mx-auto text-center" alt="Windster Logo">
                 <h2 class="mx-auto text-center font-bold text-2xl mt-4 uppercase">Scan Barcode</h2>
             </a>
 
-            @if ($auth_user->id == 355)            
+            @if ($auth_user->id == 355)
             <a href="{{ route('tetapan.margin') }}" class="bg-white shadow  px-6 py-4 border border-solid rounded-lg w-1/6 hover:bg-yellow-300 hover:transition-all cursor-pointer  transition transform hover:-translate-y-1 ">
                 <img src="{{ asset('img/margin.png') }}" class="h-40 mx-auto text-center" alt="Windster Logo">
                 <h2 class="mx-auto text-center font-bold text-2xl mt-4 uppercase">Ubah Margin</h2>
             </a>
             @else
-                
+
             @endif
-           
+
          </div>
 
 
+         <div class=" flex justify-center items-center mx-auto pt-5 mr- 3">
+            <a href="{{ route('tetapan.payable-ujrah-branches') }}" class="bg-white shadow  px-6 py-4 border border-solid rounded-lg w-1/6 hover:bg-yellow-300 hover:transition-all cursor-pointer  transition transform hover:-translate-y-1 ">
+                <img src="{{ asset('img/shop-branches.png') }}" class="h-40 mx-auto text-center" alt="Windster Logo">
+                <h2 class="mx-auto text-center font-bold text-2xl mt-4 uppercase">Ubah Status Pembayaran Ujrah</h2>
+            </a>
+
+        </div>
+
+
       </div>
    </main>
    @include('layouts.footer')
diff --git a/resources/views/tetapan/index.blade.php b/resources/views/tetapan/index.blade.php
index 1678963..5074d06 100644
--- a/resources/views/tetapan/index.blade.php
+++ b/resources/views/tetapan/index.blade.php
@@ -1,18 +1,17 @@
-
 @extends('layouts.app')
 
 @section('content')
 <div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
 <div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
-   <main>
+    <main>
 
-      <div class="pt-6 px-4">
-          
-      <breadcrumb :items="[{ 'title' : 'Tetapan', 'icon' : 'fas fa-globe-asia' }]"></breadcrumb>
+        <div class="pt-6 px-4">
 
-      <tetapan-component></tetapan-component>
+            <breadcrumb :items="[{ 'title' : 'Tetapan', 'icon' : 'fas fa-globe-asia' }]"></breadcrumb>
 
-      </div>
-   </main>
-   @include('layouts.footer')
-@endsection
+            <tetapan-component></tetapan-component>
+
+        </div>
+    </main>
+    @include('layouts.footer')
+    @endsection
diff --git a/resources/views/tetapan/payable-ujrah-branches.blade.php b/resources/views/tetapan/payable-ujrah-branches.blade.php
new file mode 100644
index 0000000..3e7f6ec
--- /dev/null
+++ b/resources/views/tetapan/payable-ujrah-branches.blade.php
@@ -0,0 +1,185 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
+<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
+    <main>
+
+        <div class="pt-6 px-4">
+
+            <breadcrumb :items="[{ 'title' : 'Payable Ujrah Branches', 'icon' : 'fas fa-globe-asia' }]"></breadcrumb>
+
+            <div class="flex justify-center">
+                <div class="w-1/2 bg-white rounded-xl shadow-md overflow-hidden mb-5">
+                    <div class="flex justify-end">
+                        <div class="p-8">
+                            <button class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded update-ujrah-payable-branches">Update Ujrah Payable Branches</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div id="tabs-1" class="flex justify-center">
+                <table class="w-1/2 leading-normal">
+                    <thead class="text-center">
+                        <tr>
+                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider w-2/12">
+                                Cawangan Name
+                            </th>
+                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider w-2/12">
+                                Cawangan Code
+                            </th>
+                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider w-2/12">
+                                Gadaian Ujrah Payable
+                            </th>
+                            <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider w-2/12">
+                                Tawarruq Version
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @foreach($payable_cawangan as $cawangan)
+                        <tr>
+                            <td class="px-5 py-2 border-b border-gray-200 bg-white text-sm">
+                                <div class="flex items-center">
+                                    <div class="ml-3">
+                                        <p class="text-gray-900 whitespace-no-wrap">{{ $cawangan->details_caw }}</p>
+                                    </div>
+                                </div>
+                            </td>
+                            <td class="px-5 py-2 border-b border-gray-200 bg-white text-sm">
+                                <div class="flex items-center">
+                                    <div class="ml-3">
+                                        <p class="text-gray-900 whitespace-no-wrap">{{ $cawangan->kodcaw }}</p>
+                                    </div>
+                                </div>
+                            </td>
+                            <td class="px-5 py-2 border-b border-gray-200 bg-white text-sm">
+                                <div class="flex items-center">
+                                    <div class="ml-3">
+                                        <div class="flex items-center">
+                                            <input {{ $cawangan->gadaian_ujrah_payable === 1 ? 'checked' : '' }} name="checkbox-gadai-ujrah-payable" data-gadai-ujrah-payable-branch="{{ $cawangan->kodcaw }}" id="checked-checkbox" type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td class="px-5 py-2 border-b border-gray-200 bg-white text-sm">
+                                <div class="flex items-center">
+                                    <div class="ml-3">
+                                        <div class="flex items-center">
+                                            @php
+                                            $selected = $cawangan->cawangan_information->version;
+                                            @endphp
+                                            <select name="version_tawarruq" data-tawarruq-version-branch="{{ $cawangan->kodcaw }}" class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
+                                                <option {{ $selected === 'v1' ? 'selected' : '' }} value="v1">v1</option>
+                                                <option {{ $selected === 'v2' ? 'selected' : '' }} value="v2">v2</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+
+
+            <div class="flex justify-center mt-5">
+                <div class="w-1/2 bg-white rounded-xl shadow-md overflow-hidden mb-5">
+                    <div class="md:flex justify-end">
+                        <div class="p-8">
+                            <button class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded update-ujrah-payable-branches">Update Ujrah Payable Branches</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </main>
+    @include('layouts.footer')
+    @endsection
+
+    @push('additional_scripts')
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+
+            let button_update_ujrah_payable_branches = document.querySelectorAll('button.update-ujrah-payable-branches');
+
+            function sendToApi(data) {
+                let api_url = "{{ $api_url }}";
+
+                return fetch(api_url + '/api/payable-ujrah-branches/sync-status', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            'Accept': 'application/json'
+                        },
+                        body: JSON.stringify(data)
+                    })
+                    .then(response => response.json())
+                    .catch((error) => {
+                        console.error('Error:', error);
+                    });
+            }
+
+            function showApiResponse(response) {
+                let updated_payable_ujrah_exist = response.updates_done.updated_payable_ujrah.length !== 0;
+                let updated_branch_tawarruq_exist = response.updates_done.updated_branch_tawarruq_version.length !== 0;
+
+                let generateResponseMessage = x => {
+                    const jsonArray = Array.from(Object.values(x));
+                    const resultString = jsonArray.reduce((accumulator, nextItem) => accumulator + nextItem + '\n\n', '')
+                    return resultString;
+                };
+
+
+                if (updated_payable_ujrah_exist) {
+                    const resultString = generateResponseMessage(response.updates_done.updated_payable_ujrah);
+                    alert(resultString);
+                }
+
+                if (updated_branch_tawarruq_exist) {
+                    const resultString = generateResponseMessage(response.updates_done.updated_branch_tawarruq_version);
+                    alert(resultString);
+                }
+
+            }
+
+            function handleClick(event) {
+                event.preventDefault();
+
+                let selected_checkbox = document.querySelectorAll("input[name='checkbox-gadai-ujrah-payable']");
+                let gadai_ujrah_payable_branches = Array.from(selected_checkbox).map(x => {
+                    return {
+                        "branch": x.getAttribute("data-gadai-ujrah-payable-branch"),
+                        "gadaian_ujrah_payable": x.checked ? 1 : 0,
+                    }
+                });
+
+                let selected_version_tawarruq = document.querySelectorAll("select[name='version_tawarruq']");
+                let branch_version_tawarruq = Array.from(selected_version_tawarruq).map(x => {
+                    return {
+                        "branch": x.getAttribute("data-tawarruq-version-branch"),
+                        "tawarruq_version": x.value,
+                    }
+                });
+
+                let data = {
+                    'gadai_ujrah_payable_branches': gadai_ujrah_payable_branches,
+                    'branch_tawarruq_version': branch_version_tawarruq
+                };
+
+                sendToApi(data).then(x => showApiResponse(x));
+
+            }
+
+            // Attach the event handler to each anchor element
+            button_update_ujrah_payable_branches.forEach(button => {
+                button.addEventListener('click', handleClick);
+            });
+
+        });
+    </script>
+    @endpush
diff --git a/routes/web.php b/routes/web.php
index e9b1ee2..2a2b130 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -157,6 +157,7 @@ Route::get('/audit/cetakan', ['as'=>'audit.cetak','uses'=>'App\Http\Controllers\
 Route::get('/tetapan',['as'=>'tetapan','uses'=>'App\Http\Controllers\TetapanController@index'])->middleware(['roleChecker:null,null,operasi,null,null']);
 Route::get('/tetapanhome',['as'=>'tetapan.home','uses'=>'App\Http\Controllers\TetapanController@home'])->middleware(['roleChecker:null,null,operasi,null,null']);
 Route::get('/tetapanmargin',['as'=>'tetapan.margin','uses'=>'App\Http\Controllers\TetapanController@margin'])->middleware(['roleChecker:null,null,operasi,null,null']);
+Route::get('/tetapan-payable-ujrah-branches',['as'=>'tetapan.payable-ujrah-branches','uses'=>'App\Http\Controllers\TetapanController@PayableUjrahBranches'])->middleware(['roleChecker:null,null,operasi,null,null']);
 
 
 //Pengguna

From e6cda8920bfac47fda9b989ec70276ac3c223fe7 Mon Sep 17 00:00:00 2001
From: Afiq Hamzah <afiq.hamzah@pkb.net.my>
Date: Mon, 20 May 2024 11:00:40 +0800
Subject: [PATCH 2/3] Add missing icon

---
 public/img/shop-branches.png | Bin 0 -> 964 bytes
 public/mix-manifest.json     |   4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 public/img/shop-branches.png

diff --git a/public/img/shop-branches.png b/public/img/shop-branches.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b71590eb0e42b0f37b10907f4148324c0527638
GIT binary patch
literal 964
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3oCO|{#S9GG!XV7ZFl&wk0|RrJ
zr;B4q#hkaZ_GX7TiX8R7!n@JKfN}o?Esd_;1<Q<8G9J1w{O@=qDnMk*1raxCU7>&t
z0U=3SF8JkKmhxQ8q19C1(8Mvxqr>gXsb;}xr)Qsiw`cF~wDj}*Y}39!yHkFD&fMS6
zY8hGtoH!IA#FFL>3uh)fI15~#-_^FDMmU4R>V&{02@@5g43Crx6HY8poG93;D9Vt{
z)EAm59IIS#v-{KZZF~3~+a)$xHVIESa?3%`xzDA5X;Or=Zqf-?(Kng0Qga>ldMw(N
zzUsfF$b(L<vZD$QuarJs_1{_K!CbDgLm-}d=>O{+OQa8UahYXID0sEY@oK%~0V|db
z-mJeE7n}yEh-DC)n#Rs#v99TiwCWwsU6o5MyBN-`QZR1gT)wV)jY+z|0bS82s}c{b
ze62Pmjf-(lfa5V9VZT`OWhUnZ56s~*%9#N)H*slYCxhK8h26YBsqOBWb_xypS|`K~
zw*+6$4V`tKBO#LYrJ;{SX>9+cl;qn6`$Hz=f#kkwo%Lt=;LCb51!Txvug{{4dqN%g
zq}1l@$_vT7r@&BKUU}01<SVbw9E@|q95<zYxD{&hx>)GkHbtXYRrheiOR2x@HP33Y
zTzIc%cePRP>Wlrd2UgE%*(`k~SMa47(~Pqh&+e){d+qF#H5<$nCTNPj(QmM3__nJ)
zNxp%ZA#d05&yO;1?vq}ZAJ4ffj^Q_B4Eu+@ZF;xMc@Nkv=e+uLck=zR<gmNtLaY)i
zCbCFJ{lCh|#P{R4t>nCd{mEC?GFb3GU~0Ipd*N?>Yvz-Lo4+4T)Oy<y{pjej*~|tZ
zOQk=>^v_yqY?^Xwt<<zTt53dhyjlBQOy|Az&79kY4E!<oj|!D=Gu&g|!Tn&u^U#uQ
zZw(r%*S&XQygNyH@yjp?C#mK(7dGBb9w{M7NJ5#C*5PukW=idzLsM!OIXP!^6toqz
zUGdG_YV^tG_B*LdSuJfB1RnByJS-_>p%BL5EygQ2O~-zYVk2`>>xPtz0*NO-kt?<7
zRKt|JH6?Gt)l<#oO<LL-j9Kce(%QCgJ2^jc%J7Kc;O*pIs930IqN1l_>U<-i=&%<s
ou?w?EF-aXNVh82}7PCLh5?eo=o@rQM2F#WWp00i_>zopr0Pl#F`v3p{

literal 0
HcmV?d00001

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 2d60117..1cc3d6f 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js",
-    "/css/app.css": "/css/app.css"
+    "/js/app.js": "/js/app.js?id=41f31e4c4d0a3f1615de3f2a5b78988c",
+    "/css/app.css": "/css/app.css?id=9cdabf7932d415c4f5598da3580b0fa1"
 }

From bfda43022a82260784668e0c0616f06a82f94c6d Mon Sep 17 00:00:00 2001
From: Afiq Hamzah <afiq.hamzah@pkb.net.my>
Date: Mon, 20 May 2024 11:22:38 +0800
Subject: [PATCH 3/3] Add default value empty string if no calculation version
 is assigned on cawangan

---
 resources/views/tetapan/payable-ujrah-branches.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/tetapan/payable-ujrah-branches.blade.php b/resources/views/tetapan/payable-ujrah-branches.blade.php
index 3e7f6ec..a4a8494 100644
--- a/resources/views/tetapan/payable-ujrah-branches.blade.php
+++ b/resources/views/tetapan/payable-ujrah-branches.blade.php
@@ -69,7 +69,7 @@
                                     <div class="ml-3">
                                         <div class="flex items-center">
                                             @php
-                                            $selected = $cawangan->cawangan_information->version;
+                                            $selected = $cawangan->cawangan_information->version ?? '';
                                             @endphp
                                             <select name="version_tawarruq" data-tawarruq-version-branch="{{ $cawangan->kodcaw }}" class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
                                                 <option {{ $selected === 'v1' ? 'selected' : '' }} value="v1">v1</option>