From db046753907a2014321b724c1854a61807051812 Mon Sep 17 00:00:00 2001
From: hayatie <hayatie.hamazah@gmail.com>
Date: Mon, 13 Oct 2025 10:37:48 +0800
Subject: [PATCH] git commit -a "pembiayaan"

---
 .../demo/admin/admin/pembiayaan.vue           | 102 ++++++++++++++++++
 .../assets/js/components/demo/admin/index.vue |   5 +
 resources/assets/js/routesIndex.js            |  12 ++-
 3 files changed, 118 insertions(+), 1 deletion(-)
 create mode 100644 resources/assets/js/components/demo/admin/admin/pembiayaan.vue

diff --git a/resources/assets/js/components/demo/admin/admin/pembiayaan.vue b/resources/assets/js/components/demo/admin/admin/pembiayaan.vue
new file mode 100644
index 0000000..6e8f0dc
--- /dev/null
+++ b/resources/assets/js/components/demo/admin/admin/pembiayaan.vue
@@ -0,0 +1,102 @@
+<template>
+  <form @submit.prevent="submitForm" class="pembiayaan-form">
+    <h2>Koperasi Permodalan Kelantan Berhad (KoPKB)</h2>
+    <h3>Borang Permohonan Pembiayaan Murabahah</h3>
+
+    <section>
+      <h4>Maklumat Pemohon</h4>
+      <label>Nama Penuh:</label>
+      <input v-model="form.nama" required />
+
+      <label>No. Kad Pengenalan:</label>
+      <input v-model="form.kp" required />
+
+      <label>No. Akaun Bank:</label>
+      <input v-model="form.akaun" required />
+    </section>
+
+    <section>
+      <h4>Maklumat Pembiayaan</h4>
+      <label>Jumlah Pembiayaan (RM):</label>
+      <input v-model="form.jumlah" type="number" required />
+
+      <label>Tujuan Pembiayaan:</label>
+      <textarea v-model="form.tujuan" rows="3" />
+
+      <label>Pilihan Komoditi:</label>
+      <input v-model="form.komoditi" placeholder="Contoh: Komoditi A, B, dll." />
+    </section>
+
+    <section>
+      <h4>Akuan & Persetujuan</h4>
+      <p>
+        Saya bersetuju untuk membeli komoditi seperti yang dinyatakan dan melantik KoPKB sebagai wakil
+        untuk menjual kepada pihak ketiga mengikut syarat yang dipersetujui.
+      </p>
+
+      <label>
+        <input type="checkbox" v-model="form.setuju" required />
+        Saya bersetuju dengan semua terma dan syarat pembiayaan.
+      </label>
+    </section>
+
+    <section>
+      <h4>Pengakuan</h4>
+      <label>Tarikh Permohonan:</label>
+      <input type="date" v-model="form.tarikh" required />
+
+      <label>Tandatangan Pemohon (Nama penuh):</label>
+      <input v-model="form.tandatangan" required />
+    </section>
+
+    <button type="submit">Hantar Permohonan</button>
+  </form>
+</template>
+
+<script>
+export default {
+  name: 'PembiayaanForm',
+  data() {
+    return {
+      form: {
+        nama: '',
+        kp: '',
+        akaun: '',
+        jumlah: '',
+        tujuan: '',
+        komoditi: '',
+        setuju: false,
+        tarikh: '',
+        tandatangan: '',
+      }
+    }
+  },
+  methods: {
+    submitForm() {
+      // You can replace this with API call or PDF generation
+      console.log("Borang dihantar:", this.form);
+      alert("Permohonan telah dihantar!");
+    }
+  }
+}
+</script>
+
+<style scoped>
+form {
+  max-width: 600px;
+  margin: 0 auto;
+}
+label {
+  display: block;
+  margin-top: 10px;
+}
+input, textarea {
+  width: 100%;
+  padding: 6px;
+  margin-bottom: 10px;
+}
+button {
+  margin-top: 20px;
+  padding: 10px 20px;
+}
+</style>
diff --git a/resources/assets/js/components/demo/admin/index.vue b/resources/assets/js/components/demo/admin/index.vue
index e791e76..593dfba 100644
--- a/resources/assets/js/components/demo/admin/index.vue
+++ b/resources/assets/js/components/demo/admin/index.vue
@@ -35,6 +35,11 @@
 							<router-link :to="{name: 'Kehadiran Calon'}"  v-if="data.user.role==1" tag="li">
 								<a href="#">Kehadiran</a>
 							</router-link>
+
+								<router-link :to="{name: 'Pembiayaan'}"  v-if="data.user.role==1" tag="li">
+								<a href="#">Pembiayaan Anggota </a>
+							</router-link>
+
 	
 						</ul>
 						<ul class="nav navbar-right navbar-nav">
diff --git a/resources/assets/js/routesIndex.js b/resources/assets/js/routesIndex.js
index be40a49..c56412d 100644
--- a/resources/assets/js/routesIndex.js
+++ b/resources/assets/js/routesIndex.js
@@ -50,12 +50,15 @@ import AdminIndex from './components/demo/admin/index.vue';
  import ManageAccountPassword from './components/demo/admin/admin/password.vue';
  import ManageAccountAdd from './components/demo/admin/admin/add.vue';
 
+import ManagePembiayaan from './components/demo/admin/admin/pembiayaan.vue';
  
 
 const default_component = {
 	template: '<div>Not found: {{ $route.path }}</div>'
 }
 
+
+
 export default [
 	{
 		path: '/',
@@ -304,8 +307,15 @@ export default [
 						path: 'add',
 						component: ManageAccountAdd,
 						name: 'Add Account'
-					}
+					},
 
+					{
+						  path: '/pembiayaan',
+  						  name: 'Pembiayaan',
+  						  component: ManagePembiayaan
+}
+
+					
 				]
 			}
 		]