diff --git a/public/js/app.js b/public/js/app.js
index 5f866b8..1782329 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -19449,7 +19449,7 @@ __webpack_require__.r(__webpack_exports__);
         case 'ARP':
         case '020303':
           {
-            this.sethostname('http://api.arrahn');
+            this.sethostname('http://localhost:8000');
             break;
           }
 
@@ -19485,7 +19485,7 @@ __webpack_require__.r(__webpack_exports__);
           }
 
         default:
-          this.sethostname('http://api.arrahn');
+          this.sethostname('http://localhost:8000');
           break;
       }
     }
@@ -21446,6 +21446,117 @@ var week = ['AHAD', 'ISNIN', 'SELASA', 'RABU', 'KHAMIS', 'JUMAAT', 'SABTU'];
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: "delmodal",
+  data: function data() {
+    return {
+      showDelete: false,
+      deleteid: 0,
+      nama: '',
+      nokp: ''
+    };
+  },
+  methods: {
+    deleteBlacklist: function deleteBlacklist() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() {
+        var response;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this.EngineDelete(_this.deleteid);
+
+              case 2:
+                response = _context.sent;
+
+                if (response.data === 1) {
+                  _this.showDelete = !_this.showDelete;
+
+                  _this.$toast.success('Berjaya! nama tersebut berjaya disenarai putih.');
+
+                  setTimeout(function () {
+                    _this.$emit('clickDelete_', 1);
+                  }, 1000);
+                } else {
+                  _this.$toast.danger('Tidak Berjaya! memadamkan nama tersebut.');
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    EngineDelete: function EngineDelete(id) {
+      return this.axios.post(this.$api1 + '/admin/DeleteBlacklist', {
+        id: id
+      });
+    }
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Modal.vue?vue&type=script&lang=js&":
 /*!*****************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Modal.vue?vue&type=script&lang=js& ***!
@@ -22031,6 +22142,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _components_pagination_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/pagination.vue */ "./resources/js/components/pagination.vue");
 /* harmony import */ var _components_util_BlacklistModal_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/util/BlacklistModal.vue */ "./resources/js/components/util/BlacklistModal.vue");
+/* harmony import */ var _components_util_Deletemodal_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/util/Deletemodal.vue */ "./resources/js/components/util/Deletemodal.vue");
 //
 //
 //
@@ -22120,12 +22232,15 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   components: {
     pagination: _components_pagination_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-    modal: _components_util_BlacklistModal_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+    modal: _components_util_BlacklistModal_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+    deletemodal: _components_util_Deletemodal_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   data: function data() {
     return {
@@ -22171,6 +22286,12 @@ __webpack_require__.r(__webpack_exports__);
       // $(element).modal('show')
       this.$refs.modal.showModal = true;
       this.$refs.modal.kodcaw = this.$kodcaw;
+    },
+    deleteBlacklist: function deleteBlacklist(id, nama, nokp) {
+      this.$refs.delmodal.deleteid = id;
+      this.$refs.delmodal.nama = nama;
+      this.$refs.delmodal.nokp = nokp;
+      this.$refs.delmodal.showDelete = true;
     }
   }
 });
@@ -22628,13 +22749,13 @@ vue__WEBPACK_IMPORTED_MODULE_14__["default"].use(__webpack_require__(/*! vue-pus
     encrypted: true
   }
 });
-vue__WEBPACK_IMPORTED_MODULE_14__["default"].prototype.$api1 = 'http://api.arrahn';
+vue__WEBPACK_IMPORTED_MODULE_14__["default"].prototype.$api1 = 'http://localhost:8000';
 var initial = 'KB2';
-var initialhostname = 'http://api.arrahn';
+var initialhostname = 'http://localhost:8000';
 var store = new vuex__WEBPACK_IMPORTED_MODULE_15__["default"].Store({
   state: {
     $kodcaw: 'KB2',
-    $hostname: 'http://api.arrahn'
+    $hostname: 'http://localhost:8000'
   },
   plugins: [(0,vuex_persistedstate__WEBPACK_IMPORTED_MODULE_2__["default"])()],
   mutations: {
@@ -29279,7 +29400,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "\n.vue-friendly-iframe iframe {\r\nheight:100% !important;\r\nwidth:100% !important;\n}\r\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "\n.vue-friendly-iframe iframe {\nheight:100% !important;\nwidth:100% !important;\n}\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -29303,7 +29424,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "\n.radio input:checked + label{\r\n    border-color:#F6D860;\r\n\tbackground-color:#FFF1BD;\r\n    outline:none;\n}\r\n\r\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "\n.radio input:checked + label{\n    border-color:#F6D860;\n\tbackground-color:#FFF1BD;\n    outline:none;\n}\n\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -72690,6 +72811,45 @@ component.options.__file = "resources/js/components/util/Clock.vue"
 
 /***/ }),
 
+/***/ "./resources/js/components/util/Deletemodal.vue":
+/*!******************************************************!*\
+  !*** ./resources/js/components/util/Deletemodal.vue ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Deletemodal.vue?vue&type=template&id=51d70500& */ "./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500&");
+/* harmony import */ var _Deletemodal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Deletemodal.vue?vue&type=script&lang=js& */ "./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _Deletemodal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__.render,
+  _Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/util/Deletemodal.vue"
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
+
+/***/ }),
+
 /***/ "./resources/js/components/util/Modal.vue":
 /*!************************************************!*\
   !*** ./resources/js/components/util/Modal.vue ***!
@@ -73418,6 +73578,22 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Deletemodal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Deletemodal.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=script&lang=js&");
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Deletemodal_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
 /***/ "./resources/js/components/util/Modal.vue?vue&type=script&lang=js&":
 /*!*************************************************************************!*\
   !*** ./resources/js/components/util/Modal.vue?vue&type=script&lang=js& ***!
@@ -74125,6 +74301,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Clock_vue_vue_type_template_id_26a23fac___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clock.vue?vue&type=template&id=26a23fac& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Clock.vue?vue&type=template&id=26a23fac&");
 
 
+/***/ }),
+
+/***/ "./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500&":
+/*!*************************************************************************************!*\
+  !*** ./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500& ***!
+  \*************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__.render),
+/* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Deletemodal_vue_vue_type_template_id_51d70500___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Deletemodal.vue?vue&type=template&id=51d70500& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500&");
+
+
 /***/ }),
 
 /***/ "./resources/js/components/util/Modal.vue?vue&type=template&id=409c126a&":
@@ -78064,17 +78257,7 @@ var render = function () {
                               : _vm.percentcumgadai + "%",
                         },
                       },
-                      [
-                        _vm._v(
-                          " " +
-                            _vm._s(
-                              this.percentcumgadai >= 0
-                                ? this.percentcumgadai
-                                : 0.0
-                            ) +
-                            "%"
-                        ),
-                      ]
+                      [_vm._v(" " + _vm._s(this.percentcumgadai) + "%")]
                     ),
                   ]
                 ),
@@ -78089,16 +78272,7 @@ var render = function () {
                         staticClass:
                           "text-sm ml-2 font-bold -mt-0.5 xs:invisible",
                       },
-                      [
-                        _vm._v(
-                          "RM " +
-                            _vm._s(
-                              _vm.gadaianremaining >= 0
-                                ? _vm.gadaianremaining
-                                : "0.00"
-                            )
-                        ),
-                      ]
+                      [_vm._v("RM " + _vm._s(_vm.gadaianremaining))]
                     ),
                   ]
                 ),
@@ -78342,17 +78516,7 @@ var render = function () {
                               : _vm.percentcumtebus + "%",
                         },
                       },
-                      [
-                        _vm._v(
-                          " " +
-                            _vm._s(
-                              _vm.percentcumtebus >= 0
-                                ? _vm.percentcumtebus
-                                : 0.0
-                            ) +
-                            "%"
-                        ),
-                      ]
+                      [_vm._v(" " + _vm._s(_vm.percentcumtebus) + "%")]
                     ),
                   ]
                 ),
@@ -78364,16 +78528,7 @@ var render = function () {
                     _c(
                       "span",
                       { staticClass: "text-sm ml-2 font-bold -mt-0.5" },
-                      [
-                        _vm._v(
-                          "RM " +
-                            _vm._s(
-                              _vm.tebusremaining >= 0
-                                ? _vm.tebusremaining
-                                : "0.00"
-                            )
-                        ),
-                      ]
+                      [_vm._v("RM " + _vm._s(_vm.tebusremaining))]
                     ),
                   ]
                 ),
@@ -78617,17 +78772,7 @@ var render = function () {
                               : _vm.percentcumkeuntungan + "%",
                         },
                       },
-                      [
-                        _vm._v(
-                          " " +
-                            _vm._s(
-                              _vm.percentcumkeuntungan >= 0
-                                ? _vm.percentcumkeuntungan
-                                : 0.0
-                            ) +
-                            "%"
-                        ),
-                      ]
+                      [_vm._v(" " + _vm._s(_vm.percentcumkeuntungan) + "%")]
                     ),
                   ]
                 ),
@@ -78639,16 +78784,7 @@ var render = function () {
                     _c(
                       "span",
                       { staticClass: "text-sm ml-2 font-bold -mt-0.5" },
-                      [
-                        _vm._v(
-                          "RM " +
-                            _vm._s(
-                              _vm.keuntunganremaining >= 0
-                                ? _vm.keuntunganremaining
-                                : "0.00"
-                            )
-                        ),
-                      ]
+                      [_vm._v("RM " + _vm._s(_vm.keuntunganremaining))]
                     ),
                   ]
                 ),
@@ -79130,7 +79266,7 @@ var render = function () {
                     [
                       _c("a", { attrs: { href: "#" } }, [
                         _c("i", { staticClass: "mr-2", class: item.icon }),
-                        _vm._v("\r\n                    " + _vm._s(item.title)),
+                        _vm._v("\n                    " + _vm._s(item.title)),
                       ]),
                     ]
                   ),
@@ -81427,6 +81563,196 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Deletemodal.vue?vue&type=template&id=51d70500& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* binding */ render),
+/* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
+/* harmony export */ });
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("transition", { attrs: { name: "modal-fade" } }, [
+        _vm.showDelete
+          ? _c(
+              "div",
+              {
+                staticClass:
+                  "overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex",
+                attrs: { id: "popup-modal" },
+              },
+              [
+                _c(
+                  "div",
+                  {
+                    staticClass:
+                      "relative px-4 w-full max-w-xl h-full md:h-auto",
+                  },
+                  [
+                    _c(
+                      "div",
+                      {
+                        staticClass:
+                          "relative bg-white rounded-lg shadow dark:bg-gray-700",
+                      },
+                      [
+                        _c("div", { staticClass: "flex justify-end p-2" }, [
+                          _c(
+                            "button",
+                            {
+                              staticClass:
+                                "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white",
+                              attrs: { type: "button" },
+                              on: {
+                                click: function ($event) {
+                                  _vm.showDelete = false
+                                },
+                              },
+                            },
+                            [
+                              _c(
+                                "svg",
+                                {
+                                  staticClass: "w-5 h-5",
+                                  attrs: {
+                                    fill: "currentColor",
+                                    viewBox: "0 0 20 20",
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                  },
+                                },
+                                [
+                                  _c("path", {
+                                    attrs: {
+                                      "fill-rule": "evenodd",
+                                      d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                                      "clip-rule": "evenodd",
+                                    },
+                                  }),
+                                ]
+                              ),
+                            ]
+                          ),
+                        ]),
+                        _vm._v(" "),
+                        _c("div", { staticClass: "p-6 pt-0 text-center" }, [
+                          _c(
+                            "svg",
+                            {
+                              staticClass:
+                                "mx-auto mb-4 w-14 h-14 text-gray-400 dark:text-gray-200",
+                              attrs: {
+                                fill: "none",
+                                stroke: "currentColor",
+                                viewBox: "0 0 24 24",
+                                xmlns: "http://www.w3.org/2000/svg",
+                              },
+                            },
+                            [
+                              _c("path", {
+                                attrs: {
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round",
+                                  "stroke-width": "2",
+                                  d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+                                },
+                              }),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "h3",
+                            {
+                              staticClass:
+                                "mb-3 text-lg font-normal text-gray-500 dark:text-gray-400",
+                            },
+                            [_vm._v("Padam nama ini dalam senarai hitam?")]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "h3",
+                            {
+                              staticClass:
+                                " text-lg font-bold text-blue-500 dark:text-red-400",
+                            },
+                            [_vm._v(_vm._s(this.nama))]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "h3",
+                            {
+                              staticClass:
+                                "mb-5 text-lg font-bold text-blue-500 dark:text-red-400",
+                            },
+                            [_vm._v(_vm._s(this.nokp))]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass:
+                                "text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2",
+                              attrs: { type: "button" },
+                              on: {
+                                click: function ($event) {
+                                  return _vm.deleteBlacklist()
+                                },
+                              },
+                            },
+                            [
+                              _vm._v(
+                                "\n                      Setuju\n                  "
+                              ),
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "button",
+                            {
+                              staticClass:
+                                "text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:ring-gray-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600",
+                              attrs: { type: "button" },
+                              on: {
+                                click: function ($event) {
+                                  _vm.showDelete = false
+                                },
+                              },
+                            },
+                            [_vm._v("Batal")]
+                          ),
+                        ]),
+                      ]
+                    ),
+                  ]
+                ),
+              ]
+            )
+          : _vm._e(),
+      ]),
+      _vm._v(" "),
+      _vm.showDelete
+        ? _c("div", { staticClass: "opacity-25 fixed inset-0 z-40 bg-black" })
+        : _vm._e(),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/util/Modal.vue?vue&type=template&id=409c126a&":
@@ -82783,6 +83109,11 @@ var render = function () {
     "div",
     {},
     [
+      _c("deletemodal", {
+        ref: "delmodal",
+        on: { clickDelete_: _vm.getBlacklist },
+      }),
+      _vm._v(" "),
       _c("modal", { ref: "modal", on: { clickEvent_: _vm.getBlacklist } }),
       _vm._v(" "),
       _c("div", { staticClass: "flex justify-between mb-2" }, [
@@ -82938,6 +83269,16 @@ var render = function () {
                         {
                           staticClass:
                             "border border-red-600 text-red-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-red-600 hover:text-white transition-all duration-300",
+                          attrs: { "data-modal-toggle": "popup-modal" },
+                          on: {
+                            click: function ($event) {
+                              return _vm.deleteBlacklist(
+                                blacklist.id,
+                                blacklist.nama,
+                                blacklist.nokp
+                              )
+                            },
+                          },
                         },
                         [
                           _c(
@@ -83796,7 +84137,7 @@ var render = function () {
                     "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
                 },
                 [
-                  _vm._v("\r\n                 14.6%\r\n                 "),
+                  _vm._v("\n                 14.6%\n                 "),
                   _c(
                     "svg",
                     {
@@ -83837,7 +84178,7 @@ var render = function () {
                     "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
                 },
                 [
-                  _vm._v("\r\n                 32.9%\r\n                 "),
+                  _vm._v("\n                 32.9%\n                 "),
                   _c(
                     "svg",
                     {
@@ -83878,7 +84219,7 @@ var render = function () {
                     "ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold",
                 },
                 [
-                  _vm._v("\r\n                 -2.7%\r\n                 "),
+                  _vm._v("\n                 -2.7%\n                 "),
                   _c(
                     "svg",
                     {
@@ -83935,7 +84276,7 @@ var render = function () {
                   },
                   [
                     _vm._v(
-                      "\r\n                     12.5%\r\n                     "
+                      "\n                     12.5%\n                     "
                     ),
                     _c(
                       "svg",
@@ -84104,7 +84445,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Transaction\r\n                                    "
+                                "\n                                       Transaction\n                                    "
                               ),
                             ]
                           ),
@@ -84118,7 +84459,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Date & Time\r\n                                    "
+                                "\n                                       Date & Time\n                                    "
                               ),
                             ]
                           ),
@@ -84132,7 +84473,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Amount\r\n                                    "
+                                "\n                                       Amount\n                                    "
                               ),
                             ]
                           ),
@@ -84149,7 +84490,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment from "
+                                "\n                                       Payment from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("Bonnie Green"),
@@ -84165,7 +84506,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 23 ,2021\r\n                                    "
+                                "\n                                       Apr 23 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84178,7 +84519,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $2300\r\n                                    "
+                                "\n                                       $2300\n                                    "
                               ),
                             ]
                           ),
@@ -84193,7 +84534,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment refund to "
+                                "\n                                       Payment refund to "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("#00910"),
@@ -84209,7 +84550,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 23 ,2021\r\n                                    "
+                                "\n                                       Apr 23 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84222,7 +84563,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       -$670\r\n                                    "
+                                "\n                                       -$670\n                                    "
                               ),
                             ]
                           ),
@@ -84237,7 +84578,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment failed from "
+                                "\n                                       Payment failed from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("#087651"),
@@ -84253,7 +84594,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 18 ,2021\r\n                                    "
+                                "\n                                       Apr 18 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84266,7 +84607,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $234\r\n                                    "
+                                "\n                                       $234\n                                    "
                               ),
                             ]
                           ),
@@ -84281,7 +84622,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment from "
+                                "\n                                       Payment from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("Lana Byrd"),
@@ -84297,7 +84638,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 15 ,2021\r\n                                    "
+                                "\n                                       Apr 15 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84310,7 +84651,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $5000\r\n                                    "
+                                "\n                                       $5000\n                                    "
                               ),
                             ]
                           ),
@@ -84325,7 +84666,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment from "
+                                "\n                                       Payment from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("Jese Leos"),
@@ -84341,7 +84682,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 15 ,2021\r\n                                    "
+                                "\n                                       Apr 15 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84354,7 +84695,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $2300\r\n                                    "
+                                "\n                                       $2300\n                                    "
                               ),
                             ]
                           ),
@@ -84369,7 +84710,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment from "
+                                "\n                                       Payment from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("THEMESBERG LLC"),
@@ -84385,7 +84726,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 11 ,2021\r\n                                    "
+                                "\n                                       Apr 11 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84398,7 +84739,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $560\r\n                                    "
+                                "\n                                       $560\n                                    "
                               ),
                             ]
                           ),
@@ -84413,7 +84754,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Payment from "
+                                "\n                                       Payment from "
                               ),
                               _c("span", { staticClass: "font-semibold" }, [
                                 _vm._v("Lana Lysle"),
@@ -84429,7 +84770,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       Apr 6 ,2021\r\n                                    "
+                                "\n                                       Apr 6 ,2021\n                                    "
                               ),
                             ]
                           ),
@@ -84442,7 +84783,7 @@ var staticRenderFns = [
                             },
                             [
                               _vm._v(
-                                "\r\n                                       $1437\r\n                                    "
+                                "\n                                       $1437\n                                    "
                               ),
                             ]
                           ),
@@ -84489,11 +84830,7 @@ var staticRenderFns = [
                       "text-sm font-medium text-cyan-600 hover:bg-gray-100 rounded-lg inline-flex items-center p-2",
                     attrs: { href: "#" },
                   },
-                  [
-                    _vm._v(
-                      "\r\n                  View all\r\n                  "
-                    ),
-                  ]
+                  [_vm._v("\n                  View all\n                  ")]
                 ),
               ]
             ),
@@ -84527,7 +84864,7 @@ var staticRenderFns = [
                           },
                           [
                             _vm._v(
-                              "\r\n                                 Neil Sims\r\n                              "
+                              "\n                                 Neil Sims\n                              "
                             ),
                           ]
                         ),
@@ -84560,7 +84897,7 @@ var staticRenderFns = [
                         },
                         [
                           _vm._v(
-                            "\r\n                              $320\r\n                           "
+                            "\n                              $320\n                           "
                           ),
                         ]
                       ),
@@ -84588,7 +84925,7 @@ var staticRenderFns = [
                           },
                           [
                             _vm._v(
-                              "\r\n                                 Bonnie Green\r\n                              "
+                              "\n                                 Bonnie Green\n                              "
                             ),
                           ]
                         ),
@@ -84621,7 +84958,7 @@ var staticRenderFns = [
                         },
                         [
                           _vm._v(
-                            "\r\n                              $3467\r\n                           "
+                            "\n                              $3467\n                           "
                           ),
                         ]
                       ),
@@ -84649,7 +84986,7 @@ var staticRenderFns = [
                           },
                           [
                             _vm._v(
-                              "\r\n                                 Michael Gough\r\n                              "
+                              "\n                                 Michael Gough\n                              "
                             ),
                           ]
                         ),
@@ -84682,7 +85019,7 @@ var staticRenderFns = [
                         },
                         [
                           _vm._v(
-                            "\r\n                              $67\r\n                           "
+                            "\n                              $67\n                           "
                           ),
                         ]
                       ),
@@ -84710,7 +85047,7 @@ var staticRenderFns = [
                           },
                           [
                             _vm._v(
-                              "\r\n                                 Thomes Lean\r\n                              "
+                              "\n                                 Thomes Lean\n                              "
                             ),
                           ]
                         ),
@@ -84743,7 +85080,7 @@ var staticRenderFns = [
                         },
                         [
                           _vm._v(
-                            "\r\n                              $2367\r\n                           "
+                            "\n                              $2367\n                           "
                           ),
                         ]
                       ),
@@ -84771,7 +85108,7 @@ var staticRenderFns = [
                           },
                           [
                             _vm._v(
-                              "\r\n                                 Lana Byrd\r\n                              "
+                              "\n                                 Lana Byrd\n                              "
                             ),
                           ]
                         ),
@@ -84804,7 +85141,7 @@ var staticRenderFns = [
                         },
                         [
                           _vm._v(
-                            "\r\n                              $367\r\n                           "
+                            "\n                              $367\n                           "
                           ),
                         ]
                       ),
@@ -107642,7 +107979,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"_args":[["axios@0.21.4","C:\\\\laragon\\\\www\\\\adminpkb"]],"_development":true,"_from":"axios@0.21.4","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"version","registry":true,"raw":"axios@0.21.4","name":"axios","escapedName":"axios","rawSpec":"0.21.4","saveSpec":null,"fetchSpec":"0.21.4"},"_requiredBy":["#DEV:/"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_spec":"0.21.4","_where":"C:\\\\laragon\\\\www\\\\adminpkb","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}');
+module.exports = JSON.parse('{"_args":[["axios@0.21.4","C:\\\\laragon\\\\www\\\\adminpkb3"]],"_development":true,"_from":"axios@0.21.4","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"version","registry":true,"raw":"axios@0.21.4","name":"axios","escapedName":"axios","rawSpec":"0.21.4","saveSpec":null,"fetchSpec":"0.21.4"},"_requiredBy":["#DEV:/"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_spec":"0.21.4","_where":"C:\\\\laragon\\\\www\\\\adminpkb3","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}');
 
 /***/ })
 
diff --git a/resources/js/app.js b/resources/js/app.js
index cf1ad61..13f689e 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -70,15 +70,15 @@ Vue.use(require('vue-pusher'), {
     }
 });
 
-Vue.prototype.$api1 = 'http://api.arrahn'
+Vue.prototype.$api1 = 'http://localhost:8000'
 
 let initial = 'KB2';
-let initialhostname = 'http://api.arrahn';
+let initialhostname = 'http://localhost:8000';
 
 const store = new Vuex.Store({
     state: { 
         $kodcaw: 'KB2',
-        $hostname: 'http://api.arrahn' 
+        $hostname: 'http://localhost:8000' 
     },
     plugins: [createPersistedState()],
     mutations: { 
diff --git a/resources/js/components/Cawangan.vue b/resources/js/components/Cawangan.vue
index ff9ab9b..9d19594 100644
--- a/resources/js/components/Cawangan.vue
+++ b/resources/js/components/Cawangan.vue
@@ -84,7 +84,7 @@
                     case 'JLI':
                     case 'ARP':
                     case '020303':{
-                        this.sethostname('http://api.arrahn')
+                        this.sethostname('http://localhost:8000')
                         break;
                     }
                     case '010621':
@@ -114,7 +114,7 @@
                         this.sethostname('http://api3.arrahn')
                         break;
                     }
-                    default: this.sethostname('http://api.arrahn')
+                    default: this.sethostname('http://localhost:8000')
                              break;
                 }
             }
diff --git a/resources/js/components/util/Deletemodal.vue b/resources/js/components/util/Deletemodal.vue
index f80c6d7..c6bbe81 100644
--- a/resources/js/components/util/Deletemodal.vue
+++ b/resources/js/components/util/Deletemodal.vue
@@ -1,152 +1,72 @@
 <template>
-  <div>
-    <button @click="show = true">Click</button>
 
-    <!-- This example requires Tailwind CSS v2.0+ -->
-    <transition leave-active-class="duration-300">
-      <div
-        v-show="show"
-        class="fixed z-10 inset-0 overflow-y-auto"
-        aria-labelledby="modal-title"
-        role="dialog"
-        aria-modal="true"
-      >
-        <div
-          class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
-        >
-          <!--
-          Background overlay, show/hide based on modal state.
-
-          Entering: "ease-out duration-300"
-            From: "opacity-0"
-            To: "opacity-100"
-          Leaving: "ease-in duration-200"
-            From: "opacity-100"
-            To: "opacity-0"
-        -->
-          <transition name="ease-out-overlay">
-            <div
-              v-show="show"
-              class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            ></div>
-          </transition>
-
-          <!-- This element is to trick the browser into centering the modal contents. -->
-          <span
-            class="hidden sm:inline-block sm:align-middle sm:h-screen"
-            aria-hidden="true"
-            >&#8203;</span
-          >
-
-          <!--
-          Modal panel, show/hide based on modal state.
-
-          Entering: "ease-out duration-300"
-            From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            To: "opacity-100 translate-y-0 sm:scale-100"
-          Leaving: "ease-in duration-200"
-            From: "opacity-100 translate-y-0 sm:scale-100"
-            To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-        -->
-          <transition name="ease-out-modal">
-            <div
-              v-show="show"
-              class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
-            >
-              <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
-                <div class="sm:flex sm:items-start">
-                  <div
-                    class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"
-                  >
-                    <!-- Heroicon name: outline/exclamation -->
-                    <svg
-                      class="h-6 w-6 text-red-600"
-                      xmlns="http://www.w3.org/2000/svg"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke="currentColor"
-                    >
-                      <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-                      />
-                    </svg>
+    <div>
+    <transition name="modal-fade">
+        <!-- Delete Product Modal -->
+      <div v-if="showDelete" class="overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex" id="popup-modal">
+          <div class="relative px-4 w-full max-w-xl h-full md:h-auto">
+              <!-- Modal content -->
+              <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+                  <!-- Modal header -->
+                  <div class="flex justify-end p-2">
+                      <button v-on:click="showDelete = false" type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white">
+                          <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
+                      </button>
                   </div>
-                  <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-                    <h3
-                      class="text-lg leading-6 font-medium text-gray-900"
-                      id="modal-title"
-                    >
-                      Deactivate account
-                    </h3>
-                    <div class="mt-2">
-                      <p class="text-sm text-gray-500">
-                        Are you sure you want to deactivate your account? All of
-                        your data will be permanently removed. This action
-                        cannot be undone.
-                      </p>
-                    </div>
+                  <!-- Modal body -->
+                  <div class="p-6 pt-0 text-center">
+                      <svg class="mx-auto mb-4 w-14 h-14 text-gray-400 dark:text-gray-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+                      <h3 class="mb-3 text-lg font-normal text-gray-500 dark:text-gray-400">Padam nama ini dalam senarai hitam?</h3>
+                      <h3 class=" text-lg font-bold text-blue-500 dark:text-red-400">{{ this.nama }}</h3>
+                      <h3 class="mb-5 text-lg font-bold text-blue-500 dark:text-red-400">{{ this.nokp }}</h3>
+                      <button v-on:click="deleteBlacklist()" type="button" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2">
+                          Setuju
+                      </button>
+                      <button v-on:click="showDelete = false" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:ring-gray-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600">Batal</button>
                   </div>
-                </div>
               </div>
-              <div
-                class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
-              >
-                <button
-                  @click="show = false"
-                  type="button"
-                  class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-                >
-                  Deactivate
-                </button>
-                <button
-                  type="button"
-                  class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-                >
-                  Cancel
-                </button>
-              </div>
-            </div>
-          </transition>
-        </div>
+          </div>
       </div>
     </transition>
-  </div>
+
+    <div v-if="showDelete" class="opacity-25 fixed inset-0 z-40 bg-black"></div>
+
+    </div>
 </template>
+
 <script>
 export default {
+  name: "delmodal",
+
   data() {
     return {
-      show: false,
-    };
+      showDelete: false,
+      deleteid: 0,
+      nama:'',
+      nokp:''
+    }
   },
-};
-</script> 
-<style lang="postcss" scoped>
-.badge {
-  @apply inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700;
-  &:hover {
-    @apply bg-gray-300;
+  methods: {
+    async deleteBlacklist(){
+    let response = await this.EngineDelete(this.deleteid)
+        if(response.data === 1)
+        {
+            this.showDelete = !this.showDelete;
+            this.$toast.success('Berjaya! nama tersebut berjaya disenarai putih.')
+            setTimeout(()=>{
+                this.$emit('clickDelete_', 1)
+            },1000);
+        }else{
+            this.$toast.danger('Tidak Berjaya! memadamkan nama tersebut.')
+        }
+    },
+    EngineDelete(id){
+      return this.axios.post(this.$api1 + '/admin/DeleteBlacklist', 
+      { 
+        id: id
+      });
+    }
   }
 }
+</script>
 
-.ease-out-overlay-enter-active,
-.ease-out-overlay-leave-active {
-  @apply opacity-100 duration-300;
-}
-
-.ease-out-overlay-enter, .ease-out-overlay-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  @apply opacity-0 duration-200;
-}
-
-.ease-out-modal-enter-active,
-.ease-out-modal-leave-active {
-  @apply opacity-100 translate-y-0 sm:scale-100 duration-300;
-}
-
-.ease-out-modal-enter, .ease-out-modal-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  @apply ease-in opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 duration-200;
-}
-</style>
\ No newline at end of file
diff --git a/resources/js/pages/Blacklist.vue b/resources/js/pages/Blacklist.vue
index ec48657..405bc3e 100644
--- a/resources/js/pages/Blacklist.vue
+++ b/resources/js/pages/Blacklist.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="">
 
+      <deletemodal ref="delmodal" @clickDelete_="getBlacklist"></deletemodal>
       <modal ref="modal" @clickEvent_="getBlacklist"></modal>
 
       <div class="flex justify-between mb-2">
@@ -70,7 +71,7 @@
                 <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                   <div class="flex items-center">
                     <div class="ml-3">
-                      <button class="border border-red-600 text-red-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-red-600 hover:text-white transition-all duration-300">
+                      <button data-modal-toggle="popup-modal" @click="deleteBlacklist(blacklist.id,blacklist.nama,blacklist.nokp)" class="border border-red-600 text-red-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-red-600 hover:text-white transition-all duration-300">
                         <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
                         </svg>
@@ -90,11 +91,14 @@
 <script>
 import pagination from '../components/pagination.vue'
 import modal from '../components/util/BlacklistModal.vue'
+import deletemodal from '../components/util/Deletemodal.vue'
 
 export default {
   components: {
     pagination,
-    modal
+    modal,
+    deletemodal
+    
 	},
   data(){
     return{
@@ -139,6 +143,12 @@ export default {
       this.$refs.modal.showModal = true;
       this.$refs.modal.kodcaw = this.$kodcaw;
       
+    },
+    deleteBlacklist(id,nama,nokp){
+      this.$refs.delmodal.deleteid = id;
+      this.$refs.delmodal.nama = nama;
+      this.$refs.delmodal.nokp = nokp;
+      this.$refs.delmodal.showDelete = true;
     }
   }
 }
diff --git a/resources/views/akaun/laporan_lejer_am.blade.php b/resources/views/akaun/laporan_lejer_am.blade.php
index 45d0fa1..2d3b24f 100644
--- a/resources/views/akaun/laporan_lejer_am.blade.php
+++ b/resources/views/akaun/laporan_lejer_am.blade.php
@@ -423,7 +423,7 @@
 
 </table> --}}
 
-<div style="margin-left:70px;">
+{{-- <div style="margin-left:70px;">
   <span class ="signature"><span style="margin-top:20px;">Disemak Oleh</span></span>  
   <span class ="signature">Disahkan Oleh</span> 
-</div>
+</div> --}}