SET foreign_key_checks = 0;
SET sql_mode = 'NO_AUTO_VALUE_ON_ZERO';

CREATE TABLE `cp4_filecss` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `modul` varchar(20) DEFAULT NULL,
  `slug` varchar(99) DEFAULT NULL,
  `name` varchar(99) DEFAULT NULL,
  `param` varchar(99) DEFAULT NULL,
  `method` varchar(99) NOT NULL DEFAULT 'POST',
  `folder` varchar(20) DEFAULT NULL,
  `php` text DEFAULT NULL,
  `body` text DEFAULT NULL,
  `remark` varchar(150) DEFAULT NULL,
  `st` tinyint(4) NOT NULL,
  `type` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=api,2=non api',
  `del` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=delete',
  `php_tes` tinyint(4) NOT NULL DEFAULT 0,
  `php_update_at` int(11) NOT NULL DEFAULT 0,
  `php_test_at` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `folder_slug` (`folder`,`slug`),
  KEY `id_folder_slug` (`id`,`folder`,`slug`),
  KEY `name` (`name`)
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

INSERT INTO `cp4_filecss` VALUES('1','','custom','item','op=job','GET','fin4/css/','','','','0','0','0','0','1743983414','0');
INSERT INTO `cp4_filecss` VALUES('2','','buzzle','','','POST','fin4/css/','','','','0','1','0','0','1743991711','0');
INSERT INTO `cp4_filecss` VALUES('4','','margin','','','POST','fin4/css/','','','','0','1','0','0','1745448028','0');
INSERT INTO `cp4_filecss` VALUES('5','','app','','','POST','fin4/css/','','','','0','1','0','0','1745448060','0');
INSERT INTO `cp4_filecss` VALUES('6','','btn_color','','','POST','fin4/css/','','','','0','1','0','0','1745448078','0');
INSERT INTO `cp4_filecss` VALUES('7','','ce','','','POST','fin4/css/','','','','0','1','0','0','1745448092','0');
INSERT INTO `cp4_filecss` VALUES('8','','color','','','POST','fin4/css/','','','','0','1','0','0','1745448105','0');
INSERT INTO `cp4_filecss` VALUES('9','','icons','','','POST','fin4/css/','','','','0','1','0','0','1745448139','0');
INSERT INTO `cp4_filecss` VALUES('10','','index','','','POST','fin4/css/','','','','0','1','0','0','1745448151','0');
INSERT INTO `cp4_filecss` VALUES('11','','framework7.bundle.min','','','POST','fin4/framework7/','','','','0','1','0','0','1747295339','0');
INSERT INTO `cp4_filecss` VALUES('12','','style','','','POST','fin4/theme/yui/css/','','','','0','1','0','0','1747298776','0');
INSERT INTO `cp4_filecss` VALUES('13','','yui','','','POST','fin4/css/','','','','0','1','0','0','1747302882','0');


CREATE TABLE `cp4_filehtml` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `modul` varchar(20) DEFAULT NULL,
  `slug` varchar(99) DEFAULT NULL,
  `name` varchar(99) DEFAULT NULL,
  `param` varchar(99) DEFAULT NULL,
  `method` varchar(99) NOT NULL DEFAULT 'POST',
  `folder` varchar(20) DEFAULT NULL,
  `php` text DEFAULT NULL,
  `body` text DEFAULT NULL,
  `remark` varchar(150) DEFAULT NULL,
  `st` tinyint(4) NOT NULL,
  `type` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=api,2=non api',
  `del` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=delete',
  `php_tes` tinyint(4) NOT NULL DEFAULT 0,
  `php_update_at` int(11) NOT NULL DEFAULT 0,
  `php_test_at` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `folder_slug` (`folder`,`slug`),
  KEY `id_folder_slug` (`id`,`folder`,`slug`),
  KEY `name` (`name`)
) ENGINE=InnoDB AUTO_INCREMENT=25 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

INSERT INTO `cp4_filehtml` VALUES('1','post','index','item','op=job','GET','fin4/','','','','0','0','0','0','1743694817','0');


CREATE TABLE `cp4_filejs` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `modul` varchar(20) DEFAULT NULL,
  `slug` varchar(99) DEFAULT NULL,
  `name` varchar(99) DEFAULT NULL,
  `param` varchar(99) DEFAULT NULL,
  `method` varchar(99) NOT NULL DEFAULT 'POST',
  `folder` varchar(20) DEFAULT NULL,
  `php` text DEFAULT NULL,
  `body` text DEFAULT NULL,
  `remark` varchar(150) DEFAULT NULL,
  `st` tinyint(4) NOT NULL,
  `type` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=api,2=non api',
  `del` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=delete',
  `php_tes` tinyint(4) NOT NULL DEFAULT 0,
  `php_update_at` int(11) NOT NULL DEFAULT 0,
  `php_test_at` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `folder_slug` (`folder`,`slug`),
  KEY `id_folder_slug` (`id`,`folder`,`slug`),
  KEY `name` (`name`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

INSERT INTO `cp4_filejs` VALUES('1','','app','item','op=job','GET','fin4/js/','','','','0','0','0','0','1743896515','0');
INSERT INTO `cp4_filejs` VALUES('2','','routes','','','POST','fin4/js/','','','','0','0','0','0','1743695863','0');
INSERT INTO `cp4_filejs` VALUES('3','','utils','','','POST','fin4/js/','','','','0','0','0','0','1743896511','0');
INSERT INTO `cp4_filejs` VALUES('4','','index','','','POST','fin4/js/','','','','0','1','0','0','1747050097','0');


CREATE TABLE `cp4_html_page` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `path` varchar(44) DEFAULT NULL,
  `path_right` varchar(44) DEFAULT NULL,
  `name` varchar(44) DEFAULT NULL,
  `title` varchar(44) DEFAULT NULL,
  `title_right` varchar(44) DEFAULT NULL,
  `custom` text DEFAULT NULL,
  `menu` text DEFAULT NULL,
  `body` text DEFAULT NULL,
  `del` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=delete',
  `content_id` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=yes,0=no',
  `level` tinyint(4) NOT NULL DEFAULT 0,
  `page_type` tinyint(4) NOT NULL COMMENT '1=with_menu,2=no_menu',
  `view_title` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `view_navbar` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=yes,0=no',
  `view_left_panel` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `searchbar` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `back_or_paret` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=parent,0=back',
  `url_type` varchar(20) DEFAULT NULL COMMENT 'url,componentUrl',
  `icon_right` varchar(20) DEFAULT NULL,
  `icon` varchar(20) DEFAULT NULL,
  `parent` int(11) NOT NULL DEFAULT 0,
  `update_at` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `path` (`path`),
  KEY `id_folder_slug` (`id`,`path`(20)),
  KEY `name` (`name`)
) ENGINE=InnoDB AUTO_INCREMENT=50 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

INSERT INTO `cp4_html_page` VALUES('1','about_us/','','about_us','About Us','','','','<template>\n  <div class="page page-about_us" data-name="about_us">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>About Us</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="about_us_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747057767');
INSERT INTO `cp4_html_page` VALUES('2','account/','','account','Account','','<div class="list">
\n        <ul>
\n          <li>
\n            <a href="/account_edit/" data-transition="f7-dive" class="item-link item-content">
\n              <div class="item-media">
\n                <i class="icon f7-icons">pencil_circle</i>
\n              </div>
\n              <div class="item-inner">
\n                <div class="item-title">Edit Account</div>
\n              </div>
\n            </a>
\n          </li>
\n          <li>
\n            <a href="/address/" data-transition="f7-dive" class="item-link item-content">
\n              <div class="item-media">
\n                <i class="icon f7-icons">search_circle</i>
\n              </div>
\n              <div class="item-inner">
\n                <div class="item-title">Address</div>
\n              </div>
\n            </a>
\n          </li>
\n          <li>
\n            <a href="/password_change/" data-transition="f7-dive" class="item-link item-content">
\n              <div class="item-media">
\n                <i class="icon f7-icons">arrow_right_arrow_left_circle</i>
\n              </div>
\n              <div class="item-inner">
\n                <div class="item-title">Change Password</div>
\n              </div>
\n            </a>
\n          </li>
\n          <li>
\n            <a href="/account_delete/" data-transition="f7-dive" class="item-link item-content">
\n              <div class="item-media">
\n                <i class="icon f7-icons">multiply_circle</i>
\n              </div>
\n              <div class="item-inner">
\n                <div class="item-title">Delete Account</div>
\n              </div>
\n            </a>
\n          </li>
\n           
\n        </ul>
\n      </div>
\n      <div class="container">
\n        <div class="row">
\n        <a id="signout" class="btn btn-danger btn-f600 btn-block">Logout</a>
\n        </div>
\n      </div>','<div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
\n<div class="toolbar-inner">
\n    <a href="/home/" data-transition="f7-cover-v" class="link">
\n    <i class="icon material-symbols-outlined">home</i>
\n    <span class="tabbar-label">Home</span>
\n    </a>
\n    <a href="/action/" data-transition="f7-cover-v" class="link">
\n    <i class="icon material-symbols-outlined">folder</i>
\n    <span class="tabbar-label">Action</span>
\n    </a>
\n    <a href="/account/" data-transition="f7-cover-v" class="link tab-link-active">
\n    <i class="icon material-icons">person</i>
\n    <span class="tabbar-label">Account</span>
\n    </a>
\n    <a href="/more/" data-transition="f7-cover-v" class="link">
\n    <i class="icon material-symbols-outlined">more_horiz</i>
\n    <span class="tabbar-label">More</span>
\n    </a>
\n  </div>
\n</div>','<template>\n  <div class="page page-account page-with-subnavbar" data-name="account">\n    <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">\n      <div class="toolbar-inner">\n        <a href="/home/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">home</i>\n          <span class="tabbar-label">Home</span>\n        </a>\n        <a href="/action/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">folder</i>\n          <span class="tabbar-label">Action</span>\n        </a>\n        <a href="/account/" data-transition="f7-cover-v" class="link tab-link-active">\n          <i class="icon material-icons">person</i>\n          <span class="tabbar-label">Account</span>\n        </a>\n        <a href="/more/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">more_horiz</i>\n          <span class="tabbar-label">More</span>\n        </a>\n      </div>\n    </div>\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="title">\n          <h4>Account</h4>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="list">\n        <ul>\n          <li>\n            <a href="/account_edit/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon f7-icons">pencil_circle</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Edit Account</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/address/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon f7-icons">search_circle</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Address</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/password_change/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon f7-icons">arrow_right_arrow_left_circle</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Change Password</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/account_delete/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon f7-icons">multiply_circle</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Delete Account</div>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n      <div class="container">\n        <div class="row">\n          <a id="signout" class="btn btn-danger btn-f600 btn-block">Logout</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>','1','0','1','1','0','1','0','0','0','componentUrl','','account_circle','0','1746936271');
INSERT INTO `cp4_html_page` VALUES('3','home/','','home','Home','','','<div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
\n<div class="toolbar-inner">
\n    <a href="/home/" data-transition="f7-cover-v" class="link tab-link-active">
\n      <i class="icon material-icons">home</i>
\n      <span class="tabbar-label">Home</span>
\n    </a>
\n    <a href="/action/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">folder</i>
\n      <span class="tabbar-label">Action</span>
\n    </a>
\n    <a href="/account/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">person</i>
\n      <span class="tabbar-label">Account</span>
\n    </a>
\n    <a href="/more/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">more_horiz</i>
\n      <span class="tabbar-label">More</span>
\n    </a>
\n  </div>
\n</div>','<template>\n  <div class="page page-home page-with-subnavbar" data-name="home">\n    <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">\n      <div class="toolbar-inner">\n        <a href="/home/" data-transition="f7-cover-v" class="link tab-link-active">\n          <i class="icon material-icons">home</i>\n          <span class="tabbar-label">Home</span>\n        </a>\n        <a href="/action/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">folder</i>\n          <span class="tabbar-label">Action</span>\n        </a>\n        <a href="/account/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">person</i>\n          <span class="tabbar-label">Account</span>\n        </a>\n        <a href="/more/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">more_horiz</i>\n          <span class="tabbar-label">More</span>\n        </a>\n      </div>\n    </div>\n    <div class="page-content" id="home_content">\n    </div>\n  </div>\n</template>','1','1','1','1','0','0','0','0','0','componentUrl','','home','0','1746930933');
INSERT INTO `cp4_html_page` VALUES('4','action/','action_add','action','Action','Add','','<div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
\n<div class="toolbar-inner">
\n    <a href="/home/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">home</i>
\n      <span class="tabbar-label">Home</span>
\n    </a>
\n    <a href="/action/" data-transition="f7-cover-v" class="link tab-link-active">
\n      <i class="icon material-icons">folder</i>
\n      <span class="tabbar-label">Action</span>
\n    </a>
\n    <a href="/account/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">person</i>
\n      <span class="tabbar-label">Account</span>
\n    </a>
\n    <a href="/more/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">more_horiz</i>
\n      <span class="tabbar-label">More</span>
\n    </a>
\n  </div>
\n</div>','<template>\n  <div class="page page-action page-with-subnavbar" data-name="action">\n    <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">\n      <div class="toolbar-inner">\n        <a href="/home/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">home</i>\n          <span class="tabbar-label">Home</span>\n        </a>\n        <a href="/action/" data-transition="f7-cover-v" class="link tab-link-active">\n          <i class="icon material-icons">folder</i>\n          <span class="tabbar-label">Action</span>\n        </a>\n        <a href="/account/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">person</i>\n          <span class="tabbar-label">Account</span>\n        </a>\n        <a href="/more/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">more_horiz</i>\n          <span class="tabbar-label">More</span>\n        </a>\n      </div>\n    </div>\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="title">\n          <h4>Action</h4>\n        </div>\n        <div class="right">\n          <a href="/action_add/" class="link">\n            <i class="icon material-symbols-outlined">add</i>Add</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="action_content">\n    </div>\n  </div>\n</template>','1','1','1','1','0','1','0','0','0','componentUrl','add','folder','0','1746930920');
INSERT INTO `cp4_html_page` VALUES('5','more/','','more','More Info','','<div class="list">
\n  <ul>
\n    <li>
\n      <a href="/company/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">meeting_room</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Company</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">factory</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Inventory</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/journal/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">leaderboard</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Journal</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/person/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">person</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Person</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/product/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">category</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Product</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">sync_alt</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Transaction</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/sales/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">shopping_cart</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Sales</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">info</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">About Us</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/faq/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">help</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">FAQ</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/terms/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined">assignment_turned_in</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Term & Condition</div>
\n        </div>
\n      </a>
\n    </li>
\n  </ul>
\n</div>','<div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
\n<div class="toolbar-inner">
\n    <a href="/home/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">home</i>
\n      <span class="tabbar-label">Home</span>
\n    </a>
\n    <a href="/action/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">folder</i>
\n      <span class="tabbar-label">Action</span>
\n    </a>
\n    <a href="/account/" data-transition="f7-cover-v" class="link">
\n      <i class="icon material-symbols-outlined">person</i>
\n      <span class="tabbar-label">Account</span>
\n    </a>
\n    <a href="/more/" data-transition="f7-cover-v" class="link tab-link-active">
\n      <i class="icon material-icons">more_horiz</i>
\n      <span class="tabbar-label">More</span>
\n    </a>
\n  </div>
\n</div>','<template>\n  <div class="page page-more page-with-subnavbar" data-name="more">\n    <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">\n      <div class="toolbar-inner">\n        <a href="/home/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">home</i>\n          <span class="tabbar-label">Home</span>\n        </a>\n        <a href="/action/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">folder</i>\n          <span class="tabbar-label">Action</span>\n        </a>\n        <a href="/account/" data-transition="f7-cover-v" class="link">\n          <i class="icon material-symbols-outlined">person</i>\n          <span class="tabbar-label">Account</span>\n        </a>\n        <a href="/more/" data-transition="f7-cover-v" class="link tab-link-active">\n          <i class="icon material-icons">more_horiz</i>\n          <span class="tabbar-label">More</span>\n        </a>\n      </div>\n    </div>\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="title">\n          <h4>More Info</h4>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="list">\n        <ul>\n          <li>\n            <a href="/company/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">meeting_room</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Company</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">factory</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Inventory</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/journal/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">leaderboard</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Journal</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/person/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">person</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Person</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/product/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">category</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Product</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">sync_alt</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Transaction</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/sales/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">shopping_cart</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Sales</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">info</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">About Us</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/faq/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">help</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">FAQ</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/terms/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined">assignment_turned_in</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Term & Condition</div>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>','1','0','1','1','0','1','0','0','0','componentUrl','','','0','1747005231');
INSERT INTO `cp4_html_page` VALUES('6','account_delete/','','account_delete','Account Delete','','<form class="mt-20">
\n  <label for="email">Email</label>
\n  <input type="text" id="email_4" name="email_4" placeholder="example@email.com">
\n  <label for="comment">Reason</label>
\n  <textarea id="reason_4" placeholder="Your comment here" id="comment"></textarea>
\n
\n  <button id="account_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n</form>','','<template>\n  <div class="page page-account_delete" data-name="account_delete">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Account Delete</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="content text-center">\n        <h3 class="page-title">Account Delete</h3>\n      </div>\n      <form class="mt-20">\n        <label for="email">Email</label>\n        <input type="text" id="email_4" name="email_4" placeholder="example@email.com">\n        <label for="comment">Reason</label>\n        <textarea id="reason_4" placeholder="Your comment here" id="comment">\n        </textarea>\n        <button id="account_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n      </form>\n    </div>\n  </div>\n</template>','0','0','3','2','1','1','0','0','0','componentUrl','','','2','1747474083');
INSERT INTO `cp4_html_page` VALUES('7','account_edit/','','account_edit','Account Edit','','<form class="list">
\n        <input name="uuid_3" type="hidden">
\n        <input name="token_3" type="hidden">
\n        <ul>
\n          
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Email</div>
\n              <div class="item-input-wrap">
\n                <input name="email_3" type="text" disabled placeholder="Email">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">First Name</div>
\n              <div class="item-input-wrap">
\n                <input name="first_name_3" type="text" placeholder="First Name">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Last Name</div>
\n              <div class="item-input-wrap">
\n                <input name="last_name_3" type="text" placeholder="Last Name">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Phone/WhatsApp</div>
\n              <div class="item-input-wrap">
\n                <input name="phone_3" type="text" placeholder="Phone/WhatsApp">
\n              </div>
\n            </div>
\n          </li>
\n          
\n        </ul>
\n<div class="separator-medium"></div>
\n          <div class="container">
\n            <button id="account_edit_button" class="btn btn-primary fw-700 btn-block">Save</button>
\n          </div>
\n
\n
\n      </form>
\n      <div class="separator-medium"></div>
\n      <div class="container text-center ">
\n            <button id="user_signout" class="btn btn-danger fw-700 btn-block">Logout</button>
\n      </div>','','<template>\n  <div class="page page-account_edit" data-name="account_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Account Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input name="uuid_3" type="hidden">\n        <input name="token_3" type="hidden">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Email</div>\n              <div class="item-input-wrap">\n                <input name="email_3" type="text" disabled placeholder="Email">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">First Name</div>\n              <div class="item-input-wrap">\n                <input name="first_name_3" type="text" placeholder="First Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Last Name</div>\n              <div class="item-input-wrap">\n                <input name="last_name_3" type="text" placeholder="Last Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Phone/WhatsApp</div>\n              <div class="item-input-wrap">\n                <input name="phone_3" type="text" placeholder="Phone/WhatsApp">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="account_edit_button" class="btn btn-primary fw-700 btn-block">Save</button>\n        </div>\n      </form>\n      <div class="separator-medium">\n      </div>\n      <div class="container text-center ">\n        <button id="user_signout" class="btn btn-danger fw-700 btn-block">Logout</button>\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','2','1747108833');
INSERT INTO `cp4_html_page` VALUES('8','action_add/','','action_add','Action Add','','','','<template>\n  <div class="page page-action_add" data-name="action_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Action Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','2','2','0','1','0','0','0','componentUrl','','','4','1747059432');
INSERT INTO `cp4_html_page` VALUES('9','action_edit/:id','','action_edit','Action Edit','','','','<template>\n  <div class="page page-action_edit" data-name="action_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Action Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','2','2','0','1','0','0','0','componentUrl','','','4','1747059446');
INSERT INTO `cp4_html_page` VALUES('10','address/','address_add','address','Address','Add','','','<template>\n  <div class="page page-address" data-name="address">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Address</h5>\n        </div>\n        <div class="right">\n          <a href="/address_add/" class="link">\n            <i class="icon material-symbols-outlined">add</i>Add</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="address_content">\n    </div>\n  </div>\n</template>','0','1','3','2','0','1','0','0','0','componentUrl','add','','2','1747092520');
INSERT INTO `cp4_html_page` VALUES('11','address_add/','','address_add','Address Add','','<form class="list">
\n        <ul>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Label</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_label" type="text" placeholder="Label">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Name</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_name" type="text" placeholder="Name">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Phone/WhatsApp</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_phone" type="text" placeholder="Phone/WhatsApp">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Address</div>
\n              <div class="item-input-wrap">
\n                <textarea id="ad_address" placeholder="Address"></textarea>
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="row">
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">RT</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_rt" type="text" placeholder="RT">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">RW</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_rw" type="text" placeholder="RW">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n            </div>
\n          </li>
\n          <div class="separator-small"></div>
\n          <li class="item-content item-input">
\n            <div class="row">
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">No</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_no" type="text" placeholder="No">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">Kode Pos</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_postcode" type="text" placeholder="Kode Pos">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n            </div>
\n          </li>
\n          <div class="separator-small"></div>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Desa/Kelurahan</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_kel" type="text" placeholder="Desa/Kelurahan">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Kecamatan</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_kec" type="text" placeholder="Kecamatan">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Kota</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_city" type="text" placeholder="Kota">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">URL GoogleMap</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_gmap" type="text" placeholder="URL GoogleMap">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Keterangan</div>
\n              <div class="item-input-wrap">
\n                <textarea id="ad_remark" placeholder="Keterangan"></textarea>
\n              </div>
\n            </div>
\n          </li>
\n          
\n        </ul>
\n        <div class="separator-medium"></div>
\n        <div class="container">
\n          <button id="address_add_button" class="btn btn-primary btn-block fw-700">Add Address</button>
\n        </div>
\n      </form>
\n      <div class="separator-large"></div>','','<template>\n  <div class="page page-address_add" data-name="address_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Address Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Label</div>\n              <div class="item-input-wrap">\n                <input id="ad_label" type="text" placeholder="Label">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="ad_name" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Phone/WhatsApp</div>\n              <div class="item-input-wrap">\n                <input id="ad_phone" type="text" placeholder="Phone/WhatsApp">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <textarea id="ad_address" placeholder="Address">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">RT</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_rt" type="text" placeholder="RT">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">RW</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_rw" type="text" placeholder="RW">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">No</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_no" type="text" placeholder="No">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Kode Pos</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_postcode" type="text" placeholder="Kode Pos">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Desa/Kelurahan</div>\n              <div class="item-input-wrap">\n                <input id="ad_kel" type="text" placeholder="Desa/Kelurahan">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Kecamatan</div>\n              <div class="item-input-wrap">\n                <input id="ad_kec" type="text" placeholder="Kecamatan">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Kota</div>\n              <div class="item-input-wrap">\n                <input id="ad_city" type="text" placeholder="Kota">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">URL GoogleMap</div>\n              <div class="item-input-wrap">\n                <input id="ad_gmap" type="text" placeholder="URL GoogleMap">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Keterangan</div>\n              <div class="item-input-wrap">\n                <textarea id="ad_remark" placeholder="Keterangan">\n                </textarea>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="address_add_button" class="btn btn-primary btn-block fw-700">Add Address</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','10','1747176146');
INSERT INTO `cp4_html_page` VALUES('12','address_edit/:id','','address_edit','Address Edit','','<form class="list">
\n        <input type="hidden" id="ad_id">
\n        <ul>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Label</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_label" type="text" placeholder="Label">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Name</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_name" type="text" placeholder="Name">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Phone/WhatsApp</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_phone" type="text" placeholder="Phone/WhatsApp">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Address</div>
\n              <div class="item-input-wrap">
\n                <textarea id="ad_address" placeholder="Address"></textarea>
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="row">
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">RT</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_rt" type="text" placeholder="RT">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">RW</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_rw" type="text" placeholder="RW">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n            </div>
\n          </li>
\n          <div class="separator-small"></div>
\n          <li class="item-content item-input">
\n            <div class="row">
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">No</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_no" type="text" placeholder="No">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">Kode Pos</div>
\n                    <div class="item-input-wrap">
\n                      <input id="ad_postcode" type="text" placeholder="Kode Pos">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n            </div>
\n          </li>
\n          <div class="separator-small"></div>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Desa/Kelurahan</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_kel" type="text" placeholder="Desa/Kelurahan">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Kecamatan</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_kec" type="text" placeholder="Kecamatan">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Kota</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_city" type="text" placeholder="Kota">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">URL GoogleMap</div>
\n              <div class="item-input-wrap">
\n                <input id="ad_gmap" type="text" placeholder="URL GoogleMap">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Keterangan</div>
\n              <div class="item-input-wrap">
\n                <textarea id="ad_remark" placeholder="Keterangan"></textarea>
\n              </div>
\n            </div>
\n          </li>
\n          
\n        </ul>
\n      <div class="separator-large"></div>
\n          <div class="container">
\n            <button id="address_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n          </div>
\n      </form>
\n      <div class="separator-large"></div>','','<template>\n  <div class="page page-address_edit" data-name="address_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Address Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input type="hidden" id="ad_id">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Label</div>\n              <div class="item-input-wrap">\n                <input id="ad_label" type="text" placeholder="Label">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="ad_name" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Phone/WhatsApp</div>\n              <div class="item-input-wrap">\n                <input id="ad_phone" type="text" placeholder="Phone/WhatsApp">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <textarea id="ad_address" placeholder="Address">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">RT</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_rt" type="text" placeholder="RT">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">RW</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_rw" type="text" placeholder="RW">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">No</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_no" type="text" placeholder="No">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Kode Pos</div>\n                    <div class="item-input-wrap">\n                      <input id="ad_postcode" type="text" placeholder="Kode Pos">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Desa/Kelurahan</div>\n              <div class="item-input-wrap">\n                <input id="ad_kel" type="text" placeholder="Desa/Kelurahan">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Kecamatan</div>\n              <div class="item-input-wrap">\n                <input id="ad_kec" type="text" placeholder="Kecamatan">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Kota</div>\n              <div class="item-input-wrap">\n                <input id="ad_city" type="text" placeholder="Kota">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">URL GoogleMap</div>\n              <div class="item-input-wrap">\n                <input id="ad_gmap" type="text" placeholder="URL GoogleMap">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Keterangan</div>\n              <div class="item-input-wrap">\n                <textarea id="ad_remark" placeholder="Keterangan">\n                </textarea>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-large">\n        </div>\n        <div class="container">\n          <button id="address_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','10','1747057918');
INSERT INTO `cp4_html_page` VALUES('13','faq/','','faq','FAQ','','','','<template>\n  <div class="page page-faq" data-name="faq">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>FAQ</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="faq_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747057778');
INSERT INTO `cp4_html_page` VALUES('14','password_forgot/','signin','password_forgot','Password Forgot','Sign In','<form class="list">
\n        <ul>
\n          
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n<div class="item-title item-label">Email</div>
\n              <div class="item-input-wrap">
\n                <input id="emailForgot" type="email" placeholder="Email">
\n              </div>
\n            </div>
\n          </li>
\n          
\n        </ul>
\n      <div class="separator-medium"></div>
\n          <div class="container">
\n            <button id="password_forgot_button" class="btn btn-primary btn-block fw-700">Forgot Password</button>
\n          </div>
\n      </form>
\n      <div class="separator-medium"></div>
\n      <!-- end separator -->
\n      <div class="container text-center">
\n        <a href="/signup/" class="btn btn-sm btn-info">Sign Up</a>
\n      </div>','','<template>\n  <div class="page page-password_forgot" data-name="password_forgot">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="title">\n          <h4>Password Forgot</h4>\n        </div>\n        <div class="right">\n          <a href="/signin/" class="link">\n            <i class="icon material-symbols-outlined">login</i>Sign In</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="content text-center">\n        <h3 class="page-title">Password Forgot</h3>\n      </div>\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Email</div>\n              <div class="item-input-wrap">\n                <input id="emailForgot" type="email" placeholder="Email">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="password_forgot_button" class="btn btn-primary btn-block fw-700">Forgot Password</button>\n        </div>\n      </form>\n      <div class="separator-medium">\n      </div>\n      <!-- end separator -->\n      <div class="container text-center">\n        <a href="/signup/" class="btn btn-sm btn-info">Sign Up</a>\n      </div>\n    </div>\n  </div>\n</template>','0','0','1','3','1','1','0','0','0','componentUrl','login','pattern','0','1746930992');



INSERT INTO `cp4_html_page` VALUES('18','terms/','','terms','Term & Condition','','','','<template>\n  <div class="page page-terms" data-name="terms">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Term & Condition</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="terms_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747057788');
INSERT INTO `cp4_html_page` VALUES('19','sales/','','sales','Sales','','','','<template>\n  <div class="page page-sales" data-name="sales">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Sales</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="sales_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747059340');
INSERT INTO `cp4_html_page` VALUES('20','sales_add/','','sales_add','Sales Add','','','','<template>\n  <div class="page page-sales_add" data-name="sales_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Sales Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','19','1747059351');
INSERT INTO `cp4_html_page` VALUES('21','sales_edit/:id','','sales_edit','Sales Edit','','','','<template>\n  <div class="page page-sales_edit" data-name="sales_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Sales Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','19','1747059359');
INSERT INTO `cp4_html_page` VALUES('22','product/','','product','Product','','','','<template>\n  <div class="page page-product" data-name="product">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="product_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747059242');
INSERT INTO `cp4_html_page` VALUES('23','product_add/','','product_add','Product Add','','','','<template>\n  <div class="page page-product_add" data-name="product_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','22','1747059253');
INSERT INTO `cp4_html_page` VALUES('24','product_edit/:id','','product_edit','Product Edit','','<form class="list">
\n  <input id="a7_id" type="hidden" value="">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="a7_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Brand</div>
\n        <div class="item-input-wrap">
\n          <input id="a7_brand" value="" type="text" placeholder="Brand">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Code</div>
\n        <div class="item-input-wrap">
\n          <input id="a7_code" value="" type="text" placeholder="Code">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Price/Unit</div>
\n        <div class="item-input-wrap">
\n          <input id="a7_price" value="" type="text" placeholder="Price/Unit">
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="product_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>','','<template>\n  <div class="page page-product_edit" data-name="product_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="a7_id" type="hidden" value="">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="a7_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Brand</div>\n              <div class="item-input-wrap">\n                <input id="a7_brand" value="" type="text" placeholder="Brand">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Code</div>\n              <div class="item-input-wrap">\n                <input id="a7_code" value="" type="text" placeholder="Code">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Price/Unit</div>\n              <div class="item-input-wrap">\n                <input id="a7_price" value="" type="text" placeholder="Price/Unit">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="product_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','22','1747218197');
INSERT INTO `cp4_html_page` VALUES('25','intro/','signin','intro','','Sign In','','','<template>\n  <div class="page page-intro" data-name="intro">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="title">\n          <h4>\n          </h4>\n        </div>\n        <div class="right">\n          <a href="/signin/" class="link">\n            <i class="icon material-symbols-outlined">login</i>Sign In</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="intro_content">\n    </div>\n  </div>\n</template>','0','1','1','3','0','1','0','0','0','componentUrl','login','','0','1746930968');
INSERT INTO `cp4_html_page` VALUES('26','transaction/','','transaction','Transaction','','','','<template>\n  <div class="page page-transaction" data-name="transaction">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Transaction</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="transaction_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747059370');
INSERT INTO `cp4_html_page` VALUES('27','transaction_add/','','transaction_add','Transaction Add','','','','<template>\n  <div class="page page-transaction_add" data-name="transaction_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Transaction Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','26','1747059379');
INSERT INTO `cp4_html_page` VALUES('28','transaction_edit/:id','','transaction_edit','Transaction Edit','','','','<template>\n  <div class="page page-transaction_edit" data-name="transaction_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Transaction Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','26','1747059387');
INSERT INTO `cp4_html_page` VALUES('29','journal/','','journal','Journal','','','','<template>\n  <div class="page page-journal" data-name="journal">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Journal</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="journal_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747059530');
INSERT INTO `cp4_html_page` VALUES('30','journal_add/','','journal_add','Journal Add','','','','<template>\n  <div class="page page-journal_add" data-name="journal_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Journal Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','29','1747059538');
INSERT INTO `cp4_html_page` VALUES('31','journal_edit/:id','','journal_edit','Journal Edit','','','','<template>\n  <div class="page page-journal_edit" data-name="journal_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Journal Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','29','1747059547');
INSERT INTO `cp4_html_page` VALUES('32','inventory/','inventory_add','inventory','Inventory','Add','','','<template>\n  <div class="page page-inventory" data-name="inventory">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Inventory</h5>\n        </div>\n        <div class="subnavbar">\n          <form data-search-container=".search-list_inventory" data-search-in=".item-title" class="searchbar searchbar-init">\n            <div class="searchbar-inner">\n              <div class="searchbar-input-wrap">\n                <input type="search" placeholder="Search" />\n                <i class="searchbar-icon"></i>\n                <span class="input-clear-button">\n                </span>\n              </div>\n              <span class="searchbar-disable-button">Cancel</span>\n            </div>\n          </form>\n        </div>\n        <div class="right">\n          <a href="/inventory_add/" class="link">\n            <i class="icon material-symbols-outlined">add</i>Add</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="inventory_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','1','0','componentUrl','add','','5','1747092079');
INSERT INTO `cp4_html_page` VALUES('33','inventory_add/','','inventory_add','Inventory Add','','<form class="list">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="i2_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Brand</div>
\n        <div class="item-input-wrap">
\n          <input id="i2_brand" value="" type="text" placeholder="Brand">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Remark</div>
\n        <div class="item-input-wrap">
\n          <input id="i2_remark" value="" type="text" placeholder="Remark">
\n        </div>
\n      </div>
\n    </li>
\n
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Qty</div>
\n              <div class="item-input-wrap">
\n                <input id="i2_qty" value="" type="text" placeholder="Qty">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Unit</div>
\n              <div class="item-input-wrap">
\n                <input id="i2_unit" value="" type="text" placeholder="Unit">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Price/Unit</div>
\n        <div class="item-input-wrap">
\n          <input id="i2_price_per_unit" type="text" placeholder="Price/Unit">
\n        </div>
\n      </div>
\n    </li>
\n
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Will Age</div>
\n              <div class="item-input-wrap">
\n                <input id="i2_will_age" value="" type="text" placeholder="Will Age">
\n              </div>              
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">ActionAt</div>
\n              <div class="item-input-wrap">
\n                <input id="i2_action_at" type="datetime-local" placeholder="ActionAt">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="inventory_add_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-inventory_add" data-name="inventory_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Inventory Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="i2_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Brand</div>\n              <div class="item-input-wrap">\n                <input id="i2_brand" value="" type="text" placeholder="Brand">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Remark</div>\n              <div class="item-input-wrap">\n                <input id="i2_remark" value="" type="text" placeholder="Remark">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Qty</div>\n                    <div class="item-input-wrap">\n                      <input id="i2_qty" value="" type="text" placeholder="Qty">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Unit</div>\n                    <div class="item-input-wrap">\n                      <input id="i2_unit" value="" type="text" placeholder="Unit">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Price/Unit</div>\n              <div class="item-input-wrap">\n                <input id="i2_price_per_unit" type="text" placeholder="Price/Unit">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Will Age</div>\n                    <div class="item-input-wrap">\n                      <input id="i2_will_age" value="" type="text" placeholder="Will Age">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">ActionAt</div>\n                    <div class="item-input-wrap">\n                      <input id="i2_action_at" type="datetime-local" placeholder="ActionAt">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="inventory_add_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','32','1747197410');
INSERT INTO `cp4_html_page` VALUES('34','inventory_edit/:id','','inventory_edit','Inventory Edit','','<form class="list">
\n  <input id="i1_id" type="hidden" value="">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Brand</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_brand" value="" type="text" placeholder="Brand">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Unit</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_unit" value="" type="text" placeholder="Unit">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Remark</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_remark" value="" type="text" placeholder="Remark">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Qty</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_qty" value="" type="text" placeholder="Qty">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Will Age</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_will_age" value="" type="text" placeholder="Will Age">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Price/Unit</div>
\n        <div class="item-input-wrap">
\n          <input id="i1_price_per_unit" type="text" placeholder="Price/Unit">
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="inventory_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-inventory_edit" data-name="inventory_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Inventory Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="i1_id" type="hidden" value="">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="i1_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Brand</div>\n              <div class="item-input-wrap">\n                <input id="i1_brand" value="" type="text" placeholder="Brand">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Unit</div>\n              <div class="item-input-wrap">\n                <input id="i1_unit" value="" type="text" placeholder="Unit">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Remark</div>\n              <div class="item-input-wrap">\n                <input id="i1_remark" value="" type="text" placeholder="Remark">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Qty</div>\n              <div class="item-input-wrap">\n                <input id="i1_qty" value="" type="text" placeholder="Qty">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Will Age</div>\n              <div class="item-input-wrap">\n                <input id="i1_will_age" value="" type="text" placeholder="Will Age">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Price/Unit</div>\n              <div class="item-input-wrap">\n                <input id="i1_price_per_unit" type="text" placeholder="Price/Unit">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="inventory_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','32','1747059520');
INSERT INTO `cp4_html_page` VALUES('35','person/','','person','Person','','','','<template>\n  <div class="page page-person" data-name="person">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Person</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="person_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747059587');
INSERT INTO `cp4_html_page` VALUES('36','person_add/','','person_add','Person Add','','<form class="list">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Initial</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_initial" type="text" placeholder="Initial">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Email</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_email" type="text" placeholder="Email">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NIK</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_nik" type="text" placeholder="NIK">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NPWP</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_npwp" type="text" placeholder="NPWP">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Address</div>
\n        <div class="item-input-wrap">
\n          <input id="p8_address" type="text" placeholder="Address">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">City</div>
\n              <div class="item-input-wrap">
\n                <input id="p8_city" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">PostCode</div>
\n              <div class="item-input-wrap">
\n                <input id="p8_postcode" type="text" placeholder="PostCode">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Phone/WhatsApp</div>
\n              <div class="item-input-wrap">
\n                <input id="p8_phone" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">CompanyId</div>
\n              <div class="item-input-wrap input-dropdown-wrap">
\n                <select id="p8_company_id" placeholder="Please choose...">
\n                </select>
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Relation</div>
\n      </div>
\n    </li>
\n    <span id="relation"></span>
\n  </ul>
\n
\n  <div class="container">
\n    <button id="person_add_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-person_add" data-name="person_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Person Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="p8_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Initial</div>\n              <div class="item-input-wrap">\n                <input id="p8_initial" type="text" placeholder="Initial">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Email</div>\n              <div class="item-input-wrap">\n                <input id="p8_email" type="text" placeholder="Email">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NIK</div>\n              <div class="item-input-wrap">\n                <input id="p8_nik" type="text" placeholder="NIK">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NPWP</div>\n              <div class="item-input-wrap">\n                <input id="p8_npwp" type="text" placeholder="NPWP">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <input id="p8_address" type="text" placeholder="Address">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">City</div>\n                    <div class="item-input-wrap">\n                      <input id="p8_city" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">PostCode</div>\n                    <div class="item-input-wrap">\n                      <input id="p8_postcode" type="text" placeholder="PostCode">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Phone/WhatsApp</div>\n                    <div class="item-input-wrap">\n                      <input id="p8_phone" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">CompanyId</div>\n                    <div class="item-input-wrap input-dropdown-wrap">\n                      <select id="p8_company_id" placeholder="Please choose...">\n                      </select>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Relation</div>\n            </div>\n          </li>\n          <span id="relation">\n          </span>\n        </ul>\n        <div class="container">\n          <button id="person_add_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','35','1747201501');
INSERT INTO `cp4_html_page` VALUES('37','person_edit/:id','','person_edit','Person Edit','','<form class="list">
\n  <input id="p9_id" type="hidden" value="">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Initial</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_initial" type="text" placeholder="Initial">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Email</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_email" type="text" placeholder="Email">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NIK</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_nik" type="text" placeholder="NIK">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NPWP</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_npwp" type="text" placeholder="NPWP">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Address</div>
\n        <div class="item-input-wrap">
\n          <input id="p9_address" type="text" placeholder="Address">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">City</div>
\n              <div class="item-input-wrap">
\n                <input id="p9_city" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">PostCode</div>
\n              <div class="item-input-wrap">
\n                <input id="p9_postcode" type="text" placeholder="PostCode">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Phone/WhatsApp</div>
\n              <div class="item-input-wrap">
\n                <input id="p9_phone" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">CompanyId</div>
\n              <div class="item-input-wrap input-dropdown-wrap">
\n              <select id="p9_company_id" placeholder="Please choose...">
\n              </select>
\n            </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="person_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-person_edit" data-name="person_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Person Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="p9_id" type="hidden" value="">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="p9_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Initial</div>\n              <div class="item-input-wrap">\n                <input id="p9_initial" type="text" placeholder="Initial">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Email</div>\n              <div class="item-input-wrap">\n                <input id="p9_email" type="text" placeholder="Email">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NIK</div>\n              <div class="item-input-wrap">\n                <input id="p9_nik" type="text" placeholder="NIK">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NPWP</div>\n              <div class="item-input-wrap">\n                <input id="p9_npwp" type="text" placeholder="NPWP">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <input id="p9_address" type="text" placeholder="Address">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">City</div>\n                    <div class="item-input-wrap">\n                      <input id="p9_city" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">PostCode</div>\n                    <div class="item-input-wrap">\n                      <input id="p9_postcode" type="text" placeholder="PostCode">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Phone/WhatsApp</div>\n                    <div class="item-input-wrap">\n                      <input id="p9_phone" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">CompanyId</div>\n                    <div class="item-input-wrap input-dropdown-wrap">\n                      <select id="p9_company_id" placeholder="Please choose...">\n                      </select>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="person_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','35','1747134414');
INSERT INTO `cp4_html_page` VALUES('38','company/','company_add','company','Company','Add','','','<template>\n  <div class="page page-company" data-name="company">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Company</h5>\n        </div>\n        <div class="subnavbar">\n          <form data-search-container=".search-list_company" data-search-in=".item-title" class="searchbar searchbar-init">\n            <div class="searchbar-inner">\n              <div class="searchbar-input-wrap">\n                <input type="search" placeholder="Search" />\n                <i class="searchbar-icon"></i>\n                <span class="input-clear-button">\n                </span>\n              </div>\n              <span class="searchbar-disable-button">Cancel</span>\n            </div>\n          </form>\n        </div>\n        <div class="right">\n          <a href="/company_add/" class="link">\n            <i class="icon material-symbols-outlined">add</i>Add</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="company_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','1','0','componentUrl','add','','5','1747059459');
INSERT INTO `cp4_html_page` VALUES('39','company_add/','','company_add','Company Add','','<form class="list">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="c2_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Initial</div>
\n        <div class="item-input-wrap">
\n          <input id="c2_initial" type="text" placeholder="Initial">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NIB</div>
\n        <div class="item-input-wrap">
\n          <input id="c2_nib" type="text" placeholder="NIB">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NPWP</div>
\n        <div class="item-input-wrap">
\n          <input id="c2_npwp" type="text" placeholder="NPWP">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Address</div>
\n        <div class="item-input-wrap">
\n          <input id="c2_address" type="text" placeholder="Address">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">City</div>
\n              <div class="item-input-wrap">
\n                <input id="c2_city" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">PostCode</div>
\n              <div class="item-input-wrap">
\n                <input id="c2_postcode" type="text" placeholder="PostCode">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Relation</div>
\n        <div class="item-input-wrap input-dropdown-wrap">
\n          <select id="c2_relation" placeholder="Please choose...">
\n            <option value="8">Supplier</option>
\n            <option value="9">Customer</option>
\n            <option value="10">Other</option>
\n          </select>
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="company_add_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-company_add" data-name="company_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Company Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="c2_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Initial</div>\n              <div class="item-input-wrap">\n                <input id="c2_initial" type="text" placeholder="Initial">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NIB</div>\n              <div class="item-input-wrap">\n                <input id="c2_nib" type="text" placeholder="NIB">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NPWP</div>\n              <div class="item-input-wrap">\n                <input id="c2_npwp" type="text" placeholder="NPWP">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <input id="c2_address" type="text" placeholder="Address">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">City</div>\n                    <div class="item-input-wrap">\n                      <input id="c2_city" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">PostCode</div>\n                    <div class="item-input-wrap">\n                      <input id="c2_postcode" type="text" placeholder="PostCode">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Relation</div>\n              <div class="item-input-wrap input-dropdown-wrap">\n                <select id="c2_relation" placeholder="Please choose...">\n                  <option value="8">Supplier</option>\n                  <option value="9">Customer</option>\n                  <option value="10">Other</option>\n                </select>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="company_add_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','38','1747197563');
INSERT INTO `cp4_html_page` VALUES('40','company_edit/:id','','company_edit','Company Edit','','<form class="list">
\n  <input id="c1_id" type="hidden" value="">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="c1_name" value="" type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Initial</div>
\n        <div class="item-input-wrap">
\n          <input id="c1_initial" type="text" placeholder="Initial">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NIB</div>
\n        <div class="item-input-wrap">
\n          <input id="c1_nib" type="text" placeholder="NIB">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">NPWP</div>
\n        <div class="item-input-wrap">
\n          <input id="c1_npwp" type="text" placeholder="NPWP">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Address</div>
\n        <div class="item-input-wrap">
\n          <input id="c1_address" type="text" placeholder="Address">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">City</div>
\n              <div class="item-input-wrap">
\n                <input id="c1_city" type="text" placeholder="City">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">PostCode</div>
\n              <div class="item-input-wrap">
\n                <input id="c1_postcode" type="text" placeholder="PostCode">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Address</div>
\n        <div class="item-input-wrap input-dropdown-wrap">
\n          <select id="c1_relation" placeholder="Please choose...">
\n          </select>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="company_edit_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-company_edit" data-name="company_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Company Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="c1_id" type="hidden" value="">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="c1_name" value="" type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Initial</div>\n              <div class="item-input-wrap">\n                <input id="c1_initial" type="text" placeholder="Initial">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NIB</div>\n              <div class="item-input-wrap">\n                <input id="c1_nib" type="text" placeholder="NIB">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">NPWP</div>\n              <div class="item-input-wrap">\n                <input id="c1_npwp" type="text" placeholder="NPWP">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap">\n                <input id="c1_address" type="text" placeholder="Address">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">City</div>\n                    <div class="item-input-wrap">\n                      <input id="c1_city" type="text" placeholder="City">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">PostCode</div>\n                    <div class="item-input-wrap">\n                      <input id="c1_postcode" type="text" placeholder="PostCode">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Address</div>\n              <div class="item-input-wrap input-dropdown-wrap">\n                <select id="c1_relation" placeholder="Please choose...">\n                </select>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="company_edit_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','38','1747173386');
INSERT INTO `cp4_html_page` VALUES('41','product_retur/:id/:c','','product_retur','Product Detail','','<form class="list">
\n  <input id="a6_id" type="hidden" value="">
\n  <input id="a6_cat" type="hidden" value="">
\n  <input id="a6_inout" type="hidden" value="1">        
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="a6_name" value="" disabled type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Buyer/Seller</div>
\n        <div class="item-input-wrap">
\n          <input id="a6_to_from" type="text" placeholder="Buyer/Seller">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Description</div>
\n        <div class="item-input-wrap">
\n          <textarea id="a6_descr" placeholder="Description"></textarea>
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Qty</div>
\n              <div class="item-input-wrap">
\n                <input id="a6_qty" type="text" placeholder="Qty">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Price/unit</div>
\n              <div class="item-input-wrap">
\n                <input id="a6_price" type="text" placeholder="Price">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Action At</div>
\n              <div class="item-input-wrap">
\n                <input id="a6_action_at" type="date" placeholder="Action At">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Invoice</div>
\n              <div class="item-input-wrap">
\n                <input id="a6_invoice" type="text" placeholder="Invoice">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="product_retur_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-product_retur" data-name="product_retur">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Detail</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="a6_id" type="hidden" value="">\n        <input id="a6_cat" type="hidden" value="">\n        <input id="a6_inout" type="hidden" value="1">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="a6_name" value="" disabled type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Buyer/Seller</div>\n              <div class="item-input-wrap">\n                <input id="a6_to_from" type="text" placeholder="Buyer/Seller">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Description</div>\n              <div class="item-input-wrap">\n                <textarea id="a6_descr" placeholder="Description">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Qty</div>\n                    <div class="item-input-wrap">\n                      <input id="a6_qty" type="text" placeholder="Qty">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Price/unit</div>\n                    <div class="item-input-wrap">\n                      <input id="a6_price" type="text" placeholder="Price">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Action At</div>\n                    <div class="item-input-wrap">\n                      <input id="a6_action_at" type="date" placeholder="Action At">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Invoice</div>\n                    <div class="item-input-wrap">\n                      <input id="a6_invoice" type="text" placeholder="Invoice">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="product_retur_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','22','1747059327');
INSERT INTO `cp4_html_page` VALUES('42','product_trx_add/:id/:cat','','product_trx_add','Product Transaction','','<form class="list">
\n        <input id="a3_id" type="hidden" value="">
\n        <input id="a3_cat" type="hidden" value="">        
\n        <ul>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">action_at</div>
\n              <div class="item-input-wrap">
\n                <input id="a3_action_at" type="date" placeholder="action_at">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">to_from</div>
\n              <div class="item-input-wrap">
\n                <input id="a3_to_from" type="text" placeholder="to_from">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">invoice</div>
\n              <div class="item-input-wrap">
\n                <input id="a3_invoice" type="text" placeholder="invoice">
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="item-inner">
\n              <div class="item-title item-label">descr</div>
\n              <div class="item-input-wrap">
\n                <textarea id="a3_descr" placeholder="descr"></textarea>
\n              </div>
\n            </div>
\n          </li>
\n          <li class="item-content item-input">
\n            <div class="row">
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">qty</div>
\n                    <div class="item-input-wrap">
\n                      <input id="a3_qty" type="text" placeholder="qty">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n              <div class="col-50">
\n                <div class="item-content item-input item-input-with-value">
\n                  <div class="item-inner">
\n                    <div class="item-title item-label">amount</div>
\n                    <div class="item-input-wrap">
\n                      <input id="a3_amount" type="text" placeholder="amount">
\n                    </div>
\n                  </div>
\n                </div>
\n              </div>
\n            </div>
\n          </li>
\n          <div class="separator-small"></div>
\n        </ul>
\n        <div class="separator-medium"></div>
\n        <div class="container">
\n          <button id="product_trx_add_button" class="btn btn-primary btn-block fw-700">Save</button>
\n        </div>
\n      </form>
\n      <div class="separator-large"></div>','','<template>\n  <div class="page page-product_trx_add" data-name="product_trx_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a href="/product/" class="link">\n            <i class="icon material-icons">arrow_back</i>Back</a>\n        </div>\n        <div class="title">\n          <h5>Product Transaction</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="product_trx_add_content">\n      <form class="list">\n        <input id="a3_id" type="hidden" value="">\n        <input id="a3_cat" type="hidden" value="">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">action_at</div>\n              <div class="item-input-wrap">\n                <input id="a3_action_at" type="date" placeholder="action_at">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">to_from</div>\n              <div class="item-input-wrap">\n                <input id="a3_to_from" type="text" placeholder="to_from">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">invoice</div>\n              <div class="item-input-wrap">\n                <input id="a3_invoice" type="text" placeholder="invoice">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">descr</div>\n              <div class="item-input-wrap">\n                <textarea id="a3_descr" placeholder="descr">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">qty</div>\n                    <div class="item-input-wrap">\n                      <input id="a3_qty" type="text" placeholder="qty">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">amount</div>\n                    <div class="item-input-wrap">\n                      <input id="a3_amount" type="text" placeholder="amount">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="product_trx_add_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','1','3','2','0','1','0','0','0','componentUrl','','','22','1747021830');
INSERT INTO `cp4_html_page` VALUES('43','product_buy/:id','','product_buy','Product Add','','<form class="list">
\n  <input id="a4_id" type="hidden" value="">
\n  <input id="a4_cat" type="hidden" value="5">
\n  <input id="a4_inout" type="hidden" value="2">        
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="a4_name" value="" disabled type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Seller</div>
\n        <div class="item-input-wrap">
\n          <input id="a4_from" type="text" placeholder="From/Seller">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Invoice</div>
\n        <div class="item-input-wrap">
\n          <input id="a4_invoice" type="text" placeholder="Invoice">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Description</div>
\n        <div class="item-input-wrap">
\n          <textarea id="a4_descr" placeholder="Description"></textarea>
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Qty</div>
\n              <div class="item-input-wrap">
\n                <input id="a4_qty" type="text" placeholder="Qty">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Price/unit</div>
\n              <div class="item-input-wrap">
\n                <input id="a4_price" type="text" placeholder="Price">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Action At</div>
\n              <div class="item-input-wrap">
\n                <input id="a4_action_at" type="date" placeholder="Action At">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Due Days</div>
\n              <div class="item-input-wrap">
\n                <input id="a4_due_days" value="0" type="text" placeholder="Due Days">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="product_buy_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-product_buy" data-name="product_buy">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="a4_id" type="hidden" value="">\n        <input id="a4_cat" type="hidden" value="5">\n        <input id="a4_inout" type="hidden" value="2">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="a4_name" value="" disabled type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Seller</div>\n              <div class="item-input-wrap">\n                <input id="a4_from" type="text" placeholder="From/Seller">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Invoice</div>\n              <div class="item-input-wrap">\n                <input id="a4_invoice" type="text" placeholder="Invoice">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Description</div>\n              <div class="item-input-wrap">\n                <textarea id="a4_descr" placeholder="Description">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Qty</div>\n                    <div class="item-input-wrap">\n                      <input id="a4_qty" type="text" placeholder="Qty">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Price/unit</div>\n                    <div class="item-input-wrap">\n                      <input id="a4_price" type="text" placeholder="Price">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Action At</div>\n                    <div class="item-input-wrap">\n                      <input id="a4_action_at" type="date" placeholder="Action At">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Due Days</div>\n                    <div class="item-input-wrap">\n                      <input id="a4_due_days" value="0" type="text" placeholder="Due Days">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="product_buy_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','22','1747059262');
INSERT INTO `cp4_html_page` VALUES('44','product_sell/:id/:c','','product_sell','Product Sell','','<form class="list">
\n  <input id="a5_id" type="hidden" value="">
\n  <input id="a5_cat" type="hidden" value="">
\n  <input id="a5_inout" type="hidden" value="1">        
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Name</div>
\n        <div class="item-input-wrap">
\n          <input id="a5_name" value="" disabled type="text" placeholder="Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Buyer</div>
\n        <div class="item-input-wrap">
\n          <input id="a5_buyer" type="text" placeholder="Buyer">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Invoice</div>
\n        <div class="item-input-wrap">
\n          <input id="a5_invoice" type="text" placeholder="Invoice">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Description</div>
\n        <div class="item-input-wrap">
\n          <textarea id="a5_descr" placeholder="Description"></textarea>
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Qty</div>
\n              <div class="item-input-wrap">
\n                <input id="a5_qty" type="text" placeholder="Qty">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Price/unit</div>
\n              <div class="item-input-wrap">
\n                <input id="a5_price" type="text" placeholder="Price">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n    <div class="separator-small"></div>
\n    <li class="item-content item-input">
\n      <div class="row">
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Action At</div>
\n              <div class="item-input-wrap">
\n                <input id="a5_action_at" type="date" placeholder="Action At">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n        <div class="col-50">
\n          <div class="item-content item-input item-input-with-value">
\n            <div class="item-inner">
\n              <div class="item-title item-label">Due Days</div>
\n              <div class="item-input-wrap">
\n                <input id="a5_due_days" value="0" type="text" placeholder="Due Days">
\n              </div>
\n            </div>
\n          </div>
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="product_sell_button" class="btn btn-primary btn-block fw-700">Save</button>
\n  </div>
\n</form>
\n<div class="separator-large"></div>','','<template>\n  <div class="page page-product_sell" data-name="product_sell">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a href="/product/" class="link">\n            <i class="icon material-icons">arrow_back</i>Back</a>\n        </div>\n        <div class="title">\n          <h5>Product Sell</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <form class="list">\n        <input id="a5_id" type="hidden" value="">\n        <input id="a5_cat" type="hidden" value="">\n        <input id="a5_inout" type="hidden" value="1">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Name</div>\n              <div class="item-input-wrap">\n                <input id="a5_name" value="" disabled type="text" placeholder="Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Buyer</div>\n              <div class="item-input-wrap">\n                <input id="a5_buyer" type="text" placeholder="Buyer">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Invoice</div>\n              <div class="item-input-wrap">\n                <input id="a5_invoice" type="text" placeholder="Invoice">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Description</div>\n              <div class="item-input-wrap">\n                <textarea id="a5_descr" placeholder="Description">\n                </textarea>\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Qty</div>\n                    <div class="item-input-wrap">\n                      <input id="a5_qty" type="text" placeholder="Qty">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Price/unit</div>\n                    <div class="item-input-wrap">\n                      <input id="a5_price" type="text" placeholder="Price">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n          <div class="separator-small">\n          </div>\n          <li class="item-content item-input">\n            <div class="row">\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Action At</div>\n                    <div class="item-input-wrap">\n                      <input id="a5_action_at" type="date" placeholder="Action At">\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class="col-50">\n                <div class="item-content item-input item-input-with-value">\n                  <div class="item-inner">\n                    <div class="item-title item-label">Due Days</div>\n                    <div class="item-input-wrap">\n                      <input id="a5_due_days" value="0" type="text" placeholder="Due Days">\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="product_sell_button" class="btn btn-primary btn-block fw-700">Save</button>\n        </div>\n      </form>\n      <div class="separator-large">\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','','','22','1747021797');
INSERT INTO `cp4_html_page` VALUES('45','product_trx/:id','','product_trx','Product Detail','','','','<template>\n  <div class="page page-product_trx" data-name="product_trx">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Detail</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="product_trx_content">\n    </div>\n  </div>\n</template>','0','1','3','2','0','1','0','0','0','componentUrl','','','22','1747268331');
INSERT INTO `cp4_html_page` VALUES('46','product_image/:id','#','product_image','Product Image','Save','<div class="custom-file-upload profile" id="fileUpload">
\n<input id="a8_id" type="hidden" value="">
\n          <input type="file" id="fileuploadInput" name="product_image" />
\n          <label for="fileuploadInput">
\n          </label>
\n          <span>
\n            <i class="icon f7-icons">cloud_upload</i>
\n            <small>Tap to Upload</small>
\n          </span>
\n        </div>','','<template>\n  <div class="page page-product_image" data-name="product_image">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Product Image</h5>\n        </div>\n        <div class="right">\n          <a href="/#/" class="link">\n            <i class="icon material-symbols-outlined">save</i>Save</a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="custom-file-upload profile" id="fileUpload">\n        <input id="a8_id" type="hidden" value="">\n        <input type="file" id="fileuploadInput" name="product_image" />\n        <label for="fileuploadInput">\n        </label>\n        <span>\n          <i class="icon f7-icons">cloud_upload</i>\n          <small>Tap to Upload</small>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>','0','0','3','2','0','1','0','0','0','componentUrl','save','','22','1747059315');
INSERT INTO `cp4_html_page` VALUES('47','bank/','','bank','Bank Account','','','','<template>\n  <div class="page page-bank" data-name="bank">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Bank Account</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="bank_content">\n    </div>\n  </div>\n</template>','0','1','2','2','0','1','0','0','0','componentUrl','','','5','1747097851');
INSERT INTO `cp4_html_page` VALUES('48','bank_add','','bank_add','Bank Account Add','','<form class="list">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Bank Name</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_bank_name" type="text" value="" placeholder="Bank Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Account Number</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_account_number" type="text" value="" placeholder="Account Number">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Account Name</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_account_name" type="text" value="" placeholder="Account Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">CIF</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_cif" type="text" value=""  placeholder="CIF">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Swift Code</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_swift_code" type="text" value=""  placeholder="Swift Code">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Currency</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_currency" value="" type="text" placeholder="Currency">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Balance</div>
\n        <div class="item-input-wrap">
\n          <input id="b3_balance" value="" type="text" placeholder="Balance">
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="bank_add_button" class="btn btn-primary fw-700 btn-block">Save</button>
\n  </div>
\n</form>','','<template>\n  <div class="page page-bank_add" data-name="bank_add">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Bank Account Add</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="bank_add_content">\n      <form class="list">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Bank Name</div>\n              <div class="item-input-wrap">\n                <input id="b3_bank_name" type="text" value="" placeholder="Bank Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Account Number</div>\n              <div class="item-input-wrap">\n                <input id="b3_account_number" type="text" value="" placeholder="Account Number">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Account Name</div>\n              <div class="item-input-wrap">\n                <input id="b3_account_name" type="text" value="" placeholder="Account Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">CIF</div>\n              <div class="item-input-wrap">\n                <input id="b3_cif" type="text" value="" placeholder="CIF">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Swift Code</div>\n              <div class="item-input-wrap">\n                <input id="b3_swift_code" type="text" value="" placeholder="Swift Code">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Currency</div>\n              <div class="item-input-wrap">\n                <input id="b3_currency" value="" type="text" placeholder="Currency">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Balance</div>\n              <div class="item-input-wrap">\n                <input id="b3_balance" value="" type="text" placeholder="Balance">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="bank_add_button" class="btn btn-primary fw-700 btn-block">Save</button>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>','0','1','3','2','0','1','0','0','0','componentUrl','','','47','1747117985');
INSERT INTO `cp4_html_page` VALUES('49','bank_edit/:id','','bank_edit','Bank Account Edit','','<form class="list">
\n  <input id="b2_id" value="" type="hidden">
\n  <ul>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Bank Name</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_bank_name" type="text" value="" placeholder="Bank Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Account Number</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_account_number" type="text" value="" placeholder="Account Number">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Account Name</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_account_name" type="text" value="" placeholder="Account Name">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">CIF</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_cif" type="text" value=""  placeholder="CIF">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Swift Code</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_swift_code" type="text" value=""  placeholder="Swift Code">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Currency</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_currency" value="" type="text" placeholder="Currency">
\n        </div>
\n      </div>
\n    </li>
\n    <li class="item-content item-input">
\n      <div class="item-inner">
\n        <div class="item-title item-label">Balance</div>
\n        <div class="item-input-wrap">
\n          <input id="b2_balance" value="" type="text" placeholder="Balance">
\n        </div>
\n      </div>
\n    </li>
\n  </ul>
\n  <div class="separator-medium"></div>
\n  <div class="container">
\n    <button id="bank_edit_button" class="btn btn-primary fw-700 btn-block">Save</button>
\n  </div>
\n</form>','','<template>\n  <div class="page page-bank_edit" data-name="bank_edit">\n    <div class="navbar navbar-transparent">\n      <div class="navbar-bg">\n      </div>\n      <div class="navbar-inner sliding">\n        <div class="left">\n          <a class="link back">\n            <i class="icon material-icons">west</i>\n          </a>\n        </div>\n        <div class="title">\n          <h5>Bank Account Edit</h5>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="bank_edit_content">\n      <form class="list">\n        <input id="b2_id" value="" type="hidden">\n        <ul>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Bank Name</div>\n              <div class="item-input-wrap">\n                <input id="b2_bank_name" type="text" value="" placeholder="Bank Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Account Number</div>\n              <div class="item-input-wrap">\n                <input id="b2_account_number" type="text" value="" placeholder="Account Number">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Account Name</div>\n              <div class="item-input-wrap">\n                <input id="b2_account_name" type="text" value="" placeholder="Account Name">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">CIF</div>\n              <div class="item-input-wrap">\n                <input id="b2_cif" type="text" value="" placeholder="CIF">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Swift Code</div>\n              <div class="item-input-wrap">\n                <input id="b2_swift_code" type="text" value="" placeholder="Swift Code">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Currency</div>\n              <div class="item-input-wrap">\n                <input id="b2_currency" value="" type="text" placeholder="Currency">\n              </div>\n            </div>\n          </li>\n          <li class="item-content item-input">\n            <div class="item-inner">\n              <div class="item-title item-label">Balance</div>\n              <div class="item-input-wrap">\n                <input id="b2_balance" value="" type="text" placeholder="Balance">\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div class="separator-medium">\n        </div>\n        <div class="container">\n          <button id="bank_edit_button" class="btn btn-primary fw-700 btn-block">Save</button>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>','0','1','3','2','0','1','0','0','0','componentUrl','','','47','1747117346');


CREATE TABLE `cp4_html_tab` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `path` varchar(44) DEFAULT NULL,
  `path_right` varchar(44) DEFAULT NULL,
  `name` varchar(44) DEFAULT NULL,
  `title` varchar(44) DEFAULT NULL,
  `title_right` varchar(44) DEFAULT NULL,
  `custom` text DEFAULT NULL,
  `menu` text DEFAULT NULL,
  `body` text DEFAULT NULL,
  `del` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=delete',
  `content_id` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=yes,0=no',
  `level` tinyint(4) NOT NULL DEFAULT 0,
  `page_type` tinyint(4) NOT NULL COMMENT '1=with_menu,2=no_menu',
  `view_title` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `view_navbar` tinyint(4) NOT NULL DEFAULT 1 COMMENT '1=yes,0=no',
  `view_left_panel` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `searchbar` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=yes,0=no',
  `back_or_paret` tinyint(4) NOT NULL DEFAULT 0 COMMENT '1=parent,0=back',
  `seq` tinyint(4) NOT NULL DEFAULT 0,
  `is_active` tinyint(4) NOT NULL DEFAULT 0,
  `url_type` varchar(20) DEFAULT NULL COMMENT 'url,componentUrl',
  `icon_right` varchar(20) DEFAULT NULL,
  `icon` varchar(20) DEFAULT NULL,
  `parent` int(11) NOT NULL DEFAULT 0,
  `update_at` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `name` (`name`),
  KEY `id_folder_slug` (`id`,`path`(20))
) ENGINE=InnoDB AUTO_INCREMENT=47 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

INSERT INTO `cp4_html_tab` VALUES('1','','','header','','','<!DOCTYPE html>
\n<html lang="en">
\n  <head>
\n    <meta charset="UTF-8">
\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">
\n <meta name="mobile-web-app-capable" content="yes">
\n    <meta name="apple-mobile-web-app-status-bar-style" content="default">
\n    <meta http-equiv="Content-Security-Policy" content="default-src * \'self\' \'unsafe-inline\' \'unsafe-eval\' data: gap:">
\n    <link rel="icon" href="images/favicon.png">
\n    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
\n    <title>fin@4</title>
\n    <link rel="stylesheet" href="framework7/framework7.bundle.min.css">    
\n    <link rel="stylesheet" href="css/yui.css">
\n    <link rel="stylesheet" href="css/icons.css">
\n    <link rel="stylesheet" href="css/custom.css">
\n    <link rel="stylesheet" href="css/margin.css">
\n
\n  </head>
\n  <body>
\n    <div id="app">
\n<div class="view view-main view-init ios-edges" data-url="/">
\n<div class="page page-home page-with-subnavbar">
\n          <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
\n            <div class="toolbar-inner">
\n              <a href="#tab-home" class="tab-link tab-link-active">
\n                <i class="icon material-symbols-outlined">home</i>
\n                <span class="tabbar-label">Home</span>
\n              </a>
\n              <a href="#tab-product" class="tab-link">
\n                <i class="icon material-symbols-outlined">published_with_changes</i>
\n                <span class="tabbar-label">Product</span>
\n              </a>
\n              <a href="#tab-add" class="tab-link addding-ads">
\n                <span class="adding-ads">
\n                  <i class="icon material-symbols-outlined mt-10">add</i>
\n                </span>
\n              </a>
\n              <a href="#tab-account" class="tab-link">
\n                <i class="icon material-symbols-outlined">person</i>
\n                <span class="tabbar-label">Account</span>
\n              </a>
\n              <a href="#tab-more" class="tab-link">
\n                <i class="icon material-symbols-outlined">folder</i>
\n                <span class="tabbar-label">More</span>
\n              </a>
\n            </div>
\n          </div>
\n          <div class="view tabs">','','<!DOCTYPE html>\n<html lang="en">\n\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta name="mobile-web-app-capable" content="yes">\n  <meta name="apple-mobile-web-app-status-bar-style" content="default">\n  <meta http-equiv="Content-Security-Policy" content="default-src * \'self\' \'unsafe-inline\' \'unsafe-eval\' data: gap:">\n  <link rel="icon" href="images/favicon.png">\n  <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">\n  <title>fin@4</title>\n  <link rel="stylesheet" href="framework7/framework7.bundle.min.css">\n  <link rel="stylesheet" href="css/yui.css">\n  <link rel="stylesheet" href="css/icons.css">\n  <link rel="stylesheet" href="css/custom.css">\n  <link rel="stylesheet" href="css/margin.css">\n</head>\n\n<body>\n  <div id="app">\n    <div class="view view-main view-init ios-edges" data-url="/">\n      <div class="page page-home page-with-subnavbar">\n        <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">\n          <div class="toolbar-inner">\n            <a href="#tab-home" class="tab-link tab-link-active">\n              <i class="icon material-symbols-outlined">home</i>\n              <span class="tabbar-label">Home</span>\n            </a>\n            <a href="#tab-product" class="tab-link">\n              <i class="icon material-symbols-outlined">published_with_changes</i>\n              <span class="tabbar-label">Product</span>\n            </a>\n            <a href="#tab-add" class="tab-link addding-ads">\n              <span class="adding-ads">\n                <i class="icon material-symbols-outlined mt-10">add</i>\n              </span>\n            </a>\n            <a href="#tab-account" class="tab-link">\n              <i class="icon material-symbols-outlined">person</i>\n              <span class="tabbar-label">Account</span>\n            </a>\n            <a href="#tab-more" class="tab-link">\n              <i class="icon material-symbols-outlined">folder</i>\n              <span class="tabbar-label">More</span>\n            </a>\n          </div>\n        </div>\n        <div class="view tabs">','0','0','1','2','0','1','0','0','0','1','0','componentUrl','','','0','1747488790');
INSERT INTO `cp4_html_tab` VALUES('2','account','','account','Account','','<div class="list">
\n  <ul>
\n    <li>
\n      <a href="/address/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined color-primary">room</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Address</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/password_change/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined color-primary">move_up</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Change Password</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/account_delete/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined color-primary">clear</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Delete Account</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/account_edit/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="icon material-symbols-outlined color-primary">edit</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Edit Account</div>
\n        </div>
\n      </a>
\n    </li>
\n  </ul>
\n</div>
\n<div class="container">
\n  <div class="row">
\n    <button id="logout" class="btn btn-danger fw-700 btn-block">Logout</button>
\n  </div>
\n</div>','','<div id="tab-account" class="tab tab-account">\n  <div class="page">\n    <div class="navbar navbar-large">\n      <div class="navbar-inner sliding">\n        <div class="left">\n        </div>\n        <div class="title">Account</div>\n        <div class="title-large">\n          <div class="title-large-text">Account</div>\n        </div>\n        <div class="right">\n          <a href="#" class="link icon-only switch-theme">\n            <i class="icon f7-icons">moon_stars</i>\n          </a>\n          <a id="signout" class="link icon-only text-color-red">\n            <i class="icon f7-icons">square_arrow_right</i>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="list">\n        <ul>\n          <li>\n            <a href="/address/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined color-primary">room</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Address</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/password_change/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined color-primary">move_up</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Change Password</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/account_delete/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined color-primary">clear</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Delete Account</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/account_edit/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="icon material-symbols-outlined color-primary">edit</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Edit Account</div>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n      <div class="container">\n        <div class="row">\n          <button id="logout" class="btn btn-danger fw-700 btn-block">Logout</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>','0','0','2','1','1','1','0','0','0','2','0','componentUrl','','','1','1747488497');
INSERT INTO `cp4_html_tab` VALUES('4','add','','add','Add','','<div class="categories">
\n<div class="container">
\n  <div class="row">
\n    <div class="col-33">
\n      <a href="/action_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-blue md-48">garage</i>
\n          <h6 class="second-title">Action</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      <a href="/product_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-brown md-48">directions_bike</i>
\n          <h6 class="second-title">Product</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      <a href="/person_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-green md-48">apartment</i>
\n          <h6 class="second-title">Person</h6>
\n        </div>
\n      </a>
\n    </div>
\n  </div>
\n  <div class="row">
\n    <div class="col-33">
\n      <a href="/company_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-orange md-48">coffee</i>
\n          <h6 class="second-title">Company</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      <a href="/sales_add/" data-transition="f7-dive" class="">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-purple md-48">phone_android</i>
\n          <h6 class="second-title">Sales</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      <a href="/inventory_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-red md-48">escalator</i>
\n          <h6 class="second-title">Inventory</h6>
\n        </div>
\n      </a>
\n    </div>
\n  </div>
\n  <div class="row">
\n    <div class="col-33">
\n      <a href="/address_add/" data-transition="f7-dive">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-orange md-48">place</i>
\n          <h6 class="second-title">Address</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      <a href="/bank_add/" data-transition="f7-dive" class="">
\n        <div class="content">
\n          <i class="icon material-symbols-outlined color-purple md-48">monetization_on</i>
\n          <h6 class="second-title">Bank</h6>
\n        </div>
\n      </a>
\n    </div>
\n    <div class="col-33">
\n      
\n    </div>
\n  </div>
\n</div>
\n</div>','','<div id="tab-add" class="tab tab-add">\n  <div class="page">\n    <div class="navbar navbar-large">\n      <div class="navbar-inner sliding">\n        <div class="left">\n        </div>\n        <div class="title">Add</div>\n        <div class="title-large">\n          <div class="title-large-text">Add</div>\n        </div>\n        <div class="right">\n          <a href="#" class="link icon-only switch-theme">\n            <i class="icon f7-icons">moon_stars</i>\n          </a>\n          <a id="signout" class="link icon-only text-color-red">\n            <i class="icon f7-icons">square_arrow_right</i>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="categories">\n        <div class="container">\n          <div class="row">\n            <div class="col-33">\n              <a href="/action_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-blue md-48">garage</i>\n                  <h6 class="second-title">Action</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n              <a href="/product_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-brown md-48">directions_bike</i>\n                  <h6 class="second-title">Product</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n              <a href="/person_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-green md-48">apartment</i>\n                  <h6 class="second-title">Person</h6>\n                </div>\n              </a>\n            </div>\n          </div>\n          <div class="row">\n            <div class="col-33">\n              <a href="/company_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-orange md-48">coffee</i>\n                  <h6 class="second-title">Company</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n              <a href="/sales_add/" data-transition="f7-dive" class="">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-purple md-48">phone_android</i>\n                  <h6 class="second-title">Sales</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n              <a href="/inventory_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-red md-48">escalator</i>\n                  <h6 class="second-title">Inventory</h6>\n                </div>\n              </a>\n            </div>\n          </div>\n          <div class="row">\n            <div class="col-33">\n              <a href="/address_add/" data-transition="f7-dive">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-orange md-48">place</i>\n                  <h6 class="second-title">Address</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n              <a href="/bank_add/" data-transition="f7-dive" class="">\n                <div class="content">\n                  <i class="icon material-symbols-outlined color-purple md-48">monetization_on</i>\n                  <h6 class="second-title">Bank</h6>\n                </div>\n              </a>\n            </div>\n            <div class="col-33">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>','0','0','2','1','1','1','0','0','0','4','0','componentUrl','','','1','1747488501');
INSERT INTO `cp4_html_tab` VALUES('5','product','','product','Product','','','','<div id="tab-product" class="tab tab-product">\n  <div class="page">\n    <div class="navbar navbar-large">\n      <div class="navbar-inner sliding">\n        <div class="left">\n        </div>\n        <div class="title">Product</div>\n        <div class="title-large">\n          <div class="title-large-text">Product</div>\n        </div>\n        <div class="right">\n          <a href="#" class="link icon-only switch-theme">\n            <i class="icon f7-icons">moon_stars</i>\n          </a>\n          <a id="signout" class="link icon-only text-color-red">\n            <i class="icon f7-icons">square_arrow_right</i>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content" id="product_content_tab">\n    </div>\n  </div>\n</div>','0','1','2','1','1','1','0','0','0','5','0','componentUrl','','','1','1747488518');
INSERT INTO `cp4_html_tab` VALUES('7','','','footer','','','</div>
\n    </div>
\n    </div>
\n    </div>
\n    <!-- script -->
\n    <script src="framework7/framework7.bundle.min.js"></script>
\n    <script src="js/jquery-3.5.1.min.js"></script>
\n    <script src="js/routes.js"></script>
\n    <script src="js/index.js"></script>
\n    <script src="js/app.js"></script>
\n    <script src="js/utils.js"></script>
\n    <!-- end script -->
\n  </body>
\n</html>','','</div>\n</div>\n</div>\n</div>\n<!-- script -->\n<script src="framework7/framework7.bundle.min.js"></script>\n<script src="js/jquery-3.5.1.min.js"></script>\n<script src="js/routes.js"></script>\n<script src="js/index.js"></script>\n<script src="js/app.js"></script>\n<script src="js/utils.js"></script>\n<!-- end script -->\n</body>\n\n</html>','0','0','1','2','0','0','0','0','0','127','0','componentUrl','','','0','1747488801');
INSERT INTO `cp4_html_tab` VALUES('8','home','','home','Home','','<div class="block-title">Report</div>
\n<div class="block block-strong block-outline-ios no-padding-horizontal">
\n  <div class="treeview">
\n
\n    <div class="treeview-item">
\n      <div class="treeview-item-root">
\n        <div class="treeview-toggle">
\n        </div>
\n        <div class="treeview-item-content">
\n          <div class="treeview-item-label">Laba/Rugi</div>
\n        </div>
\n      </div>    
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Pendapatan/Penjualan</div>
\n              <div class="align-self-flex-end">a01</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Harga Pokok Penjualan</div>
\n              <div class="align-self-flex-end">a02</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Beban Penjualan</div>
\n              <div class="align-self-flex-end">a03</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Laba Kotor</div>
\n              <div class="align-self-flex-end">a04</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Beban Administrasi</div>
\n              <div class="align-self-flex-end">a05</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Pendapatan Lain-lain</div>
\n              <div class="align-self-flex-end">a06</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Beban Lain-lain</div>
\n              <div class="align-self-flex-end">a07</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Laba/Rugi Operasional Sebelum Pajak</div>
\n              <div class="align-self-flex-end">a08</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Pajak</div>
\n              <div class="align-self-flex-end">a09</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Laba/Rugi Bersih/Setelah Pajak</div>
\n              <div class="align-self-flex-end">a10</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n    </div>
\n    <div class="treeview-item">
\n      <div class="treeview-item-root">
\n        <div class="treeview-toggle">
\n        </div>
\n        <div class="treeview-item-content">
\n          <div class="treeview-item-label">Persamaan Akuntansi</div>
\n        </div>
\n      </div>    
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Aktiva</div>
\n              <div class="align-self-flex-end">b1</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Aktiva/Aset Lancar</div>
\n                  <div class="align-self-flex-end">b11</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Aktiva/Aset Tetap</div>
\n                  <div class="align-self-flex-end">b12</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Pasiva</div>
\n              <div class="align-self-flex-end">b2</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Utang/Kewajiban/Liabilitas</div>
\n                  <div class="align-self-flex-end">b21</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Ekuitas</div>
\n                  <div class="align-self-flex-end">b33</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n    </div>
\n    <div class="treeview-item">
\n      <div class="treeview-item-root">
\n        <div class="treeview-toggle">
\n        </div>
\n        <div class="treeview-item-content">
\n          <div class="treeview-item-label">Neraca</div>
\n        </div>
\n      </div>    
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Aktiva</div>
\n              <div class="align-self-flex-end">c1</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Aktiva/Aset Lancar</div>
\n                  <div class="align-self-flex-end">c11</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Aktiva/Aset Tetap</div>
\n                  <div class="align-self-flex-end">c12</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Pasiva</div>
\n              <div class="align-self-flex-end">c2</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Utang/Kuwajiban/Liabilitas</div>
\n                  <div class="align-self-flex-end">c21</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Modal/Equity</div>
\n                  <div class="align-self-flex-end">c31</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pendapatan/Penjualan</div>
\n                  <div class="align-self-flex-end">c41</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Harga Pokok Penjualan</div>
\n                  <div class="align-self-flex-end">c51</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Beban Penjualan</div>
\n                  <div class="align-self-flex-end">c61</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Beban Administrasi</div>
\n                  <div class="align-self-flex-end">c62</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pendapatan Lain-lain</div>
\n                  <div class="align-self-flex-end">c71</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Beban Lain-lain</div>
\n                  <div class="align-self-flex-end">c81</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n    </div>
\n    <div class="treeview-item">
\n      <div class="treeview-item-root">
\n        <div class="treeview-toggle">
\n        </div>
\n        <div class="treeview-item-content">
\n          <div class="treeview-item-label">Arus Kas</div>
\n        </div>
\n      </div>    
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Arus Kas dari aktivitas operasional</div>
\n              <div class="align-self-flex-end">d1</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Kas Diterima dari customer</div>
\n                  <div class="align-self-flex-end">d11</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk supplier</div>
\n                  <div class="align-self-flex-end">d12</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk beban operasi</div>
\n                  <div class="align-self-flex-end">d13</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk bunga</div>
\n                  <div class="align-self-flex-end">d14</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk pajak</div>
\n                  <div class="align-self-flex-end">d15</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Jumlah kas dari aktivitas operasi</div>
\n                  <div class="align-self-flex-end">d19</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Arus Kas dari aktivitas investasi</div>
\n              <div class="align-self-flex-end">d2</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Kas diterima dari penjualan aktiva</div>
\n                  <div class="align-self-flex-end">d21</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Kas diterima dari bunga/bagi hasil bank</div>
\n                  <div class="align-self-flex-end">d22</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk pembelian aktiva tetap</div>
\n                  <div class="align-self-flex-end">d23</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Jumlah kas untuk aktivitas investasi</div>
\n                  <div class="align-self-flex-end">d29</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Arus Kas dari aktivitas pendanaan</div>
\n              <div class="align-self-flex-end">d3</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Kas diterima dari penyertaan saham</div>
\n                  <div class="align-self-flex-end">d31</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Kas diterima dari hutang/pinjaman</div>
\n                  <div class="align-self-flex-end">d32</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk deviden</div>
\n                  <div class="align-self-flex-end">d33</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk prive</div>
\n                  <div class="align-self-flex-end">d34</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk bunga/bagi hasil</div>
\n                  <div class="align-self-flex-end">d35</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran kas untuk pelunasan hutang/pinjaman</div>
\n                  <div class="align-self-flex-end">d36</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Jumlah kas dari aktivitas pendanaan</div>
\n                  <div class="align-self-flex-end">d39</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Arus Kas bersih/saldo akhir</div>
\n              <div class="align-self-flex-end">d4</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n    </div>
\n    <div class="treeview-item">
\n      <div class="treeview-item-root">
\n        <div class="treeview-toggle">
\n        </div>
\n        <div class="treeview-item-content">
\n          <div class="treeview-item-label">Perubahan Modal</div>
\n        </div>
\n      </div>    
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Modal Usaha</div>
\n              <div class="align-self-flex-end">m1</div>
\n            </div>
\n          </div>
\n      
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran prive</div>
\n                  <div class="align-self-flex-end">m11</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Pembayaran Deviden</div>
\n                  <div class="align-self-flex-end">m12</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n          <div class="treeview-item-children">
\n            <div class="treeview-item">
\n              <div class="treeview-item-root">
\n                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n                  <div class="treeview-item-label">Laba/Rugi Periode Ini</div>
\n                  <div class="align-self-flex-end">m13</div>
\n                </div>
\n              </div>
\n            </div>
\n          </div>        
\n        </div>
\n      </div>
\n      
\n      <div class="treeview-item-children">
\n        <div class="treeview-item">
\n          <div class="treeview-item-root">
\n            <div class="treeview-toggle">
\n            </div>
\n            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
\n              <div class="treeview-item-label">Perubahan Modal atau Laba/Rugi Periode Ini</div>
\n              <div class="align-self-flex-end">m2</div>
\n            </div>
\n          </div>
\n      
\n        </div>
\n      </div>
\n      
\n    </div>
\n  </div>
\n</div>
\n<p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the <head> and JS files in the end of</p>
\n<p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the <head> and JS files in the end of</p>
\n<p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the <head> and JS files in the end of</p>
\n<p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the <head> and JS files in the end of</p>
\n<p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the <head> and JS files in the end of</p>','','<div id="tab-home" class="tab tab-home tab-active">\n  <div class="page">\n    <div class="navbar navbar-large">\n      <div class="navbar-inner sliding">\n        <div class="left">\n        </div>\n        <div class="title">Home</div>\n        <div class="title-large">\n          <div class="title-large-text">Home</div>\n        </div>\n        <div class="right">\n          <a href="#" class="link icon-only switch-theme">\n            <i class="icon f7-icons">moon_stars</i>\n          </a>\n          <a id="signout" class="link icon-only text-color-red">\n            <i class="icon f7-icons">square_arrow_right</i>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="block-title">Report</div>\n      <div class="block block-strong block-outline-ios no-padding-horizontal">\n        <div class="treeview">\n          <div class="treeview-item">\n            <div class="treeview-item-root">\n              <div class="treeview-toggle">\n              </div>\n              <div class="treeview-item-content">\n                <div class="treeview-item-label">Laba/Rugi</div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Pendapatan/Penjualan</div>\n                    <div class="align-self-flex-end">a01</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Harga Pokok Penjualan</div>\n                    <div class="align-self-flex-end">a02</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Beban Penjualan</div>\n                    <div class="align-self-flex-end">a03</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Laba Kotor</div>\n                    <div class="align-self-flex-end">a04</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Beban Administrasi</div>\n                    <div class="align-self-flex-end">a05</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Pendapatan Lain-lain</div>\n                    <div class="align-self-flex-end">a06</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Beban Lain-lain</div>\n                    <div class="align-self-flex-end">a07</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Laba/Rugi Operasional Sebelum Pajak</div>\n                    <div class="align-self-flex-end">a08</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Pajak</div>\n                    <div class="align-self-flex-end">a09</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Laba/Rugi Bersih/Setelah Pajak</div>\n                    <div class="align-self-flex-end">a10</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class="treeview-item">\n            <div class="treeview-item-root">\n              <div class="treeview-toggle">\n              </div>\n              <div class="treeview-item-content">\n                <div class="treeview-item-label">Persamaan Akuntansi</div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Aktiva</div>\n                    <div class="align-self-flex-end">b1</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Aktiva/Aset Lancar</div>\n                        <div class="align-self-flex-end">b11</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Aktiva/Aset Tetap</div>\n                        <div class="align-self-flex-end">b12</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Pasiva</div>\n                    <div class="align-self-flex-end">b2</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Utang/Kewajiban/Liabilitas</div>\n                        <div class="align-self-flex-end">b21</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Ekuitas</div>\n                        <div class="align-self-flex-end">b33</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class="treeview-item">\n            <div class="treeview-item-root">\n              <div class="treeview-toggle">\n              </div>\n              <div class="treeview-item-content">\n                <div class="treeview-item-label">Neraca</div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Aktiva</div>\n                    <div class="align-self-flex-end">c1</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Aktiva/Aset Lancar</div>\n                        <div class="align-self-flex-end">c11</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Aktiva/Aset Tetap</div>\n                        <div class="align-self-flex-end">c12</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Pasiva</div>\n                    <div class="align-self-flex-end">c2</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Utang/Kuwajiban/Liabilitas</div>\n                        <div class="align-self-flex-end">c21</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Modal/Equity</div>\n                        <div class="align-self-flex-end">c31</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pendapatan/Penjualan</div>\n                        <div class="align-self-flex-end">c41</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Harga Pokok Penjualan</div>\n                        <div class="align-self-flex-end">c51</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Beban Penjualan</div>\n                        <div class="align-self-flex-end">c61</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Beban Administrasi</div>\n                        <div class="align-self-flex-end">c62</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pendapatan Lain-lain</div>\n                        <div class="align-self-flex-end">c71</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Beban Lain-lain</div>\n                        <div class="align-self-flex-end">c81</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class="treeview-item">\n            <div class="treeview-item-root">\n              <div class="treeview-toggle">\n              </div>\n              <div class="treeview-item-content">\n                <div class="treeview-item-label">Arus Kas</div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Arus Kas dari aktivitas operasional</div>\n                    <div class="align-self-flex-end">d1</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Kas Diterima dari customer</div>\n                        <div class="align-self-flex-end">d11</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk supplier</div>\n                        <div class="align-self-flex-end">d12</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk beban operasi</div>\n                        <div class="align-self-flex-end">d13</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk bunga</div>\n                        <div class="align-self-flex-end">d14</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk pajak</div>\n                        <div class="align-self-flex-end">d15</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Jumlah kas dari aktivitas operasi</div>\n                        <div class="align-self-flex-end">d19</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Arus Kas dari aktivitas investasi</div>\n                    <div class="align-self-flex-end">d2</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Kas diterima dari penjualan aktiva</div>\n                        <div class="align-self-flex-end">d21</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Kas diterima dari bunga/bagi hasil bank</div>\n                        <div class="align-self-flex-end">d22</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk pembelian aktiva tetap</div>\n                        <div class="align-self-flex-end">d23</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Jumlah kas untuk aktivitas investasi</div>\n                        <div class="align-self-flex-end">d29</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Arus Kas dari aktivitas pendanaan</div>\n                    <div class="align-self-flex-end">d3</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Kas diterima dari penyertaan saham</div>\n                        <div class="align-self-flex-end">d31</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Kas diterima dari hutang/pinjaman</div>\n                        <div class="align-self-flex-end">d32</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk deviden</div>\n                        <div class="align-self-flex-end">d33</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk prive</div>\n                        <div class="align-self-flex-end">d34</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk bunga/bagi hasil</div>\n                        <div class="align-self-flex-end">d35</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran kas untuk pelunasan hutang/pinjaman</div>\n                        <div class="align-self-flex-end">d36</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Jumlah kas dari aktivitas pendanaan</div>\n                        <div class="align-self-flex-end">d39</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Arus Kas bersih/saldo akhir</div>\n                    <div class="align-self-flex-end">d4</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class="treeview-item">\n            <div class="treeview-item-root">\n              <div class="treeview-toggle">\n              </div>\n              <div class="treeview-item-content">\n                <div class="treeview-item-label">Perubahan Modal</div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Modal Usaha</div>\n                    <div class="align-self-flex-end">m1</div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran prive</div>\n                        <div class="align-self-flex-end">m11</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Pembayaran Deviden</div>\n                        <div class="align-self-flex-end">m12</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class="treeview-item-children">\n                  <div class="treeview-item">\n                    <div class="treeview-item-root">\n                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                        <div class="treeview-item-label">Laba/Rugi Periode Ini</div>\n                        <div class="align-self-flex-end">m13</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class="treeview-item-children">\n              <div class="treeview-item">\n                <div class="treeview-item-root">\n                  <div class="treeview-toggle">\n                  </div>\n                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">\n                    <div class="treeview-item-label">Perubahan Modal atau Laba/Rugi Periode Ini</div>\n                    <div class="align-self-flex-end">m2</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the\n\n        <head>and JS files in the end of</p>\n      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the\n\n        <head>and JS files in the end of</p>\n      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the\n\n        <head>and JS files in the end of</p>\n      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the\n\n        <head>and JS files in the end of</p>\n      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7\'s CSS in the\n\n        <head>and JS files in the end of</p>\n    </div>\n  </div>\n</div>','0','0','2','1','1','1','0','0','0','8','1','componentUrl','','','1','1747488507');
INSERT INTO `cp4_html_tab` VALUES('10','more','','more','More Info','','<div class="list">
\n  <ul>
\n    <li>
\n      <a href="/bank/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">monetization_on</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Bank</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/company/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">meeting_room</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Company</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">factory</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Inventory</div>
\n        </div>
\n      </a>
\n    </li>
\n
\n    <li>
\n      <a href="/person/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">person</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Person</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/product/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">category</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Product</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/sales/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">shopping_cart</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Sales</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">sync_alt</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Transaction</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">info</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">About Us</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/faq/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">help</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">FAQ</div>
\n        </div>
\n      </a>
\n    </li>
\n    <li>
\n      <a href="/terms/" data-transition="f7-dive" class="item-link item-content">
\n        <div class="item-media">
\n          <i class="color-primary icon material-symbols-outlined">assignment_turned_in</i>
\n        </div>
\n        <div class="item-inner">
\n          <div class="item-title">Term & Condition</div>
\n        </div>
\n      </a>
\n    </li>
\n  </ul>
\n</div>','','<div id="tab-more" class="tab tab-more">\n  <div class="page">\n    <div class="navbar navbar-large">\n      <div class="navbar-inner sliding">\n        <div class="left">\n        </div>\n        <div class="title">More Info</div>\n        <div class="title-large">\n          <div class="title-large-text">More Info</div>\n        </div>\n        <div class="right">\n          <a href="#" class="link icon-only switch-theme">\n            <i class="icon f7-icons">moon_stars</i>\n          </a>\n          <a id="signout" class="link icon-only text-color-red">\n            <i class="icon f7-icons">square_arrow_right</i>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class="page-content">\n      <div class="list">\n        <ul>\n          <li>\n            <a href="/bank/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">monetization_on</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Bank</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/company/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">meeting_room</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Company</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">factory</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Inventory</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/person/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">person</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Person</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/product/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">category</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Product</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/sales/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">shopping_cart</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Sales</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">sync_alt</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Transaction</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">info</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">About Us</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/faq/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">help</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">FAQ</div>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a href="/terms/" data-transition="f7-dive" class="item-link item-content">\n              <div class="item-media">\n                <i class="color-primary icon material-symbols-outlined">assignment_turned_in</i>\n              </div>\n              <div class="item-inner">\n                <div class="item-title">Term & Condition</div>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</div>','0','0','2','1','1','1','0','0','0','10','0','','','','1','1747488512');


