<!DOCTYPE html>
<html lang="id">
<head>
<script  id="debugbar_loader" data-time="1790567439.636334" src="http://localhost:3000/koperasi/?debugbar"></script><script  id="debugbar_dynamic_script"></script><style  id="debugbar_dynamic_style"></style><script class="kint-rich-script">"use strict";(()=>{function m(n){if(!(n instanceof Element))throw new Error("Invalid argument to dedupeElement()");let t=n.ownerDocument,e=E(n);for(let s of t.querySelectorAll(e))n!==s&&s.parentNode.removeChild(s)}function d(n){return n instanceof Element?n.ownerDocument.contains(n):!1}function E(n){if(!(n instanceof Element))throw new Error("Invalid argument to buildClassSelector()");return[n.nodeName,...n.classList].join(".")}function f(n){if(!(n instanceof Element))throw new Error("Invalid argument to selectText()");let t=n.ownerDocument,e=t.getSelection(),s=t.createRange();s.selectNodeContents(n),e.removeAllRanges(),e.addRange(s)}function I(n,t){let e;return function(...s){clearTimeout(e),e=setTimeout(function(){n(...s)},t)}}function x(n){if(!(n instanceof Element))throw new Error("Invalid argument to offsetTop()");return n.offsetTop+(n.offsetParent?x(n.offsetParent):0)}var u=class n{static#e=new Set;static toggleSearchBox(t,e){let s=t.querySelector(".kint-search"),i=t.parentNode;if(s)if(s.classList.toggle("kint-show",e)){if(s.focus(),s.select(),!n.#e.has(s)){let r=i.querySelectorAll("dl").length,o=200;r>1e4&&(o=700),s.addEventListener("keyup",I(n.#t.bind(null,s),o)),n.#e.add(s)}n.#t(s)}else i.classList.remove("kint-search-root")}static#t(t){let e=t.closest(".kint-parent")?.parentNode;if(e)if(t.classList.contains("kint-show")&&t.value.length){let s=e.dataset.lastSearch;if(e.classList.add("kint-search-root"),s!==t.value){e.dataset.lastSearch=t.value,e.classList.remove("kint-search-match");for(let i of e.querySelectorAll(".kint-search-match"))i.classList.remove("kint-search-match");n.#s(e,t.value.toUpperCase())}}else e.classList.remove("kint-search-root")}static#s(t,e){let s=t.cloneNode(!0);for(let c of s.querySelectorAll(".access-path"))c.remove();if(!s.textContent.toUpperCase().includes(e))return;t.classList.add("kint-search-match");let i=t.firstElementChild;for(;i&&i.tagName!=="DT";)i=i.nextElementSibling;if(!i)return;let r=a.getChildContainer(i);if(!r)return;let o,l;for(let c of r.children)c.tagName==="DL"?n.#s(c,e):c.tagName==="UL"&&(c.classList.contains("kint-tabs")?o=c.children:c.classList.contains("kint-tab-contents")&&(l=c.children));if(!(!o||o.length!==l?.length))for(let c=o.length;c--;){let k=!1,F=!1;o[c].textContent.toUpperCase().includes(e)&&(k=!0);let O=l[c].cloneNode(!0);for(let v of O.querySelectorAll(".access-path"))v.remove();if(O.textContent.toUpperCase().includes(e)&&(k=!0,F=!0),k&&o[c].classList.add("kint-search-match"),F)for(let v of l[c].children)v.tagName==="DL"&&n.#s(v,e)}}};var g=class{static sort(t,e){let s=t.dataset.kintTableSort,i=parseInt(s)===e?-1:1,r=t.tBodies[0];[...r.rows].sort(function(o,l){o=o.cells[e].textContent.trim().toLocaleLowerCase(),l=l.cells[e].textContent.trim().toLocaleLowerCase();let c=0;return!isNaN(o)&&!isNaN(l)?(o=parseFloat(o),l=parseFloat(l),c=o-l):isNaN(o)&&!isNaN(l)?c=1:isNaN(l)&&!isNaN(o)?c=-1:c=(""+o).localeCompare(""+l),c*i}).forEach(o=>r.appendChild(o)),i<0?t.dataset.kintTableSort=null:t.dataset.kintTableSort=e}};var a=class n{#e;#t;#s;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Rich.constructor()");this.#e=t,this.#e.runOnInit(this.#i.bind(this));let e=new q(this,t);new b(this,t.window,e)}#i(){let t=this.#e.window.document;if(d(this.#t)||(this.#t=t.querySelector("style.kint-rich-style")),this.#t&&m(this.#t),t.querySelector(".kint-rich.kint-file")){this.setupFolder(t);let e=this.#s.querySelector("dd.kint-foldout"),s=Array.from(t.querySelectorAll(".kint-rich.kint-file"));for(let i of s)i.parentNode!==e&&e.appendChild(i);this.#s.classList.add("kint-show")}}addToFolder(t){let e=t.closest(".kint-rich");if(!e)throw new Error("Bad addToFolder");let s=this.#e.window.document;if(this.setupFolder(s),this.folder.contains(t))throw new Error("Bad addToFolder");let i=this.#s.querySelector("dd.kint-foldout"),r=t.closest(".kint-parent, .kint-rich"),o=Array.from(e.querySelectorAll(".kint-folder-trigger"));if(e===r||e.querySelectorAll(".kint-rich > dl").length===1){for(let l of o)l.remove();e.classList.add("kint-file"),i.insertBefore(e,i.firstChild)}else{let l=s.createElement("div");l.classList.add("kint-rich"),l.classList.add("kint-file"),l.appendChild(r.closest(".kint-rich > dl"));let c=e.lastElementChild;c.matches(".kint-rich > footer")&&l.appendChild(c.cloneNode(!0));for(let k of o)k.remove();i.insertBefore(l,i.firstChild)}n.toggle(this.#s.querySelector(".kint-parent"),!0)}setupFolder(t){if(this.#s)d(this.#s)||(this.#s=t.querySelector(".kint-rich.kint-folder"));else{let e=t.createElement("template");e.innerHTML='<div class="kint-rich kint-folder"><dl><dt class="kint-parent"><nav></nav>Kint</dt><dd class="kint-foldout"></dd></dl></div>',this.#s=e.content.firstChild,t.body.appendChild(this.#s)}}get folder(){return d(this.#s)||(this.#s=this.#e.window.document.querySelector(".kint-rich.kint-folder")),this.#s&&m(this.#s),this.#s}isFolderOpen(){let t=this.#s?.querySelector("dd.kint-foldout");if(t)return t.previousSibling.classList.contains("kint-show")}static getChildContainer(t){let e=t.nextElementSibling;for(;e&&!e.matches("dd");)e=e.nextElementSibling;return e}static toggle(t,e){let s=n.getChildContainer(t);s&&(e=t.classList.toggle("kint-show",e),n.#n(s,e))}static switchTab(t){t.parentNode.getElementsByClassName("kint-active-tab")[0].classList.remove("kint-active-tab"),t.classList.add("kint-active-tab");let e=t,s=0;for(;e=e.previousElementSibling;)s++;let i=t.parentNode.nextSibling.children;for(let r=i.length;r--;)r===s?(i[r].classList.add("kint-show"),n.#n(i[r],!0)):i[r].classList.remove("kint-show")}static toggleChildren(t,e){let s=n.getChildContainer(t);if(!s)return;e===void 0&&(e=t.classList.contains("kint-show"));let i=Array.from(s.getElementsByClassName("kint-parent"));for(let r of i)r.classList.toggle("kint-show",e)}static toggleAccessPath(t,e){let s=t.querySelector(".access-path");s?.classList.toggle("kint-show",e)&&f(s)}static#n(t,e){if(t.children.length===2&&t.lastElementChild.matches("ul.kint-tab-contents"))for(let s of t.lastElementChild.children)s.matches("li.kint-show")&&(t=s);if(t.children.length===1&&t.firstElementChild.matches("dl")){let s=t.firstElementChild.firstElementChild;s?.classList?.contains("kint-parent")&&n.toggle(s,e)}}},b=class{#e;#t;#s;#i=null;#n=null;#o=0;constructor(t,e,s){this.#e=t,this.#t=s,this.#s=e,this.#s.addEventListener("click",this.#a.bind(this),!0)}#r(){clearTimeout(this.#i),this.#i=setTimeout(this.#l.bind(this),250)}#l(){clearTimeout(this.#i),this.#i=null,this.#n=null,this.#o=0}#c(){let t=this.#n;if(!t.matches(".kint-parent > nav"))return;let e=t.parentNode;if(this.#o===1)a.toggleChildren(e),this.#t.onTreeChanged(),this.#r(),this.#o=2;else if(this.#o===2){this.#l();let s=e.classList.contains("kint-show"),i=this.#e.folder?.querySelector(".kint-parent"),r=Array.from(this.#s.document.getElementsByClassName("kint-parent"));for(let o of r)o!==i&&o.classList.toggle("kint-show",s);this.#t.onTreeChanged(),this.#t.scrollToFocus()}}#a(t){if(this.#o){this.#c();return}let e=t.target;if(!e.closest(".kint-rich"))return;if(e.tagName==="DFN"&&f(e),e.tagName==="TH"){t.ctrlKey||g.sort(e.closest("table"),e.cellIndex);return}if(e.tagName==="LI"&&e.parentNode.className==="kint-tabs"){if(e.className!=="kint-active-tab"){let i=e.closest("dl")?.querySelector(".kint-parent > nav")??e;a.switchTab(e),this.#t.onTreeChanged(),this.#t.setCursor(i)}return}let s=e.closest("dt");if(e.tagName==="NAV")e.parentNode.tagName==="FOOTER"?(this.#t.setCursor(e),e.parentNode.classList.toggle("kint-show")):s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(e),this.#r(),this.#o=1,this.#n=e);else if(e.classList.contains("kint-access-path-trigger"))s&&a.toggleAccessPath(s);else if(e.classList.contains("kint-search-trigger"))s?.matches(".kint-rich > dl > dt.kint-parent")&&u.toggleSearchBox(s);else if(e.classList.contains("kint-folder-trigger")){if(s?.matches(".kint-rich > dl > dt.kint-parent"))this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav")),this.#t.scrollToFocus();else if(e.parentNode.tagName==="FOOTER"){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(i),this.#t.scrollToFocus()}}else e.classList.contains("kint-search")||(e.tagName==="PRE"&&t.detail===3?f(e):e.closest(".kint-source")&&t.detail===3?f(e.closest(".kint-source")):e.classList.contains("access-path")?f(e):e.tagName!=="A"&&s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav"))))}},j=65,G=68,A=70,S=72,K=74,D=75,p=76,V=83,P=9,T=13,B=27,L=32,N=37,R=38,C=39,H=40,M=".kint-rich .kint-parent > nav, .kint-rich > footer > nav, .kint-rich .kint-tabs > li:not(.kint-active-tab)",q=class{#e=[];#t=0;#s=!1;#i;#n;constructor(t,e){this.#i=t,this.#n=e.window,this.#n.addEventListener("keydown",this.#c.bind(this),!0),e.runOnInit(this.onTreeChanged.bind(this))}scrollToFocus(){let t=this.#e[this.#t];if(!t)return;let e=this.#i.folder;if(t===e?.querySelector(".kint-parent > nav"))return;let s=x(t);if(this.#i.isFolderOpen()){let i=e.querySelector("dd.kint-foldout");i.scrollTo(0,s-i.clientHeight/2)}else this.#n.scrollTo(0,s-this.#n.innerHeight/2)}onTreeChanged(){let t=this.#e[this.#t];this.#e=[];let e=this.#i.folder,s=e?.querySelector(".kint-parent > nav"),i=this.#n.document;this.#i.isFolderOpen()&&(i=e,this.#e.push(s));let r=Array.from(i.querySelectorAll(M));for(let o of r)o.offsetParent!==null&&o!==s&&this.#e.push(o);if(s&&!this.#i.isFolderOpen()&&this.#e.push(s),this.#e.length===0){this.#s=!1,this.#r();return}t&&this.#e.indexOf(t)!==-1?this.#t=this.#e.indexOf(t):this.#r()}setCursor(t){if(this.#i.isFolderOpen()&&!this.#i.folder.contains(t)||!t.matches(M))return!1;let e=this.#e.indexOf(t);if(e===-1&&(this.onTreeChanged(),e=this.#e.indexOf(t)),e!==-1){if(e!==this.#t)return this.#t=e,this.#r(),!0;this.#e[e]?.classList.remove("kint-weak-focus")}else console.error("setCursor failed to find target in list",t),console.info("Please report this as a bug in Kint at https://github.com/kint-php/kint");return!1}#o(t){if(this.#e.length===0)return this.#t=0,null;for(this.#t+=t;this.#t<0;)this.#t+=this.#e.length;for(;this.#t>=this.#e.length;)this.#t-=this.#e.length;return this.#r(),this.#t}#r(){let t=this.#n.document.querySelector(".kint-focused");t&&(t.classList.remove("kint-focused"),t.classList.remove("kint-weak-focus")),this.#s&&this.#e[this.#t]?.classList.add("kint-focused")}#l(t){let e=t.closest(".kint-rich .kint-parent ~ dd")?.parentNode.querySelector(".kint-parent > nav");e&&(this.setCursor(e),this.scrollToFocus())}#c(t){if(t.keyCode===B&&t.target.matches(".kint-search")){t.target.blur(),this.#s&&this.#r();return}if(t.target!==this.#n.document.body||t.altKey||t.ctrlKey)return;if(t.keyCode===G){if(this.#s)this.#s=!1;else{if(this.#s=!0,this.onTreeChanged(),this.#e.length===0){this.#s=!1;return}this.scrollToFocus()}this.#r(),t.preventDefault();return}else if(t.keyCode===B){this.#s&&(this.#s=!1,this.#r(),t.preventDefault());return}else if(!this.#s)return;t.preventDefault(),d(this.#e[this.#t])||this.onTreeChanged();let e=this.#e[this.#t];if([P,R,D,H,K].includes(t.keyCode)){t.keyCode===P?this.#o(t.shiftKey?-1:1):t.keyCode===R||t.keyCode===D?this.#o(-1):(t.keyCode===H||t.keyCode===K)&&this.#o(1),this.scrollToFocus();return}if(e.tagName==="LI"&&[L,T,C,p,N,S].includes(t.keyCode)){t.keyCode===L||t.keyCode===T?(a.switchTab(e),this.onTreeChanged()):t.keyCode===C||t.keyCode===p?this.#o(1):(t.keyCode===N||t.keyCode===S)&&this.#o(-1),this.scrollToFocus();return}if(e.parentNode.tagName==="FOOTER"&&e.closest(".kint-rich")){if(t.keyCode===L||t.keyCode===T)e.parentNode.classList.toggle("kint-show");else if(t.keyCode===N||t.keyCode===S)if(e.parentNode.classList.contains("kint-show"))e.parentNode.classList.remove("kint-show");else{this.#l(e.closest(".kint-rich"));return}else if(t.keyCode===C||t.keyCode===p)e.parentNode.classList.add("kint-show");else if(t.keyCode===A&&!this.#i.isFolderOpen()&&e.matches(".kint-rich > footer > nav")){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(i),this.scrollToFocus()}return}let s=e.closest(".kint-parent");if(s){if(t.keyCode===j){a.toggleAccessPath(s);return}if(t.keyCode===A){!this.#i.isFolderOpen()&&s.matches(".kint-rich:not(.kint-folder) > dl > .kint-parent")&&(this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(e),this.scrollToFocus());return}if(t.keyCode===V){let i=s.closest(".kint-rich > dl")?.querySelector(".kint-search")?.closest(".kint-parent");if(i){e.classList.add("kint-weak-focus"),u.toggleSearchBox(i,!0);return}}if(t.keyCode===L||t.keyCode===T){a.toggle(s),this.onTreeChanged();return}if([C,p,N,S].includes(t.keyCode)){let i=s.classList.contains("kint-show");if(t.keyCode===C||t.keyCode===p){i&&a.toggleChildren(s,!0),a.toggle(s,!0),this.onTreeChanged();return}else if(i){a.toggleChildren(s,!1),a.toggle(s,!1),this.onTreeChanged();return}else{this.#l(s);return}}}}};var y=class{#e;#t;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Plain.constructor()");this.#e=t.window,t.runOnInit(this.#s.bind(this))}#s(){d(this.#t)||(this.#t=this.#e.document.querySelector("style.kint-plain-style")),this.#t&&m(this.#t)}};var w=class{#e;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Microtime.constructor()");this.#e=t.window,t.runOnInit(this.#t.bind(this))}#t(){let t={},e=this.#e.document.querySelectorAll("[data-kint-microtime-group]");for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=s.dataset.kintMicrotimeGroup,o=parseFloat(i.textContent),l=parseFloat(s.querySelector(".kint-microtime-avg").textContent);t[r]??={min:o,max:o,avg:l},t[r].min>o&&(t[r].min=o),t[r].max<o&&(t[r].max=o),t[r].avg=l}for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=parseFloat(i.textContent),o=t[s.dataset.kintMicrotimeGroup];if(s.querySelector(".kint-microtime-avg").textContent=o.avg,!(r===o.min&&r===o.max))if(s.classList.add("kint-microtime-js"),r>o.avg){let l=(r-o.avg)/(o.max-o.avg);i.style.background="hsl("+(40-40*l)+", 100%, 65%)"}else{let l=0;o.avg!==o.min&&(l=(o.avg-r)/(o.avg-o.min)),i.style.background="hsl("+(40+80*l)+", 100%, 65%)"}}}};var U=Symbol(),h=class n{static#e=null;#t;#s=[];#i=new Set;static init(t){return n.#e??=new n(t,U),n.#e.#n(),n.#e.runOnLoad(n.#r),n.#e}get window(){return this.#t}constructor(t,e){if(U!==e)throw new Error("Kint constructor is private. Use Kint.init()");if(!(t instanceof Window))throw new Error("Invalid argument to Kint.init()");this.#t=t,this.runOnInit(this.#o.bind(this)),new y(this),new a(this),new w(this)}runOnLoad(t){if(this.#t.document.readyState==="complete")try{t()}catch{}else this.#t.addEventListener("load",t)}runOnInit(t){this.#s.push(t)}#n(){this.#t.document.currentScript&&(this.#i.add(E(window.document.currentScript)),window.document.currentScript.remove())}#o(){for(let t of this.#i.keys())for(let e of this.#t.document.querySelectorAll(t))e.remove()}static#r(){for(let t of n.#e.#s)t()}};window.Kint||(window.Kint=h);window.Kint.init(window);})();
</script><style class="kint-rich-style">.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}.kint-rich{--main-background: #f8f8f8;--secondary-background: #f8f8f8;--variable-type-color: #06f;--variable-type-color-hover: #f00;--border-color: #d7d7d7;--border-color-hover: #aaa;--alternative-background: #fff;--highlight-color: #cfc;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23555'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23555'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px var(--variable-type-color-hover)}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:var(--secondary-background)}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:var(--secondary-background);border:var(--border);border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:calc(var(--spacing)*6 + 1px)}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:var(--border);background:var(--alternative-background);font-weight:bold;padding-top:0;border-bottom:1px solid var(--alternative-background) !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid var(--alternative-background)}.kint-rich ul>li>pre{border:var(--border)}.kint-rich dt:hover+dd>ul{border-color:var(--border-color-hover)}.kint-rich pre{background:var(--alternative-background);margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:var(--highlight-color)}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:var(--alternative-background)}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:var(--alternative-background)}.kint-rich table tr:hover>td{box-shadow:none;background:var(--highlight-color)}
</style>

    <meta charset="utf-8"/>
    <title>Dashboard | Koperasi Simpan Pinjam Sejahtera</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"/>
    <link href="http://localhost:3000/koperasi/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/css/style.bundle.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/css/themes/layout/header/base/light.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/css/themes/layout/header/menu/light.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/css/themes/layout/brand/dark.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost:3000/koperasi/assets/css/themes/layout/aside/dark.css" rel="stylesheet" type="text/css"/>
    </head>
<body id="kt_body" class="header-fixed header-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading">
<div class="d-flex flex-column flex-root">
    <div class="d-flex flex-row flex-column-fluid page">

        <div class="aside aside-left aside-fixed d-flex flex-column flex-row-auto" id="kt_aside">
    <!-- Brand -->
    <div class="brand flex-column-auto" id="kt_brand">
        <a href="http://localhost:3000/koperasi/dashboard" class="brand-logo">
            <span class="text-white font-weight-bolder font-size-h5">KOPERASI</span>
        </a>
        <button class="brand-toggle btn btn-sm px-0" id="kt_aside_toggle">
            <span class="svg-icon svg-icon-xl">
                <i class="flaticon2-menu-1 text-white"></i>
            </span>
        </button>
    </div>

    <!-- Aside Menu -->
    <div class="aside-menu-wrapper flex-column-fluid" id="kt_aside_menu_wrapper">
        <div id="kt_aside_menu" class="aside-menu my-4" data-menu-vertical="1" data-menu-scroll="1">
            <ul class="menu-nav">

                                <li class="menu-item menu-item-active">
                    <a href="http://localhost:3000/koperasi/dashboard" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-architecture-and-city"></i></span>
                        <span class="menu-text">Dashboard</span>
                    </a>
                </li>
                
                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/anggota" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-group"></i></span>
                        <span class="menu-text">Anggota</span>
                    </a>
                </li>
                
                                <li class="menu-section"><h4 class="menu-text">Simpan Pinjam</h4></li>
                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon-piggy-bank"></i></span>
                        <span class="menu-text">Simpanan</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/simpanan" class="menu-link"><span class="menu-text">Data Simpanan</span></a></li>
                                                        <li class="menu-item"><a href="http://localhost:3000/koperasi/simpanan/setor" class="menu-link"><span class="menu-text">Setor Simpanan</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/simpanan/tarik" class="menu-link"><span class="menu-text">Tarik Simpanan</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/jenis-simpanan" class="menu-link"><span class="menu-text">Jenis Simpanan</span></a></li>
                                                    </ul>
                    </div>
                </li>
                                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/simpanan/saya" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon-piggy-bank"></i></span>
                        <span class="menu-text">Simpanan Saya</span>
                    </a>
                </li>
                
                                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon-coins"></i></span>
                        <span class="menu-text">Pinjaman</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/pinjaman" class="menu-link"><span class="menu-text">Data Pinjaman</span></a></li>
                                                        <li class="menu-item"><a href="http://localhost:3000/koperasi/pinjaman/create" class="menu-link"><span class="menu-text">Pinjaman Baru</span></a></li>
                                                                                    <li class="menu-item"><a href="http://localhost:3000/koperasi/angsuran" class="menu-link"><span class="menu-text">Angsuran</span></a></li>
                                                    </ul>
                    </div>
                </li>
                                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/pinjaman/saya" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon-coins"></i></span>
                        <span class="menu-text">Pinjaman Saya</span>
                    </a>
                </li>
                                                <li class="menu-item">
                    <a href="http://localhost:3000/koperasi/pinjaman/ajukan" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-add-1"></i></span>
                        <span class="menu-text">Ajukan Pinjaman</span>
                    </a>
                </li>
                
                                <li class="menu-section"><h4 class="menu-text">Perdagangan</h4></li>

                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon2-box-1"></i></span>
                        <span class="menu-text">Barang</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/barang" class="menu-link"><span class="menu-text">Data Barang</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/unit" class="menu-link"><span class="menu-text">Unit / Satuan</span></a></li>
                        </ul>
                    </div>
                </li>

                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/penjualan/pos" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-shopping-cart-1"></i></span>
                        <span class="menu-text">Kasir (POS)</span>
                    </a>
                </li>
                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/penjualan" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-list-3"></i></span>
                        <span class="menu-text">Data Penjualan</span>
                    </a>
                </li>
                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/hutang" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-open-box"></i></span>
                        <span class="menu-text">Hutang Anggota</span>
                    </a>
                </li>
                
                                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon2-box"></i></span>
                        <span class="menu-text">Konsinyasi</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/konsinyasi" class="menu-link"><span class="menu-text">Data Konsinyasi</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/konsinyasi/create" class="menu-link"><span class="menu-text">Terima Titipan</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/konsinyasi/laporan" class="menu-link"><span class="menu-text">Laporan Monitoring</span></a></li>
                        </ul>
                    </div>
                </li>
                
                                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon2-shopping-cart"></i></span>
                        <span class="menu-text">Pembelian</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/pembelian" class="menu-link"><span class="menu-text">Data Pembelian</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/pembelian/create" class="menu-link"><span class="menu-text">Pembelian Baru</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/supplier" class="menu-link"><span class="menu-text">Supplier</span></a></li>
                        </ul>
                    </div>
                </li>
                                
                                <li class="menu-section"><h4 class="menu-text">Akuntansi</h4></li>
                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/akun" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-list-2"></i></span>
                        <span class="menu-text">Akun (COA)</span>
                    </a>
                </li>
                                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon2-writing"></i></span>
                        <span class="menu-text">Jurnal</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/jurnal" class="menu-link"><span class="menu-text">Daftar Jurnal</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/jurnal/buku-besar" class="menu-link"><span class="menu-text">Buku Besar</span></a></li>
                                                        <li class="menu-item"><a href="http://localhost:3000/koperasi/jurnal/create" class="menu-link"><span class="menu-text">Jurnal Manual</span></a></li>
                                                    </ul>
                    </div>
                </li>
                
                                <li class="menu-section"><h4 class="menu-text">Laporan</h4></li>
                <li class="menu-item menu-item-submenu " data-menu-toggle="hover" aria-haspopup="true">
                    <a href="javascript:;" class="menu-link menu-toggle">
                        <span class="svg-icon menu-icon"><i class="flaticon2-graph-1"></i></span>
                        <span class="menu-text">Laporan Keuangan</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="menu-submenu">
                        <ul class="menu-subnav">
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/laporan/neraca" class="menu-link"><span class="menu-text">Neraca</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/laporan/laba-rugi" class="menu-link"><span class="menu-text">Laba Rugi (SHU)</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/laporan/arus-kas" class="menu-link"><span class="menu-text">Arus Kas</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/laporan/simpanan" class="menu-link"><span class="menu-text">Laporan Simpanan</span></a></li>
                            <li class="menu-item"><a href="http://localhost:3000/koperasi/laporan/pinjaman" class="menu-link"><span class="menu-text">Laporan Pinjaman</span></a></li>
                        </ul>
                    </div>
                </li>
                
                                <li class="menu-section"><h4 class="menu-text">Administrasi</h4></li>
                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/pengguna" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-user"></i></span>
                        <span class="menu-text">Pengguna</span>
                    </a>
                </li>
                
                                                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/pengaturan" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-gear"></i></span>
                        <span class="menu-text">Pengaturan Koperasi</span>
                    </a>
                </li>
                <li class="menu-item ">
                    <a href="http://localhost:3000/koperasi/pengaturan/panduan" class="menu-link">
                        <span class="svg-icon menu-icon"><i class="flaticon2-help"></i></span>
                        <span class="menu-text">Edit Panduan</span>
                    </a>
                </li>
                
            </ul>
        </div>
    </div>
</div>

        <div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
            <!-- Header Mobile -->
<div id="kt_header_mobile" class="header-mobile align-items-center header-mobile-fixed">
    <a href="http://localhost:3000/koperasi/dashboard">
        <span class="text-primary font-weight-bolder font-size-h5">KOPERASI</span>
    </a>
    <div class="d-flex align-items-center">
        <button class="btn p-0 burger-icon burger-icon-left" id="kt_aside_mobile_toggle"><span></span></button>
        <button class="btn p-0 burger-icon ml-4" id="kt_header_mobile_topbar_toggle">
            <span class="svg-icon svg-icon-xl"><i class="flaticon2-user-outline-symbol"></i></span>
        </button>
    </div>
</div>

<!-- Header -->
<div id="kt_header" class="header header-fixed">
    <div class="container-fluid d-flex align-items-stretch justify-content-between">
        <div class="d-flex align-items-stretch mr-3">
            <div class="header-menu-wrapper header-menu-wrapper-left" id="kt_header_menu_wrapper">
                <div class="header-menu header-menu-mobile header-menu-layout-default">
                    <ul class="menu-nav">
                        <li class="menu-item menu-item-rel">
                            <span class="menu-link">
                                <span class="menu-text font-weight-bold text-dark">Koperasi Simpan Pinjam Sejahtera</span>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="topbar">
                                    <!-- Notifikasi Pengajuan Pinjaman -->
            <div class="topbar-item mr-1" style="position:relative;">
                <div class="btn btn-icon btn-clean btn-lg position-relative" id="kt_notif_toggle" title="Pengajuan Pinjaman Baru">
                    <span class="svg-icon svg-icon-xl"><i class="flaticon2-bell text-dark-50"></i></span>
                                    </div>
                <div id="kt_notif_dropdown" class="dropdown-menu dropdown-menu-right p-0" style="display:none;position:absolute;right:0;min-width:340px;z-index:100;">
                    <div class="d-flex flex-column bgi-size-cover bgi-no-repeat rounded-top bg-primary px-6 py-4">
                        <h4 class="text-white font-weight-bold m-0">Pengajuan Pinjaman
                            <span class="btn btn-white btn-sm font-weight-bold btn-font-primary ml-2">0 baru</span>
                        </h4>
                    </div>
                    <div class="navi navi-hover" style="max-height:320px;overflow:auto;">
                                                    <div class="navi-item"><span class="navi-link"><span class="navi-text text-muted">Tidak ada pengajuan baru.</span></span></div>
                                            </div>
                    <a href="http://localhost:3000/koperasi/pinjaman" class="d-block text-center py-3 border-top text-primary font-weight-bold">Lihat Semua Pinjaman</a>
                </div>
            </div>
            <script>
            (function(){
                var t = document.getElementById('kt_notif_toggle');
                var d = document.getElementById('kt_notif_dropdown');
                if (!t || !d) return;
                var sudahBaca = false;
                function tandaiBaca(){
                    if (sudahBaca) return; sudahBaca = true;
                    fetch('http://localhost:3000/koperasi/pinjaman/baca-notif', {
                        method: 'POST',
                        headers: {'X-Requested-With':'XMLHttpRequest','Content-Type':'application/x-www-form-urlencoded'},
                        body: 'csrf_test_name=29cf6a46de540bd57023d4bf8d4192c9'
                    }).then(function(){
                        var badge = t.querySelector('.label-danger');
                        if (badge) badge.style.display = 'none';
                    }).catch(function(){});
                }
                t.addEventListener('click', function(e){
                    e.stopPropagation();
                    var buka = (d.style.display === 'none' || !d.style.display);
                    d.style.display = buka ? 'block' : 'none';
                    if (buka) tandaiBaca(); // saat dibuka -> tandai semua terbaca
                });
                document.addEventListener('click', function(e){ if (!d.contains(e.target) && !t.contains(e.target)) d.style.display = 'none'; });
            })();
            </script>
            
                                    <!-- Pemilih Role Aktif (multi-role) -->
            <div class="topbar-item mr-1" style="position:relative;">
                <div class="btn btn-light-primary btn-sm font-weight-bold d-flex align-items-center" id="kt_role_toggle" title="Ganti Role Aktif">
                    <i class="flaticon2-user-1 mr-2"></i>
                    <span class="d-none d-md-inline mr-1">Role:</span>
                    <span class="font-weight-bolder">Super Admin</span>
                    <i class="ki ki-arrow-down icon-xs ml-2"></i>
                </div>
                <div id="kt_role_dropdown" class="dropdown-menu dropdown-menu-right p-0" style="display:none;position:absolute;right:0;min-width:240px;z-index:100;">
                    <div class="px-5 py-3 bg-light-primary rounded-top">
                        <span class="font-weight-bold text-dark">Pilih Role Aktif</span>
                    </div>
                    <div class="navi navi-hover py-2">
                                                                        <form action="http://localhost:3000/koperasi/switch-role" method="post" class="m-0">
                            <input type="hidden" name="csrf_test_name" value="29cf6a46de540bd57023d4bf8d4192c9">                            <input type="hidden" name="role_id" value="2609280349113139186">
                            <button type="submit" class="navi-item navi-link w-100 text-left border-0 bg-transparent bg-light-primary" style="cursor:pointer;" disabled>
                                <span class="navi-icon mr-2"><i class="flaticon2-user text-primary"></i></span>
                                <span class="navi-text font-weight-bolder text-primary">Super Admin</span>
                                <span class="label label-light-warning label-inline ml-2">default</span>                                <span class="ml-auto text-primary"><i class="flaticon2-check-mark icon-sm"></i></span>                            </button>
                        </form>
                                                                        <form action="http://localhost:3000/koperasi/switch-role" method="post" class="m-0">
                            <input type="hidden" name="csrf_test_name" value="29cf6a46de540bd57023d4bf8d4192c9">                            <input type="hidden" name="role_id" value="2609280349112167511">
                            <button type="submit" class="navi-item navi-link w-100 text-left border-0 bg-transparent " style="cursor:pointer;" >
                                <span class="navi-icon mr-2"><i class="flaticon2-user text-muted"></i></span>
                                <span class="navi-text font-weight-bold">Manager</span>
                                                                                            </button>
                        </form>
                                                                        <form action="http://localhost:3000/koperasi/switch-role" method="post" class="m-0">
                            <input type="hidden" name="csrf_test_name" value="29cf6a46de540bd57023d4bf8d4192c9">                            <input type="hidden" name="role_id" value="2609280349119654183">
                            <button type="submit" class="navi-item navi-link w-100 text-left border-0 bg-transparent " style="cursor:pointer;" >
                                <span class="navi-icon mr-2"><i class="flaticon2-user text-muted"></i></span>
                                <span class="navi-text font-weight-bold">Supervisor</span>
                                                                                            </button>
                        </form>
                                            </div>
                </div>
            </div>
            <script>
            (function(){
                var t = document.getElementById('kt_role_toggle');
                var d = document.getElementById('kt_role_dropdown');
                if (!t || !d) return;
                t.addEventListener('click', function(e){
                    e.stopPropagation();
                    d.style.display = (d.style.display === 'none' || !d.style.display) ? 'block' : 'none';
                });
                document.addEventListener('click', function(e){ if (!d.contains(e.target) && !t.contains(e.target)) d.style.display = 'none'; });
            })();
            </script>
            
            <!-- Tombol Bantuan -->
            <div class="topbar-item mr-1">
                <div class="btn btn-icon btn-clean btn-lg" data-toggle="modal" data-target="#modal-help" title="Bantuan / Panduan">
                    <span class="svg-icon svg-icon-xl"><i class="flaticon2-help text-primary"></i></span>
                </div>
            </div>
            <div class="topbar-item">
                <div class="btn btn-icon w-auto btn-clean d-flex align-items-center btn-lg px-2" id="kt_quick_user_toggle">
                    <span class="text-muted font-weight-bold font-size-base d-none d-md-inline mr-1">Halo,</span>
                    <span class="text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3">Super Administrator</span>
                    <span class="symbol symbol-35 symbol-light-primary">
                        <span class="symbol-label font-size-h5 font-weight-bold">S</span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Quick user panel -->
<div id="kt_quick_user" class="offcanvas offcanvas-right p-10">
    <div class="offcanvas-header d-flex align-items-center justify-content-between pb-5">
        <h3 class="font-weight-bold m-0">Profil Pengguna</h3>
        <a href="#" class="btn btn-xs btn-icon btn-light btn-hover-primary" id="kt_quick_user_close"><i class="ki ki-close icon-xs text-muted"></i></a>
    </div>
    <div class="offcanvas-content pr-5 mr-n5">
        <div class="d-flex align-items-center mt-5">
            <div class="symbol symbol-100 mr-5">
                <span class="symbol-label font-size-h1 font-weight-bold bg-light-primary text-primary">S</span>
            </div>
            <div class="d-flex flex-column">
                <span class="font-weight-bold font-size-h5 text-dark-75">Super Administrator</span>
                <span class="text-muted mt-1">Super Admin</span>
                <span class="text-muted mt-1">superadmin@koperasi.test</span>
                <div class="mt-4">
                    <a href="http://localhost:3000/koperasi/logout" class="btn btn-light-danger btn-bold">Keluar</a>
                    <a href="http://localhost:3000/koperasi/profil" class="btn btn-light-primary btn-bold">Profil</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ============ Modal Bantuan / Panduan ============ -->
<div class="modal fade" id="modal-help" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="flaticon2-help text-primary mr-2"></i> Panduan Penggunaan Aplikasi</h5>
                <div>
                                        <a href="http://localhost:3000/koperasi/pengaturan/panduan" class="btn btn-sm btn-light-primary font-weight-bold mr-2"><i class="flaticon2-edit"></i> Edit Panduan</a>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            </div>
            <div class="modal-body">
                <div class="help-content"><p>Berikut ringkasan modul dan cara kerjanya untuk membantu Anda mengelola aplikasi.</p>
<h4>Dashboard</h4>
<p>Ringkasan kondisi koperasi: jumlah anggota, total simpanan, pinjaman beredar, saldo kas, dan antrian persetujuan pinjaman. Anggota melihat ringkasan miliknya sendiri.</p>
<h4>Anggota</h4>
<p>Kelola data anggota (nomor anggota otomatis). Buka detail untuk melihat riwayat simpanan &amp; pinjaman.</p>
<h4>Simpanan</h4>
<p>Simpanan pokok, wajib, dan sukarela. Setoran &amp; penarikan otomatis membuat jurnal. Penarikan divalidasi terhadap saldo dan hanya untuk jenis yang boleh ditarik.</p>
<h4>Pinjaman &amp; Angsuran</h4>
<p>Alur: pengajuan &rarr; persetujuan (supervisor) &rarr; pencairan (jadwal angsuran &amp; jurnal otomatis) &rarr; pembayaran angsuran (pokok + bunga). Bunga flat atau menurun.</p>
<h4>Penjualan (Kasir/POS)</h4>
<p>Kasir toko. Mendukung pelanggan umum &amp; anggota, multi-unit (mis. pcs/box), tombol nominal cepat, serta tipe bayar Cash, QRIS, Transfer, OVO, GoPay, DANA, dan Kredit. Kredit wajib atas nama anggota dan dilunasi di menu Hutang Anggota.</p>
<h4>Pembelian (PO)</h4>
<p>Pembelian barang dari supplier. Menambah stok sesuai faktor unit dan membuat jurnal persediaan otomatis (tunai/hutang).</p>
<h4>Barang, Unit &amp; Multi-Satuan</h4>
<p>Master barang dengan multi-unit (1 box = 24 pcs) dan multi-supplier. Wajib ada satuan dasar (faktor 1) karena laporan stok memakai satuan terkecil. Tandai unit default untuk beli dan jual.</p>
<h4>Konsinyasi (Titip Jual)</h4>
<p>Barang titipan pemilik dengan bagi hasil. Saat titip tidak ada jurnal; saat terjual, komisi menjadi pendapatan koperasi dan sisanya menjadi hutang ke pemilik. Setoran ke pemilik dan pantau di Laporan Monitoring.</p>
<h4>Akuntansi &amp; Laporan</h4>
<p>Semua transaksi tercatat double-entry otomatis. Tersedia Jurnal, Buku Besar, serta laporan Neraca, Laba Rugi (SHU), Arus Kas, simpanan, dan pinjaman — bisa diekspor ke PDF/Excel/CSV atau dicetak.</p>
<h4>Administrasi</h4>
<p>Kelola pengguna &amp; hak akses, serta Pengaturan Koperasi (identitas yang tampil di header, kop laporan, dan struk). Panduan ini juga dapat disunting oleh Super Admin.</p></div>

                <div class="alert alert-light-primary mt-5">
                    <div class="font-weight-bold mb-1">Catatan Umum</div>
                    <ul class="mb-0 font-size-sm">
                        <li>Semua transaksi keuangan otomatis tercatat di jurnal (pembukuan double-entry) dan langsung muncul di laporan keuangan.</li>
                        <li>Kolom pilihan dilengkapi pencarian — ketik untuk memfilter.</li>
                        <li>Menu yang tampil menyesuaikan hak akses (role) Anda.</li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary font-weight-bold" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>

            <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                <!-- Subheader -->
                <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
                    <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
                        <div class="d-flex align-items-center flex-wrap mr-1">
                            <div class="d-flex align-items-baseline flex-wrap mr-5">
                                <h5 class="text-dark font-weight-bold my-1 mr-5">Dashboard</h5>
                            </div>
                        </div>
                                            </div>
                </div>

                <div class="d-flex flex-column-fluid">
                    <div class="container-fluid">
                                                    <div class="alert alert-success alert-dismissible" role="alert">
                                Selamat datang, Super Administrator!                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                            </div>
                                                                        
                        
<div class="row">
    <div class="col-xl-3 col-md-6">
        <div class="card card-custom bg-light-primary card-stretch gutter-b">
            <div class="card-body">
                <span class="svg-icon svg-icon-3x svg-icon-primary"><i class="flaticon2-group text-primary" style="font-size:2.5rem"></i></span>
                <div class="text-primary font-weight-bolder font-size-h2 mt-3">1</div>
                <span class="font-weight-bold text-muted font-size-sm">Anggota Aktif</span>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card card-custom bg-light-success card-stretch gutter-b">
            <div class="card-body">
                <span class="svg-icon svg-icon-3x svg-icon-success"><i class="flaticon-piggy-bank text-success" style="font-size:2.5rem"></i></span>
                <div class="text-success font-weight-bolder font-size-h4 mt-3">Rp 0</div>
                <span class="font-weight-bold text-muted font-size-sm">Total Simpanan</span>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card card-custom bg-light-warning card-stretch gutter-b">
            <div class="card-body">
                <span class="svg-icon svg-icon-3x svg-icon-warning"><i class="flaticon-coins text-warning" style="font-size:2.5rem"></i></span>
                <div class="text-warning font-weight-bolder font-size-h4 mt-3">Rp 0</div>
                <span class="font-weight-bold text-muted font-size-sm">Pinjaman Beredar</span>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card card-custom bg-light-info card-stretch gutter-b">
            <div class="card-body">
                <span class="svg-icon svg-icon-3x svg-icon-info"><i class="flaticon2-box text-info" style="font-size:2.5rem"></i></span>
                <div class="text-info font-weight-bolder font-size-h4 mt-3">Rp 0</div>
                <span class="font-weight-bold text-muted font-size-sm">Saldo Kas</span>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card card-custom gutter-b">
            <div class="card-header">
                <div class="card-title"><h3 class="card-label">Pinjaman Menunggu Persetujuan
                    <span class="badge badge-warning ml-2">0</span></h3></div>
            </div>
            <div class="card-body">
                                    <div class="text-muted">Tidak ada pinjaman yang menunggu persetujuan.</div>
                            </div>
        </div>
    </div>
</div>

                    </div>
                </div>
            </div>

            <div class="footer bg-white py-4 d-flex flex-lg-column" id="kt_footer">
    <div class="container-fluid d-flex flex-column flex-md-row align-items-center justify-content-between">
        <div class="text-dark order-2 order-md-1">
            <span class="text-muted font-weight-bold mr-2">2026</span>
            <a href="http://localhost:3000/koperasi/dashboard" class="text-dark-75 text-hover-primary">Koperasi Simpan Pinjam Sejahtera</a>
        </div>
        <div class="nav nav-dark order-1 order-md-2">
            <span class="nav-link pr-3 pl-0 text-muted">CodeIgniter 4 &middot; PHP 8.2.33</span>
        </div>
    </div>
</div>
        </div>
    </div>
</div>

<script>var HOST_URL = "http://localhost:3000/koperasi/";</script>
<script src="http://localhost:3000/koperasi/assets/plugins/global/plugins.bundle.js"></script>
<script src="http://localhost:3000/koperasi/assets/plugins/custom/datatables/datatables.bundle.js"></script>
<script src="http://localhost:3000/koperasi/assets/js/scripts.bundle.js"></script>
<script>
// Inisialisasi Select2 global untuk semua <select class="select2">
function initSelect2(scope){
    scope = scope || document;
    $(scope).find('select.select2').each(function(){
        var $el = $(this);
        if ($el.hasClass('select2-hidden-accessible')) return; // sudah diinisialisasi
        $el.select2({
            width: '100%',
            placeholder: $el.data('placeholder') || $el.find('option[value=""]').first().text() || 'Pilih...',
            allowClear: $el.data('allow-clear') || false,
            language: {
                noResults: function(){ return 'Tidak ada data'; },
                searching: function(){ return 'Mencari...'; }
            }
        });
    });
}
$(function(){ initSelect2(document); });

// Konfirmasi global untuk tombol Blokir/Aktifkan (menggantikan Hapus).
$(document).on('click', '.btn-block-toggle', function(e){
    var aksi = $(this).data('aksi') === 'aktifkan' ? 'Aktifkan' : 'Blokir';
    var pesan = aksi === 'Blokir'
        ? 'Blokir data ini? Data tidak dihapus, hanya dinonaktifkan dan tidak tampil di transaksi.'
        : 'Aktifkan kembali data ini?';
    if (! confirm(pesan)) e.preventDefault();
});
</script>
</body>
</html>
