diff --git a/public/js/app.js b/public/js/app.js
index f7f6b88..e49889e 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -17508,6 +17508,42 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 var formatter = new Intl.NumberFormat('en-US', {
   minimumFractionDigits: 2
 });
@@ -17540,7 +17576,7 @@ var formatter = new Intl.NumberFormat('en-US', {
         }
       }).then(function (response) {
         _this.gadaianharian = formatter.format(response.data[0].gadaiToday);
-        _this.percentgadaian = response.data[0].percentDiff.toFixed(2);
+        _this.percentgadaian = response.data[0].percentDiff;
       })["catch"](function (error) {
         console.log(error);
       });
@@ -17554,7 +17590,7 @@ var formatter = new Intl.NumberFormat('en-US', {
         }
       }).then(function (response) {
         _this2.penebusanharian = formatter.format(response.data[0].tebusToday);
-        _this2.percentpenebusan = response.data[0].percentDiff.toFixed(2);
+        _this2.percentpenebusan = response.data[0].percentDiff;
       })["catch"](function (error) {
         console.log(error);
       });
@@ -17568,7 +17604,7 @@ var formatter = new Intl.NumberFormat('en-US', {
         }
       }).then(function (response) {
         _this3.keuntunganharian = formatter.format(response.data[0].upahToday);
-        _this3.percentkeuntungan = response.data[0].percentDiff.toFixed(2);
+        _this3.percentkeuntungan = response.data[0].percentDiff;
       })["catch"](function (error) {
         console.log(error);
       });
@@ -19947,7 +19983,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
     };
   },
   setup: function setup(props, context) {},
-  created: function created() {
+  mounted: function mounted() {
     var _this = this;
 
     this.axios.get('http://localhost:8000/api/poskod/' + this.poskod).then(function (response) {
@@ -72462,40 +72498,114 @@ var render = function () {
               ]),
             ]),
             _vm._v(" "),
-            _c(
-              "div",
-              {
-                staticClass:
-                  "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
-              },
-              [
-                _vm._v(
-                  "\n             " +
-                    _vm._s(_vm.percentgadaian) +
-                    "%\n             "
-                ),
-                _c(
-                  "svg",
+            _vm.percentgadaian > 0
+              ? _c(
+                  "div",
                   {
-                    staticClass: "w-5 h-5",
-                    attrs: {
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      xmlns: "http://www.w3.org/2000/svg",
-                    },
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
                   },
                   [
-                    _c("path", {
-                      attrs: {
-                        "fill-rule": "evenodd",
-                        d: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
-                        "clip-rule": "evenodd",
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentgadaian.toFixed(2)) +
+                        "%\n             "
+                    ),
+                    _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: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.percentgadaian == 0
+              ? _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentgadaian.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _c(
+                      "svg",
+                      {
+                        staticClass: "h-6 w-6",
+                        attrs: {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                        },
+                      },
+                      [
+                        _c("path", {
+                          attrs: {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            "stroke-width": "2",
+                            d: "M18 12H6",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentgadaian.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _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: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
                   ]
                 ),
-              ]
-            ),
           ]),
         ]
       ),
@@ -72520,40 +72630,114 @@ var render = function () {
               ]),
             ]),
             _vm._v(" "),
-            _c(
-              "div",
-              {
-                staticClass:
-                  "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
-              },
-              [
-                _vm._v(
-                  "\n             " +
-                    _vm._s(_vm.percentpenebusan) +
-                    "%\n             "
-                ),
-                _c(
-                  "svg",
+            _vm.percentpenebusan > 0
+              ? _c(
+                  "div",
                   {
-                    staticClass: "w-5 h-5",
-                    attrs: {
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      xmlns: "http://www.w3.org/2000/svg",
-                    },
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
                   },
                   [
-                    _c("path", {
-                      attrs: {
-                        "fill-rule": "evenodd",
-                        d: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
-                        "clip-rule": "evenodd",
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentpenebusan.toFixed(2)) +
+                        "%\n             "
+                    ),
+                    _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: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.percentpenebusan == 0
+              ? _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentpenebusan.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _c(
+                      "svg",
+                      {
+                        staticClass: "h-6 w-6",
+                        attrs: {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                        },
+                      },
+                      [
+                        _c("path", {
+                          attrs: {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            "stroke-width": "2",
+                            d: "M18 12H6",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentpenebusan.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _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: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
                   ]
                 ),
-              ]
-            ),
           ]),
         ]
       ),
@@ -72578,40 +72762,114 @@ var render = function () {
               ]),
             ]),
             _vm._v(" "),
-            _c(
-              "div",
-              {
-                staticClass:
-                  "ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold",
-              },
-              [
-                _vm._v(
-                  "\n             " +
-                    _vm._s(_vm.percentkeuntungan) +
-                    "%\n             "
-                ),
-                _c(
-                  "svg",
+            _vm.percentkeuntungan > 0
+              ? _c(
+                  "div",
                   {
-                    staticClass: "w-5 h-5",
-                    attrs: {
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      xmlns: "http://www.w3.org/2000/svg",
-                    },
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold",
                   },
                   [
-                    _c("path", {
-                      attrs: {
-                        "fill-rule": "evenodd",
-                        d: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z",
-                        "clip-rule": "evenodd",
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentkeuntungan.toFixed(2)) +
+                        "%\n             "
+                    ),
+                    _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: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.percentkeuntungan == 0
+              ? _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentkeuntungan.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _c(
+                      "svg",
+                      {
+                        staticClass: "h-6 w-6",
+                        attrs: {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                        },
+                      },
+                      [
+                        _c("path", {
+                          attrs: {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            "stroke-width": "2",
+                            d: "M18 12H6",
+                          },
+                        }),
+                      ]
+                    ),
+                  ]
+                )
+              : _c(
+                  "div",
+                  {
+                    staticClass:
+                      "ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold",
+                  },
+                  [
+                    _vm._v(
+                      "\n             " +
+                        _vm._s(_vm.percentkeuntungan.toFixed(2)) +
+                        "%\n                "
+                    ),
+                    _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: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z",
+                            "clip-rule": "evenodd",
+                          },
+                        }),
+                      ]
+                    ),
                   ]
                 ),
-              ]
-            ),
           ]),
         ]
       ),
@@ -99229,7 +99487,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"_from":"axios@^0.21","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"range","registry":true,"raw":"axios@^0.21","name":"axios","escapedName":"axios","rawSpec":"^0.21","saveSpec":null,"fetchSpec":"^0.21"},"_requiredBy":["#DEV:/","#USER"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_shasum":"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575","_spec":"axios@^0.21","_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"},"bundleDependencies":false,"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"deprecated":false,"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\\\\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"}');
 
 /***/ })
 
diff --git a/resources/js/components/Analisa/Harian.vue b/resources/js/components/Analisa/Harian.vue
index 37bb36b..a13fd3f 100644
--- a/resources/js/components/Analisa/Harian.vue
+++ b/resources/js/components/Analisa/Harian.vue
@@ -6,12 +6,24 @@
                  <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ gadaianharian }}</span>
                  <h3 class="text-base font-normal text-gray-500">Pembiayaan Hari Ini</h3>
               </div>
-              <div class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
-                 {{ percentgadaian }}%
+               <div v-if="percentgadaian > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
+                 {{ percentgadaian.toFixed(2) }}%
                  <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
                  </svg>
               </div>
+              <div v-if="percentgadaian == 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold">
+                 {{ percentgadaian.toFixed(2) }}%
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+                    </svg>
+              </div>
+              <div v-else class="ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold">
+                 {{ percentgadaian.toFixed(2) }}%
+                    <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="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+                    </svg>
+              </div>
            </div>
         </div>
         <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
@@ -20,12 +32,24 @@
                  <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ penebusanharian }}</span>
                  <h3 class="text-base font-normal text-gray-500">Penebusan Hari Ini</h3>
               </div>
-              <div class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
-                 {{ percentpenebusan }}%
+              <div v-if="percentpenebusan > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
+                 {{ percentpenebusan.toFixed(2) }}%
                  <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
                  </svg>
               </div>
+              <div v-if="percentpenebusan == 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold">
+                 {{ percentpenebusan.toFixed(2) }}%
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+                    </svg>
+              </div>
+              <div v-else class="ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold">
+                 {{ percentpenebusan.toFixed(2) }}%
+                    <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="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+                    </svg>
+              </div>
            </div>
         </div>
         <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
@@ -34,20 +58,30 @@
                  <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ keuntunganharian }}</span>
                  <h3 class="text-base font-normal text-gray-500">Keuntungan Hari Ini</h3>
               </div>
-              <div class="ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold">
-                 {{ percentkeuntungan }}%
+            <div v-if="percentkeuntungan > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
+                 {{ percentkeuntungan.toFixed(2) }}%
                  <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="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+                    <path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
                  </svg>
               </div>
+              <div v-if="percentkeuntungan == 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-yellow-500 text-base font-bold">
+                 {{ percentkeuntungan.toFixed(2) }}%
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+                    </svg>
+              </div>
+              <div v-else class="ml-5 w-0 flex items-center justify-end flex-1 text-red-500 text-base font-bold">
+                 {{ percentkeuntungan.toFixed(2) }}%
+                    <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="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+                    </svg>
+              </div>
            </div>
         </div>
     </div>
 </template>
 
 <script>
-
-
 const formatter = new Intl.NumberFormat('en-US', {
   minimumFractionDigits: 2
 });
@@ -80,7 +114,7 @@ export default {
             }
             }).then(response => {
                 this.gadaianharian = formatter.format(response.data[0].gadaiToday)
-                this.percentgadaian = response.data[0].percentDiff.toFixed(2)
+                this.percentgadaian = response.data[0].percentDiff
             }).catch(error => {
                 console.log(error)
             })
@@ -92,7 +126,7 @@ export default {
             }
             }).then(response => {
                 this.penebusanharian = formatter.format(response.data[0].tebusToday)
-                this.percentpenebusan = response.data[0].percentDiff.toFixed(2)
+                this.percentpenebusan = response.data[0].percentDiff
             }).catch(error => {
                 console.log(error)
             })
@@ -104,7 +138,7 @@ export default {
             }
             }).then(response => {
                 this.keuntunganharian = formatter.format(response.data[0].upahToday)
-                this.percentkeuntungan = response.data[0].percentDiff.toFixed(2)
+                this.percentkeuntungan = response.data[0].percentDiff
             }).catch(error => {
                 console.log(error)
             })
diff --git a/resources/js/pages/Detailspelanggan.vue b/resources/js/pages/Detailspelanggan.vue
index 47c4b56..aa9b892 100644
--- a/resources/js/pages/Detailspelanggan.vue
+++ b/resources/js/pages/Detailspelanggan.vue
@@ -171,7 +171,7 @@ export default {
     
 
   },
-  created() {
+  mounted() {
     this.axios.get('http://localhost:8000/api/poskod/' + this.poskod).then(response => {
       this.koddaerahCall(response.data.kodnegeri,response.data.koddaerah)
     });
diff --git a/resources/views/bajet/bajet.blade.php b/resources/views/bajet/bajet.blade.php
new file mode 100644
index 0000000..f887566
--- /dev/null
+++ b/resources/views/bajet/bajet.blade.php
@@ -0,0 +1,18 @@
+@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' : 'Dashboard', 'icon' : 'fas fa-columns' },{'title' : 'Bajet', 'icon' : 'fas fa-columns'}]"></breadcrumb>
+
+         
+
+
+      </div>
+   </main>
+   @include('layouts.footer')
+@endsection
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 7aedc00..e30ee42 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -9,36 +9,25 @@
           
     <breadcrumb :items="[{ 'title' : 'Dashboard', 'icon' : 'fas fa-columns' }]"></breadcrumb>
 
+         <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mb-4">KEMASKINI BAJET</button>
+
+
          <harian-component kodcaw="{{ Auth::user()->cawangan }}"></harian-component> 
 
          <div class="w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
             <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
                <div class="flex items-center justify-between mb-4">
                   <div class="flex-shrink-0">
-                     {{-- <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">$45,385</span> --}}
                      <h3 class="text-base font-normal text-gray-500">Pembiayaan Bulanan</h3>
                   </div>
-                  {{-- <div class="flex items-center justify-end flex-1 text-green-500 text-base font-bold">
-                     12.5%
-                     <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
-                     </svg>
-                  </div> --}}
                </div>
                <div class="mx-auto mt-10"><pemb-chart kodcaw={{ Auth::user()->cawangan  }}></pemb-chart></div>
             </div>
             <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
                 <div class="flex items-center justify-between mb-4">
                    <div class="flex-shrink-0">
-                      {{-- <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">$45,385</span> --}}
                       <h3 class="text-base font-normal text-gray-500">Penebusan Bulanan</h3>
                    </div>
-                   {{-- <div class="flex items-center justify-end flex-1 text-green-500 text-base font-bold">
-                      12.5%
-                      <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
-                      </svg>
-                   </div> --}}
                 </div>
                 <div class="mx-auto mt-10"><peny-chart kodcaw={{ Auth::user()->cawangan  }}></peny-chart></div>
              </div>
@@ -46,15 +35,8 @@
              <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8  2xl:col-span-1">
                 <div class="flex items-center justify-between mb-4">
                    <div class="flex-shrink-0">
-                      {{-- <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">$45,385</span> --}}
                       <h3 class="text-base font-normal text-gray-500">Keuntungan Bulanan</h3>
                    </div>
-                   {{-- <div class="flex items-center justify-end flex-1 text-green-500 text-base font-bold">
-                      12.5%
-                      <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
-                      </svg>
-                   </div> --}}
                 </div>
                 <div class="mx-auto mt-10"><keun-chart kodcaw={{ Auth::user()->cawangan  }}></keun-chart></div>
              </div>