<!DOCTYPE html>
<html
  lang="en"
  dir="rtl"
  class="md device-pixel-ratio-2 device-android color-theme-blue"
>
  <head>
    <!-- Meta -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=cover"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />

    <meta name="theme-color" content="#2196f3" />
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap:"> -->
    
    <meta name="description" content="JagaToko" />
    <meta property="og:title" content="JagaToko" />
    <meta property="og:description" content="JagaToko" />
    <meta
      property="og:image"
      content="https://ombe.dexignzone.com/xhtml/social-image.png"
    />
    <!-- <meta name="format-detection" content="telephone=no" /> -->
    <!-- <script type="text/javascript" src="https://app.midtrans.com/snap/snap.js" data-client-key="Mid-client-s4D4f7Wdq9SSeShn"></script> -->
    <!-- <script type="text/javascript" src="https://app.sandbox.midtrans.com/snap/snap.js" data-client-key="SB-Mid-client-lv_cZVCD-9r--THm" data-server-key="SB-Mid-server-O4-8E-DI46XgiqWM2riVA67d"></script> -->

    <script src="https://app.sandbox.midtrans.com/snap/snap.js" data-client-key="SB-Mid-client-lv_cZVCD-9r--THm"></script>
    
    <!-- Title -->
    <title>JagaToko | Penjualan</title>

    <!-- Framework7 css -->
    <link rel="stylesheet" href="css/framework7-bundle-rtl.min.css" />
    <link rel="stylesheet" href="css/app.css" />

    <!-- Fonts -->
    <link rel="stylesheet" href="css/font-awesome/css/all.min.css" />
    <link rel="stylesheet" href="css/line-awesome/css/line-awesome.min.css" />

    <!-- Style css -->
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/perfect-scrollbar.css" />

    <!-- Favicon -->
    <link rel="apple-touch-icon" href="img/f7-icon-square.png" />
    <link rel="icon" href="img/f7-icon.png" />

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"> -->

    <style type="text/css">
      .list ul:before,
      .list ul:after {
        background-color: inherit;
      }

      .cartpojok {
        position: absolute;
        right: 0px;
        top: 0px;
      }

      #tb_diskon_barang {
        border-width: 2px;
        border-radius: 18px;
        padding: 20px;
      }

      .block-title {
        white-space: inherit !important;
      }

      .tag {
        font-size: 1.5rem;
        color: #29735a;
      }

      .notification-list ul li .card {
          padding: 20px 20px;
          border-radius: 8px;
          margin: 0;
          background: rgb(255 255 255 / 28%);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }

      #ctn_barang{
        background: rgb(255 255 255 / 45%);
      }
    </style>
  </head>

  <body>
    <div id="app">
      <!-- Sidebar Nav -->
      <div class="panel panel-right panel-reveal panel-resizable panel-init sidebar-left">
        <div class="page">
          <div class="page-content">
            <div class="sidebar-menu">
              <div class="main-logo left">
                <div class="logo-icon">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    version="1.1"
                    id="Layer_1"
                    x="0px"
                    y="0px"
                    width="125px"
                    height="40px"
                    viewBox="0 0 125 40"
                    enable-background="new 0 0 125 40"
                    xml:space="preserve"
                  >
                    <image
                      id="image0"
                      width="125"
                      height="40"
                      x="0"
                      y="0"
                      href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAoCAMAAADkHQVTAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC1lBMVEUAAAAhlvMIJz8hlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvP///881Cf5AAAA8HRSTlMAAAAGEQ0BBR4VTs3QmwgS lOBaYsQLbd8lYcEKk/U9Y0oEV/fLGcAiRF9eQgMHZ7ikNkbe9v702JUCvxaP8ed6DF1MIIqipWlb YBtJUj92mqafgQlUXJzXZC0sa5adfECr/VD7zhh/3Pw0vM9ZyEi58xwk5RqNsTjvs3mC+u5HK9Ls +aF7u+FF5sdL8tY1wmWtcumM6DvJ4qPjJjAyr+0UkSh1E8Yf0S+D8Gp3dCcPqT4hiyrD5NVW0xdB N2aEt1jZtN2Qqr0u+BBD27CuOepvgI6Fh8W1l3jrqHGeUZLUoA46tn1+I1U8cInMU3NPym4VcjYn AAAAAWJLR0TxQr/fwgAAAAd0SU1FB+cDHgYxKMeWCBwAAAZASURBVFjD7Zf5X1RVFMC9ATOjbLIp OqCMY8LgTAHOEKAoi4psigIBKuCwCCYuICLJGIsKiohiIqAWCiGKgaZQCZpEKqShZZuVpu2b1f0T Oue+NwsM8sE++Bvnh3l3Oe987z33nPPujBs3JmMyJqMghJeRq44q3cTU1NRMMDK6UDR+dPFkgrm5 haXVCEwSYj3RxsJ2dOl2lFJ7hxHRJ4HqZMenpg9zuGQKmJwqHhHdCVSdpz093dHObrqLZFg6GVYY fYaU0pnPPz0dEbPEI6ELBISYuLrJ3GeL5KxjQFe88KKHJ98e4Exj1xoqsMPV0w2Vjfcu9PKYo6Qq 75d8PAVkgBVCfFlbt0yiX4peVWvKVzcgA4SfifGUnq6TufP8KS/zFwQMoIsC3WVBCuwG2y5ctHhi iCNv0HrJxMU+oWHycJkswgHnAyKXLotavsIrmhCzmNiXwVZcvLssgZFXrlq9ODEpWcze1dLlXjJ3 90DR+DVUL2qfAAN/kpRUStOsCUlfm5HJ5jNC2S7WvYJd1fqsDZTOEREi2bhpM5t39sgmOVt05haA bu5Wrr85bxu+qqXH5kPjVZETNZTM7QI9nqQAZD3QC5DlrIHfHa+BhcIiXrt4B2Qk0BMmQ6fEGYd2 muTM11nbBU7breuVuujpZXvguTe43Bsn9hX5zapgb8/fb0hP5eiOfrTyQGRKnprSgyZE4YGKJVuK mU2kC6uUh14Pj9x1GCxVZx8pxRlpqU3NKmJVy8zXMd24ozxdcawCu8eFb8DjzdXTTE0U9WWL0H0n hqCTkw1YcRvfAlgT2QY7pqeycppPn+HpRHKgDN3aAss7KwgLexvGN7SKmtqIC2xJfe78O81rUfcC R/e72A6/HW6kENz0brgg7L3tZ1PGy21rKH3/0hB0yMnOmPgQe0r9uwjarvHE0bOZPB1Wti4o8PIF qA/LoBOKGWeFw6ux1YitK9AqmsvoRR/gGV4lJAIO08mspVuVqVZbXG07SOmZLmN6tO2Hdc5c3EnL yDLKMQgR9fD0hI+K8jUqpnBNTnT5TqKvQ6uK6R4HjxXfYHQ16q2FsRBcRXvvnBXlEy7s8a8EP5WU G9HFJ0pYRGrgNU05wWMvYJnXZ87RP76J86pUUKe3JAZ0MzgrVSzTde1gjkN6BzTpOTOOTumWLpKb TsLzWTQFGdGvgoO8r7VElOcBPYj4gNYnrJY0H2Z0a3t0Z4Ft+aR9lObx9Er4kBHFJj7vCOmHqnJ7 JXfud2A36u2ExKSyXPz0M5ueu1vZDv37jehYPD4XggVLRm/BN+wg8Rs9uKjrB2j3RZjvMqCn9SFz K7TMgzFwMAJmWnOfgPoojPVwcuMQl4uqWUf4rIzLHUz3hXqkiscik8HohVg+zljKJvmpOLpXL6Vf gCPFJyhHd8f1hTS1NpHz6M+pS/pdEkGHJvEZZ1WYgetzVXzJMb3dslK51lcCo70vhOHur2Ov4OkC XXDXsD4BPeE2ROMiWUuehqfjcmhvzaEGIpnHImYzDtC9YbpqcwBVaxUxUm7vFhWcsXvVxvnu2cFU qBQSMjUIPc6FN63TMLqJJTdPS6Ucvd5eV+vqa9Xadabt52tdpZiIv4Fn6rfR3w2otKrTvkNUm/tF kG6qmqoHGqV/OJjoa/heqsq89zAUzvlmLtTy5fihcs7LqpNq1kgwACpZDC2F5qM7p7CtrnPKwUAI VCo1u6HOJ8T1Knttfsj90ZD+sM8ATu7zdZ5kz/jpZ1kr+aUz+TwrHSTXLfDXZvnGEn5e8dvvBVWz A8TVyZ0r2ae3MWjplSS7YKabHtRwN2nJSV/2jUuPTE4+JsePRWdycqcryU5Uatn5f5ga3C3gOw3e /LPP+OJT3co98VBvCY3vRQbN5wZemIxtWf2VtwcOsLe0drbc4Gbj+8h6JyanWLsWnUta4ypW5Zg5 ZD/G2t2gv3AMuEINvgkZX7K0En3x7+lTyh2FBoscR9qi0jBSLQe9CKt9iEGwt/0m1t6eo//3xk2e KDh5qRsPo/e+ET2iRB8nyvjR/a+jozTVYVI8iDaiOyYWa+E9lyXPiJ5+Lm3DtUCHwdbBM8J1j5df /yetPepfR/Js4Hi+fY8kQ8QLOxpBdFtfgC95VvBh/+sOCJAxGV35D68I/KZcVt08AAAAJXRFWHRk YXRlOmNyZWF0ZQAyMDIzLTAzLTMwVDA2OjQ5OjQwKzAwOjAwrUuf8AAAACV0RVh0ZGF0ZTptb2Rp ZnkAMjAyMy0wMy0zMFQwNjo0OTo0MCswMDowMNwWJ0wAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw MjMtMDMtMzBUMDY6NDk6NDArMDA6MDCLAwaTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJl YWR5ccllPAAAAABJRU5ErkJggg=="
                    />
                  </svg>
                </div>
                <!-- <div class="logo-content">
              <h2 class="logo-name">Jaga Toko</h2>  
            </div> -->
              </div>
              <a href="#" class="panel-close">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <rect
                    x="2"
                    y="18.7509"
                    width="23.6893"
                    height="3.55339"
                    rx="1.7767"
                    transform="rotate(-45 2 18.7509)"
                    fill="#5F5F5F"
                  />
                  <rect
                    width="23.6893"
                    height="3.55339"
                    rx="1.7767"
                    transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.2634 18.7509)"
                    fill="#5F5F5F"
                  />
                </svg>
              </a>
              <div class="nav-bar list menu-list dz-list">
                <ul>
                  <li>
                    <a
                      href="#"
                      onclick="pages_url('index.html')"
                      class="item-link"
                    >
                      <svg
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M3 8.40009V21.0001C3 21.2653 3.10536 21.5197 3.29289 21.7072C3.48043 21.8947 3.73478 22.0001 4 22.0001H20C20.2652 22.0001 20.5196 21.8947 20.7071 21.7072C20.8946 21.5197 21 21.2653 21 21.0001V8.40009C21.0001 8.23646 20.96 8.07531 20.8833 7.93077C20.8066 7.78623 20.6956 7.66273 20.56 7.5711L12.56 2.1711C12.3946 2.05932 12.1996 1.99959 12 1.99959C11.8004 1.99959 11.6054 2.05932 11.44 2.1711L3.44 7.5711C3.30443 7.66273 3.19342 7.78623 3.11671 7.93077C3.03999 8.07531 2.99992 8.23646 3 8.40009ZM14 20.0001H10V14.0001H14V20.0001ZM5 8.9321L12 4.2071L19 8.9321V20.0001H16V13.0001C16 12.7349 15.8946 12.4805 15.7071 12.293C15.5196 12.1055 15.2652 12.0001 15 12.0001H9C8.73478 12.0001 8.48043 12.1055 8.29289 12.293C8.10536 12.4805 8 12.7349 8 13.0001V20.0001H5V8.9321Z"
                          fill="#04764E"
                        />
                      </svg>
                      <span>Home</span>
                    </a>
                  </li>
                  <!-- <li>
                <a href="#" class="item-link">
                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M20 18H9C8.73478 18 8.48043 17.8946 8.29289 17.7071C8.10536 17.5196 8 17.2652 8 17C8 16.7348 8.10536 16.4804 8.29289 16.2929C8.48043 16.1054 8.73478 16 9 16H20C20.2277 16.0002 20.4486 15.9227 20.6262 15.7803C20.8039 15.638 20.9276 15.4392 20.977 15.217L22.977 6.217C23.0095 6.07075 23.0087 5.91906 22.9748 5.77314C22.9408 5.62723 22.8744 5.49081 22.7806 5.37398C22.6868 5.25715 22.568 5.16288 22.4329 5.09815C22.2978 5.03342 22.1498 4.99988 22 5H6.719L5.975 1.775C5.9241 1.55458 5.79997 1.35794 5.62289 1.21718C5.4458 1.07642 5.22622 0.999855 5 1H2C1.73478 1 1.48043 1.10536 1.29289 1.29289C1.10536 1.48043 1 1.73478 1 2C1 2.26522 1.10536 2.51957 1.29289 2.70711C1.48043 2.89464 1.73478 3 2 3H4.2L6.935 14.834C6.49977 15.2462 6.19836 15.7797 6.06981 16.3652C5.94125 16.9507 5.99148 17.5613 6.21398 18.1179C6.43649 18.6746 6.82101 19.1516 7.31775 19.4871C7.81449 19.8227 8.40054 20.0014 9 20H20C20.2652 20 20.5196 19.8947 20.7071 19.7071C20.8946 19.5196 21 19.2652 21 19C21 18.7348 20.8946 18.4804 20.7071 18.2929C20.5196 18.1054 20.2652 18 20 18ZM20.753 7L19.2 14H8.8L7.18 7H20.753Z" fill="#B0ACB3"/>
                    <path d="M10 23C10.5523 23 11 22.5523 11 22C11 21.4477 10.5523 21 10 21C9.44771 21 9 21.4477 9 22C9 22.5523 9.44771 23 10 23Z" fill="#B0ACB3"/>
                    <path d="M18 23C18.5523 23 19 22.5523 19 22C19 21.4477 18.5523 21 18 21C17.4477 21 17 21.4477 17 22C17 22.5523 17.4477 23 18 23Z" fill="#B0ACB3"/>
                  </svg>
                  <span>Cart</span>
                </a>
              </li> -->
                  <!-- <li>
                    <a href="#" class="item-link">
                      <svg
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M19 1.00012C18.2089 1.00012 17.4355 1.23472 16.7777 1.67424C16.1199 2.11377 15.6072 2.73848 15.3045 3.46939C15.0017 4.20029 14.9225 5.00456 15.0769 5.78048C15.2312 6.55641 15.6122 7.26914 16.1716 7.82855C16.731 8.38796 17.4437 8.76892 18.2196 8.92326C18.9956 9.0776 19.7998 8.99839 20.5307 8.69564C21.2616 8.39289 21.8864 7.8802 22.3259 7.2224C22.7654 6.56461 23 5.79125 23 5.00012C23 3.93926 22.5786 2.92184 21.8284 2.17169C21.0783 1.42155 20.0609 1.00012 19 1.00012ZM19 7.00012C18.6044 7.00012 18.2178 6.88282 17.8889 6.66306C17.56 6.4433 17.3036 6.13094 17.1522 5.76549C17.0009 5.40004 16.9613 4.9979 17.0384 4.60994C17.1156 4.22198 17.3061 3.86561 17.5858 3.58591C17.8655 3.3062 18.2219 3.11572 18.6098 3.03855C18.9978 2.96138 19.3999 3.00099 19.7654 3.15236C20.1308 3.30374 20.4432 3.56008 20.6629 3.88898C20.8827 4.21788 21 4.60456 21 5.00012C21 5.53056 20.7893 6.03926 20.4142 6.41434C20.0391 6.78941 19.5304 7.00012 19 7.00012Z"
                          fill="#B0ACB3"
                        />
                        <path
                          d="M19.0001 10.9999C18.7349 10.9999 18.4806 11.1053 18.293 11.2928C18.1055 11.4803 18.0001 11.7347 18.0001 11.9999V20.9999H3.00012V5.99994H12.0001C12.2653 5.99994 12.5197 5.89458 12.7072 5.70705C12.8948 5.51951 13.0001 5.26516 13.0001 4.99994C13.0001 4.73473 12.8948 4.48037 12.7072 4.29284C12.5197 4.1053 12.2653 3.99995 12.0001 3.99995H2.00012C1.73491 3.99995 1.48055 4.1053 1.29302 4.29284C1.10548 4.48037 1.00012 4.73473 1.00012 4.99994V21.9999C1.00012 22.2651 1.10548 22.5194 1.29302 22.707C1.48055 22.8945 1.73491 22.9999 2.00012 22.9999H19.0001C19.2653 22.9999 19.5197 22.8945 19.7072 22.707C19.8948 22.5194 20.0001 22.2651 20.0001 21.9999V11.9999C20.0001 11.7347 19.8948 11.4803 19.7072 11.2928C19.5197 11.1053 19.2653 10.9999 19.0001 10.9999Z"
                          fill="#B0ACB3"
                        />
                      </svg>
                      <span>Notifications</span>
                    </a>
                  </li> -->
                  <li>
                    <a
                      href="#"
                      onclick="pages_url('help.html');"
                      class="item-link"
                    >
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 24 24"
                        width="24"
                        height="24"
                      >
                        <path
                          d="M22.029,5.994,20.97,1.758A1,1,0,0,0,20,1H4a1,1,0,0,0-.97.758L1.971,5.994A4,4,0,0,0,2.7,9.45a4.033,4.033,0,0,0,.3.3V22a1,1,0,0,0,1,1H20a1,1,0,0,0,1-1V9.753a4.033,4.033,0,0,0,.3-.3A4,4,0,0,0,22.029,5.994ZM10,6l.251-3h3.492L14,6l.066.8A2.027,2.027,0,0,1,12.042,9h-.084A2.027,2.027,0,0,1,9.937,6.8ZM4.28,8.22a2.016,2.016,0,0,1-.369-1.741L4.781,3H8.247L7.9,7.14A2.041,2.041,0,0,1,5.879,9,2.015,2.015,0,0,1,4.28,8.22ZM13,21H11V16h2Zm6,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v6H5V10.9A3.953,3.953,0,0,0,8.911,9.589c.03.035.051.076.083.11A4.04,4.04,0,0,0,11.958,11h.084a4.04,4.04,0,0,0,2.964-1.3c.032-.034.053-.075.083-.11A3.953,3.953,0,0,0,19,10.9Zm.72-12.78a2.015,2.015,0,0,1-1.6.78A2.041,2.041,0,0,1,16.1,7.14L15.753,3h3.466l.87,3.479A2.016,2.016,0,0,1,19.72,8.22Z"
                        />
                      </svg>
                      <span>Help</span>
                    </a>
                  </li>
                  <li>
                    <a
                      href="#"
                      onclick="pages_url('profile.html');"
                      class="item-link"
                    >
                      <svg
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M15.7 11.7172C16.6839 10.9478 17.4031 9.89058 17.7575 8.69293C18.1118 7.49528 18.0836 6.2169 17.6767 5.03606C17.2698 3.85523 16.5046 2.8308 15.4877 2.10563C14.4708 1.38045 13.253 0.990694 12.004 0.990694C10.755 0.990694 9.53719 1.38045 8.52031 2.10563C7.50342 2.8308 6.73819 3.85523 6.33131 5.03606C5.92443 6.2169 5.89619 7.49528 6.25053 8.69293C6.60487 9.89058 7.32413 10.9478 8.308 11.7172C6.44917 12.4568 4.85467 13.7365 3.73027 15.3912C2.60587 17.0459 2.00318 18.9996 2 21.0002V22.0002C2 22.2654 2.10536 22.5197 2.29289 22.7073C2.48043 22.8948 2.73478 23.0002 3 23.0002H21C21.2652 23.0002 21.5196 22.8948 21.7071 22.7073C21.8946 22.5197 22 22.2654 22 22.0002V21.0002C21.9975 19.0005 21.3959 17.0475 20.273 15.3929C19.1501 13.7383 17.5573 12.458 15.7 11.7172ZM8 7.00017C8 6.20904 8.2346 5.43568 8.67412 4.77789C9.11365 4.12009 9.73836 3.6074 10.4693 3.30465C11.2002 3.0019 12.0044 2.92269 12.7804 3.07703C13.5563 3.23137 14.269 3.61233 14.8284 4.17174C15.3878 4.73115 15.7688 5.44388 15.9231 6.21981C16.0775 6.99573 15.9983 7.8 15.6955 8.5309C15.3928 9.2618 14.8801 9.88652 14.2223 10.326C13.5645 10.7656 12.7911 11.0002 12 11.0002C10.9391 11.0002 9.92172 10.5787 9.17157 9.82859C8.42143 9.07845 8 8.06103 8 7.00017ZM4 21.0002C4 18.8784 4.84285 16.8436 6.34315 15.3433C7.84344 13.843 9.87827 13.0002 12 13.0002C14.1217 13.0002 16.1566 13.843 17.6569 15.3433C19.1571 16.8436 20 18.8784 20 21.0002H4Z"
                          fill="#B0ACB3"
                        />
                      </svg>
                      <span>Profile</span>
                    </a>
                  </li>
                  <li>
                    <a
                      href="#"
                      onclick="pages_url('setting.html');"
                      class="item-link"
                    >
                      <svg
                        enable-background="new 0 0 512 512"
                        height="24"
                        viewBox="0 0 512 512"
                        width="24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="m272.066 512h-32.133c-25.989 0-47.134-21.144-47.134-47.133v-10.871c-11.049-3.53-21.784-7.986-32.097-13.323l-7.704 7.704c-18.659 18.682-48.548 18.134-66.665-.007l-22.711-22.71c-18.149-18.129-18.671-48.008.006-66.665l7.698-7.698c-5.337-10.313-9.792-21.046-13.323-32.097h-10.87c-25.988 0-47.133-21.144-47.133-47.133v-32.134c0-25.989 21.145-47.133 47.134-47.133h10.87c3.531-11.05 7.986-21.784 13.323-32.097l-7.704-7.703c-18.666-18.646-18.151-48.528.006-66.665l22.713-22.712c18.159-18.184 48.041-18.638 66.664.006l7.697 7.697c10.313-5.336 21.048-9.792 32.097-13.323v-10.87c0-25.989 21.144-47.133 47.134-47.133h32.133c25.989 0 47.133 21.144 47.133 47.133v10.871c11.049 3.53 21.784 7.986 32.097 13.323l7.704-7.704c18.659-18.682 48.548-18.134 66.665.007l22.711 22.71c18.149 18.129 18.671 48.008-.006 66.665l-7.698 7.698c5.337 10.313 9.792 21.046 13.323 32.097h10.87c25.989 0 47.134 21.144 47.134 47.133v32.134c0 25.989-21.145 47.133-47.134 47.133h-10.87c-3.531 11.05-7.986 21.784-13.323 32.097l7.704 7.704c18.666 18.646 18.151 48.528-.006 66.665l-22.713 22.712c-18.159 18.184-48.041 18.638-66.664-.006l-7.697-7.697c-10.313 5.336-21.048 9.792-32.097 13.323v10.871c0 25.987-21.144 47.131-47.134 47.131zm-106.349-102.83c14.327 8.473 29.747 14.874 45.831 19.025 6.624 1.709 11.252 7.683 11.252 14.524v22.148c0 9.447 7.687 17.133 17.134 17.133h32.133c9.447 0 17.134-7.686 17.134-17.133v-22.148c0-6.841 4.628-12.815 11.252-14.524 16.084-4.151 31.504-10.552 45.831-19.025 5.895-3.486 13.4-2.538 18.243 2.305l15.688 15.689c6.764 6.772 17.626 6.615 24.224.007l22.727-22.726c6.582-6.574 6.802-17.438.006-24.225l-15.695-15.695c-4.842-4.842-5.79-12.348-2.305-18.242 8.473-14.326 14.873-29.746 19.024-45.831 1.71-6.624 7.684-11.251 14.524-11.251h22.147c9.447 0 17.134-7.686 17.134-17.133v-32.134c0-9.447-7.687-17.133-17.134-17.133h-22.147c-6.841 0-12.814-4.628-14.524-11.251-4.151-16.085-10.552-31.505-19.024-45.831-3.485-5.894-2.537-13.4 2.305-18.242l15.689-15.689c6.782-6.774 6.605-17.634.006-24.225l-22.725-22.725c-6.587-6.596-17.451-6.789-24.225-.006l-15.694 15.695c-4.842 4.843-12.35 5.791-18.243 2.305-14.327-8.473-29.747-14.874-45.831-19.025-6.624-1.709-11.252-7.683-11.252-14.524v-22.15c0-9.447-7.687-17.133-17.134-17.133h-32.133c-9.447 0-17.134 7.686-17.134 17.133v22.148c0 6.841-4.628 12.815-11.252 14.524-16.084 4.151-31.504 10.552-45.831 19.025-5.896 3.485-13.401 2.537-18.243-2.305l-15.688-15.689c-6.764-6.772-17.627-6.615-24.224-.007l-22.727 22.726c-6.582 6.574-6.802 17.437-.006 24.225l15.695 15.695c4.842 4.842 5.79 12.348 2.305 18.242-8.473 14.326-14.873 29.746-19.024 45.831-1.71 6.624-7.684 11.251-14.524 11.251h-22.148c-9.447.001-17.134 7.687-17.134 17.134v32.134c0 9.447 7.687 17.133 17.134 17.133h22.147c6.841 0 12.814 4.628 14.524 11.251 4.151 16.085 10.552 31.505 19.024 45.831 3.485 5.894 2.537 13.4-2.305 18.242l-15.689 15.689c-6.782 6.774-6.605 17.634-.006 24.225l22.725 22.725c6.587 6.596 17.451 6.789 24.225.006l15.694-15.695c3.568-3.567 10.991-6.594 18.244-2.304z"
                          fill="#B0ACB3"
                        />
                        <path
                          d="m256 367.4c-61.427 0-111.4-49.974-111.4-111.4s49.973-111.4 111.4-111.4 111.4 49.974 111.4 111.4-49.973 111.4-111.4 111.4zm0-192.8c-44.885 0-81.4 36.516-81.4 81.4s36.516 81.4 81.4 81.4 81.4-36.516 81.4-81.4-36.515-81.4-81.4-81.4z"
                          fill="#B0ACB3"
                        />
                      </svg>
                      <span>Setting</span>
                    </a>
                  </li>

                  <li>
                    <a
                      href="#"
                      class="item-link logout-link"
                      onclick="logout();"
                    >
                      <svg
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M16.65 3.10017C16.5318 3.04166 16.4033 3.00701 16.2717 2.99819C16.1401 2.98937 16.0081 3.00655 15.8831 3.04876C15.7582 3.09096 15.6428 3.15736 15.5435 3.24416C15.4442 3.33097 15.363 3.43648 15.3045 3.55467C15.246 3.67286 15.2114 3.80141 15.2025 3.93299C15.1937 4.06458 15.2109 4.19661 15.2531 4.32155C15.2953 4.44649 15.3617 4.56189 15.4485 4.66117C15.5353 4.76045 15.6408 4.84166 15.759 4.90017C17.4682 5.74798 18.8405 7.14866 19.6532 8.87476C20.4659 10.6009 20.6712 12.551 20.2358 14.4085C19.8004 16.266 18.7499 17.9218 17.2548 19.107C15.7597 20.2921 13.9079 20.9371 12 20.9371C10.0922 20.9371 8.24035 20.2921 6.74526 19.107C5.25018 17.9218 4.19964 16.266 3.76424 14.4085C3.32885 12.551 3.53417 10.6009 4.34687 8.87476C5.15956 7.14866 6.5319 5.74798 8.24102 4.90017C8.47972 4.78201 8.6617 4.57388 8.74694 4.32155C8.83217 4.06922 8.81368 3.79336 8.69553 3.55467C8.57737 3.31597 8.36924 3.13399 8.11691 3.04876C7.86457 2.96352 7.58872 2.98201 7.35002 3.10017C5.23724 4.14884 3.54096 5.88088 2.5366 8.01508C1.53223 10.1493 1.27875 12.5603 1.81731 14.8567C2.35587 17.1531 3.65485 19.2001 5.50334 20.6652C7.35184 22.1303 9.64131 22.9276 12 22.9276C14.3587 22.9276 16.6482 22.1303 18.4967 20.6652C20.3452 19.2001 21.6442 17.1531 22.1827 14.8567C22.7213 12.5603 22.4678 10.1493 21.4635 8.01508C20.4591 5.88088 18.7628 4.14884 16.65 3.10017Z"
                          fill="#FF8484"
                        />
                        <path
                          d="M12 13.0002C12.2652 13.0002 12.5196 12.8948 12.7071 12.7073C12.8947 12.5197 13 12.2654 13 12.0002V2.00017C13 1.73495 12.8947 1.48059 12.7071 1.29306C12.5196 1.10552 12.2652 1.00016 12 1.00016C11.7348 1.00016 11.4804 1.10552 11.2929 1.29306C11.1054 1.48059 11 1.73495 11 2.00017V12.0002C11 12.2654 11.1054 12.5197 11.2929 12.7073C11.4804 12.8948 11.7348 13.0002 12 13.0002Z"
                          fill="#FF8484"
                        />
                      </svg>
                      <span>Logout</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- View Main -->
      <div
        class="view view-main view-init safe-areas"
        data-master-detail-breakpoint="800"
        data-url="/"
      >
        <div class="row no-gutters vh-100 loader-screen">
              <div class="col align-self-center text-white text-align-center">
                <div id="loading-area">                  
                  <h2 class="load-text" style="color: #2196f3;">
                    <span>o</span>
                    <span>k</span>
                    <span>o</span>
                    <span>T</span>
                    <span>a</span>
                    <span>g</span>
                    <span>a</span>
                    <span>J</span>
                    
                  </h2>
                </div>
              </div>
            </div>

        <!-- area content -->
        <div class="page">
          <div class="navbar navbar-style-1 border-bottom">
            <div class="navbar-inner">
              <a onclick="back('index.html');" href="#" class="link back">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M0.439312 13.0606L5.75391 18.3752C6.04683 18.6682 6.43069 18.8146 6.81459 18.8146C7.1985 18.8146 7.58236 18.6682 7.87528 18.3752C8.46103 17.7894 8.46103 16.8397 7.87528 16.2539L5.12133 13.5H22.5C23.3284 13.5 24 12.8284 24 12C24 11.1716 23.3284 10.5 22.5 10.5H5.12133L7.87528 7.7461C8.46103 7.1603 8.46103 6.21057 7.87528 5.62477C7.28944 5.03898 6.33975 5.03898 5.75391 5.62477L0.439312 10.9394C-0.146437 11.5251 -0.146437 12.4749 0.439312 13.0606Z"
                    fill="black"
                  />
                </svg>
              </a>
              <div class="title">Penjualan</div>
              <div class="right">
                <a href="#" class="link panel-open" data-panel="right">
                  <svg
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M14 12C14 10.8955 13.1046 10 12 10C10.8954 10 10 10.8955 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12Z"
                      fill="black"
                    />
                    <path
                      d="M14 20C14 18.8954 13.1046 18 12 18C10.8954 18 10 18.8954 10 20C10 21.1045 10.8954 22 12 22C13.1046 22 14 21.1045 14 20Z"
                      fill="black"
                    />
                    <path
                      d="M14 4C14 2.89544 13.1046 2.00001 12 2.00001C10.8954 2.00001 10 2.89544 10 4C10 5.10457 10.8954 6 12 6C13.1046 6 14 5.10457 14 4Z"
                      fill="black"
                    />
                  </svg>
                </a>
              </div>
            </div>
          </div>

          <div class="toolbar toolbar-bottom tabbar">
            <div class="toolbar-inner">
              <a href="#tab-1" class="tab-link tab-link-active">Barang</a>
              <a href="#tab-2" class="tab-link">Penjualan</a>
            </div>
          </div>
          <div class="tabs-swipeable-wrap">
            <div class="tabs">
              <div id="tab-1" class="page-content tab tab-active">

                <div class="fab fab-extended fab-center-bottom">
                  <a href="#" onclick="load_barang();">
                    <i class="icon f7-icons">arrow_clockwise</i>
                    <div class="fab-text">Load More</div>
                  </a>
                </div>

                <div class="fab fab-right-bottom">
                  <span class="badge color-red cart_jml display-none">0</span>
                  <a href="#">
                    <i class="icon f7-icons">control</i>
                    <i class="icon f7-icons">xmark</i>
                  </a>
                  <div class="fab-buttons fab-buttons-top">
                    <a
                      href=""
                      onclick="refreshCart();"
                      class="fab-label-button"
                    >
                      <span
                        class="cartpojok badge color-red cart_jml display-none"
                        >0</span
                      >
                      <i class="material-icons btn-fl">add_shopping_cart</i>
                      <span class="fab-label">Cart</span>
                    </a>
                    <a
                      href=""
                      onclick="scanBarcode('1');"
                      class="fab-label-button"
                    >
                      <i class="icon f7-icons btn-fl">qrcode</i>
                      <span class="fab-label">Scan Barcode</span>
                    </a>
                    <a
                      href=""
                      onclick="transaksi_baru()"
                      class="fab-label-button"
                    >
                      <i class="icon f7-icons btn-fl">plus</i>
                      <span class="fab-label">Transaksi Baru</span>
                    </a>
                  </div>
                </div>

                <div class="page-content pt-30">
                  <div class="">
                    <div class="searchbar-backdrop"></div>
                    <div class="fixed-toolbar mb-30">
                      <div class="container">
                        <!-- Search -->
                        <form
                          id="form1"
                          data-search-container=".search-list"
                          data-search-in=".item-title"
                          class="searchbar searchbar-init search-box list-search-bx"
                        >
                          <div class="searchbar-inner">
                            <div class="searchbar-input-wrap">
                              <input
                                type="search"
                                placeholder="Search"
                                id="tb_search"
                              />
                              <i class="searchbar-icon">
                                <svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  fill="none"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    d="M9.65925 19.3102C11.8044 19.3103 13.8882 18.5946 15.5806 17.2764L21.9653 23.6612C22.4423 24.1218 23.2023 24.1086 23.663 23.6316C24.1123 23.1664 24.1123 22.4288 23.663 21.9636L17.2782 15.5788C20.5491 11.3682 19.7874 5.30335 15.5769 2.03244C11.3663 -1.23846 5.30149 -0.476784 2.03058 3.73376C-1.24033 7.9443 -0.478646 14.0092 3.73189 17.2801C5.42702 18.597 7.51269 19.3113 9.65925 19.3102ZM4.52915 4.52732C7.36245 1.69396 11.9561 1.69391 14.7895 4.52721C17.6229 7.36052 17.6229 11.9542 14.7896 14.7876C11.9563 17.6209 7.36261 17.621 4.52925 14.7877C4.5292 14.7876 4.5292 14.7876 4.52915 14.7876C1.69584 11.9749 1.67915 7.39796 4.49181 4.56465C4.50424 4.55217 4.51667 4.53974 4.52915 4.52732Z"
                                    fill="#C9C9C9"
                                  />
                                </svg>
                              </i>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="block-title">Barang</div>
                    <div class="list">
                      <ul id="ctn_barang">
                        <!-- <li>
								  <a href="#" class="item-link item-content">
								    <div class="item-media"><i class="icon icon-f7"></i></div>
								    <div class="item-inner">
								      <div class="item-title">Ivan Petrov</div>
								      
								    </div>
								  </a>
								</li> -->
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div id="tab-2" class="page-content tab">
                <div class="fab fab-extended fab-center-bottom">
                  <a href="#" onclick="load_penjualan();">
                    <i class="icon f7-icons">arrow_clockwise</i>
                    <div class="fab-text">Load More</div>
                  </a>
                </div>

                <div class="fab fab-right-bottom">
                  <span class="badge color-red cart_jml display-none">0</span>
                  <a href="#">
                    <i class="icon f7-icons">control</i>
                    <i class="icon f7-icons">xmark</i>
                  </a>
                  <div class="fab-buttons fab-buttons-top">
                    <a
                      href=""
                      onclick="refreshCart();"
                      class="fab-label-button"
                    >
                      <span
                        class="cartpojok badge color-red cart_jml display-none"
                        >0</span
                      >
                      <i class="material-icons btn-fl">add_shopping_cart</i>
                      <span class="fab-label">Cart</span>
                    </a>
                    <a
                      href=""
                      onclick="scanBarcode('2');"
                      class="fab-label-button"
                    >
                      <i class="icon f7-icons btn-fl">qrcode</i>
                      <span class="fab-label">Scan Barcode</span>
                    </a>
                    <a
                      href=""
                      onclick="transaksi_baru()"
                      class="fab-label-button"
                    >
                      <i class="icon f7-icons btn-fl">plus</i>
                      <span class="fab-label">Transaksi Baru</span>
                    </a>
                  </div>
                </div>

                <div class="page-content pt-30">
                  <div class="">
                    <div class="searchbar-backdrop"></div>
                    <div class="fixed-toolbar mb-30">
                      <div class="container">
                        <!-- Search -->
                        <form
                          id="form2"
                          data-search-container=".search-list"
                          data-search-in=".item-title"
                          class="searchbar searchbar-init search-box list-search-bx"
                        >
                          <div class="searchbar-inner">
                            <div class="searchbar-input-wrap">
                              <input
                                type="search"
                                placeholder="Search"
                                id="tb_search2"
                              />
                              <i class="searchbar-icon">
                                <svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  fill="none"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    d="M9.65925 19.3102C11.8044 19.3103 13.8882 18.5946 15.5806 17.2764L21.9653 23.6612C22.4423 24.1218 23.2023 24.1086 23.663 23.6316C24.1123 23.1664 24.1123 22.4288 23.663 21.9636L17.2782 15.5788C20.5491 11.3682 19.7874 5.30335 15.5769 2.03244C11.3663 -1.23846 5.30149 -0.476784 2.03058 3.73376C-1.24033 7.9443 -0.478646 14.0092 3.73189 17.2801C5.42702 18.597 7.51269 19.3113 9.65925 19.3102ZM4.52915 4.52732C7.36245 1.69396 11.9561 1.69391 14.7895 4.52721C17.6229 7.36052 17.6229 11.9542 14.7896 14.7876C11.9563 17.6209 7.36261 17.621 4.52925 14.7877C4.5292 14.7876 4.5292 14.7876 4.52915 14.7876C1.69584 11.9749 1.67915 7.39796 4.49181 4.56465C4.50424 4.55217 4.51667 4.53974 4.52915 4.52732Z"
                                    fill="#C9C9C9"
                                  />
                                </svg>
                              </i>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>

                    <div class="block-title">Penjualan</div>

                    <div class="notification-list mb-30">
                      <ul id="ctn_invoice"></ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="popinv" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                <div class="block-title block-title-large" id="invoice_id">
                  -
                </div>
                <div class="block block-strong">
                  <div
                    class="list search-list mt-0 mb-20 px-0 dz-list item-list"
                  >
                    <ul class="row" id="brg_inv"></ul>
                  </div>

                  <div class="list inline-labels">
                    <ul>
                      <li class="item-content item-input"> 
                      <div class="item-media"> 
                        <i class="icon demo-list-icon" style="background: #00cfc6;"></i> 
                      </div>
                      <div class="item-inner"> 
                        <div class="item-title item-label">Nama</div> 
                          <div class="item-input-wrap"> 
                            <input type="text" readonly value="-" id="txtPembeli"> 
                          
                          </div> 
                        </div> 
                      </li>
                    </ul>
                    
                    <ul id="brg_tot"></ul>

                    <ul>
                      <li class="item-content item-input"> 
                      <div class="item-media"> 
                        <i class="icon demo-list-icon" style="background: #00cfc6;"></i> 
                      </div>
                      <div class="item-inner"> 
                        <div class="item-title item-label">Keterangan</div> 
                          <div class="item-input-wrap"> 
                            
                            <textarea name="" id="txtketerangan" cols="30" rows="10" readonly></textarea>
                          
                          </div> 
                        </div> 
                      </li>
                    </ul>
                  </div>

                  <div class="list">
                    <ul id="brg_btn"></ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="barangpop" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>

              <div class="page-content item-details pt-0 pb-0">
                <!-- <div class="dz-banner-heading bg-primary">
                  <img
                    src="img/products/single/pic1.png"
                    class="bnr-img"
                    alt=""
                  />
                </div>

                <div class="dz-banner-height"></div> -->

                <div class="fixed-content container" style="height: 100%;">
                  <div class="clearfix">
                    <h3 class="ma-0"><span id="txt_nama_barang">-</span></h3>
                    <input type="hidden" name="barcode_pop" id="barcode_pop" />
                    <input
                      type="hidden"
                      name="id_barang_detail"
                      id="id_barang_detail"
                    />
                    <input
                      type="hidden"
                      name="txt_harga_barang"
                      id="txt_harga_barang"
                    />
                    <input type="hidden" name="txt_hpp" id="txt_hpp" />
                  </div>
                  

                  <div class="price-bx">
                    <h2 class="price">
                      <span id="txt_harga_barang_label">0</span>
                    </h2>
                    <div class="stepper stepper-round stepper-fill" data-manual-input-mode="true">
                      <div class="stepper-button-minus"></div>
                      <div class="stepper-input-wrap">
                        <input
                          id="tb_jumlah_barang"
                          type="text"
                          value="0"
                          min="0"
                          step="1"
                           max="100000"
                          name="tb_jumlah_barang"
                        />
                      </div>
                      <div class="stepper-button-plus"></div>
                    </div>
                  </div>

                  <p class="mt-0 mb-30" id="inf_harga">-</p>

                  <div class="write-reviews-box container">
                    <div class="form-elements">
                      <div class="list">
                        <ul class="row">
                          <li
                            class="item-content item-input col-100 item-input-with-value"
                          >
                            <div class="item-inner">
                              <div class="item-input-wrap">
                                <input
                                  type="number"
                                  id="tb_diskon_barang"
                                  placeholder="Diskon"
                                  class="form-control"
                                />
                              </div>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div class="form-elements">
                      <div class="list">
                        <ul class="row">
                          <li
                            class="item-content item-input col-100 item-input-with-value"
                          >
                            <div class="item-inner">
                              <div class="item-input-wrap">
                                <textarea
                                  id="tb_keterangan_barang"
                                  placeholder="Keterangan"
                                  class="form-control"
                                ></textarea>
                              </div>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <p class="segmented">
                    <!-- <a
                      class="button button-outline"
                      onclick="scan_barcode_barang('1');"
                      >Barcode</a
                    > -->
                    <a
                      id="btn-grosir-tg"
                      class="button button-outline"
                      onclick="showJumlahGrosir()"
                      >Grosir</a
                    >
                    <a class="button button-outline" onclick="addCart2()"
                      >Lanjut</a
                    >
                  </p>

                  <!-- <p class="mt-0 mb-30">*)Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p> -->

                  <a
                    href="#"
                    class="button-large button rounded-xl button-fill"
                    onclick="addCart()"
                    >Simpan <span id="tot_hrg">0</span></a
                  >
                </div>
              </div>
            </div>
          </div>

          <div id="popcart" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                <div
                  class="block-title block-title-large"
                  id="txt_id_cart_main"
                >
                  -
                </div>
                <div class="block block-strong">
                  <div
                    class="list search-list mt-0 mb-20 px-0 dz-list item-list"
                  >
                    <ul class="row" id="brg_cart"></ul>
                  </div>

                  
                  
                  <div class="list inline-labels">
                    <ul id="brg_tot_cart"></ul>
                  </div>

                  <div id="v_button_bayar" class="row">
                    <a
                      class="col button button-fill button-round"
                      onclick="payCart();"
                      >Bayar</a
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="paypop" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                <div class="block-title block-title-large">Pembayaran</div>
                <div class="block block-strong">
                  <div class="list no-hairlines-md">
                    <ul>
                      <li class="item-content item-input">
                        <div class="item-inner">
                          <div class="item-title item-label icon-tooltip">
                            <i
                              style="font-size: 20px"
                              class="icon f7-icons icon-tooltip"
                              >info_circle_fill</i
                            >Nomor Member
                          </div>
                          <div class="item-input-wrap">
                            <input id="tb_member_id" type="text" class="" />
                            <span class="input-clear-button"></span>
                          </div>
                        </div>
                        <div class="item-media">
                          <a href="" onclick="scan_barcode_member('2');"
                            ><i class="f7-icons">qrcode</i></a
                          >
                        </div>
                      </li>

                      <!-- <li class="item-content item-input">
				          <div class="item-inner">
				            <div class="item-title item-label">Nomor Kartu</div>
				            <div class="item-input-wrap">
				              <input id="tb_member_id" type="text" class="">
				              <span class="input-clear-button"></span>
				            </div>
				          </div>
				        </li> -->

                      <li>
                        <div class="write-reviews-box container bg-gray">
                          <div class="reviews-head text-align-center">
                            <h4 class="title mt-0 mb-10">Total</h4>
                          </div>
                          <div class="rating-info">
                            <h2 class="rating-text" id="txt_grand_total_2">
                              0
                            </h2>
                          </div>
                        </div>
                      </li>

                      <li class="item-content item-input">
                        <div class="item-inner">
                          <div class="item-title item-label">
                            Metode Pembayaran
                          </div>
                          <div class="item-input-wrap">
                            <select
                              id="cb_metode_pembayaran"
                              onchange="checkPembayaran();"
                              placeholder="Please choose..."
                              class="input-with-value"
                            >
                              <option>Pilih</option>
                            </select>
                          </div>
                        </div>
                      </li>

                      <li class="item-content item-input v-cash">
                        <div class="item-inner">
                          <div class="item-title item-label">Jumlah Bayar</div>
                          <div class="item-input-wrap">
                            <input
                              id="tb_jumlah_bayar"
                              type="number"
                              class=""
                              onkeyup="get_kembalian();"
                            />
                            <span class="input-clear-button"></span>
                          </div>
                        </div>
                      </li>

                      <li class="item-content item-input v-cash bg-gray">
                        <div class="item-inner">
                          <div class="item-title item-label">Kembali</div>
                          <div class="item-input-wrap">
                            <input
                              id="txt_kembalian"
                              type="text"
                              readonly
                              class=""
                            />
                            <input id="val_kembalian" type="hidden" class="" />
                          </div>
                        </div>
                      </li>

                      <li class="item-content item-input v-cash">
                        <div class="item-inner">
                          <div class="item-title item-label">
                            Bayar Kembalian
                          </div>
                          <div class="item-input-wrap">
                            <input
                              id="tb_bayar_kembalian"
                              type="number"
                              class=""
                              onkeyup="get_potongkembalian()"
                            />

                            <span class="input-clear-button"></span>
                          </div>
                        </div>
                      </li>

                      <li class="v-cash">
                        <div class="write-reviews-box container">
                          <a
                            href="#"
                            onclick="copykembalitopaykembali();"
                            class="rounded-xl button button-fill color-green"
                            >Kembalikan Semua</a
                          >
                        </div>
                      </li>

                      <li class="item-content item-input v-cash bg-gray">
                        <div class="item-inner">
                          <div class="item-title item-label">Kas/Infaq</div>
                          <div class="item-input-wrap">
                            <input
                              id="txt_kembalianmasukkas"
                              type="text"
                              readonly
                              class=""
                            />
                          </div>
                        </div>
                      </li>

                    </ul>
                  </div>

                  <div class="list-button">
                    <a
                      id="btn-smp"
                      class="button button-fill button-round"
                      onclick="saveCart()"
                      >Simpan</a
                    >
                    <a
                      id="btn-byr"
                      class="button button-fill button-round"
                      onclick="savePay()"
                      >Lanjut</a
                    >
                    <a
                      id="btn-qr"
                      class="button button-fill button-round"
                      onclick="saveQr()"
                      >Bayar</a
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="popstruk" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                <div class="block-title block-title-large">Struk</div>
                <input type="hidden" name="txt_struk" id="txt_struk" />
                <input type="hidden" name="rbt" id="rbt" />
                <div class="block block-strong">
                  <textarea
                    id="ctn_struk"
                    style="width: 100%; height: 500px"
                  ></textarea>
                  <div class="row">
                    <a
                      class="col button button-fill button-round"
                      onclick="cetakStruk();"
                      >Cetak</a
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="popqris" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                
                <!-- <div id="snap-container"></div> -->
                <iframe id="iframe_qris" src="" width="100%" height="100%"></iframe>
              </div>
            </div>
          </div>

          <div id="poppembayaran" class="popup demo-popup-swipe-handler">
            <div class="page">
              <div class="swipe-handler"></div>
              <div class="page-content">
                <div class="block-title block-title-large">Konfirmasi</div>
                <input
                  type="hidden"
                  name="totalpembayaran"
                  id="totalpembayaran"
                />
                <input
                  type="hidden"
                  name="kodepembayaran"
                  id="kodepembayaran"
                />
                <div class="block block-strong">
                  <div class="list no-hairlines-md">
                    <ul>
                      <li>
                        <div class="write-reviews-box container bg-gray">
                          <div class="reviews-head text-align-center">
                            <h4 class="title mt-0 mb-10">Total</h4>
                          </div>
                          <div class="rating-info">
                            <h2 class="rating-text" id="tot_pem">0</h2>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="item-content my-20">
                          <div class="item-media">
                            <i class="icon demo-list-icon"></i>
                          </div>
                          <div class="item-inner">
                            <div class="item-title">
                              <div class="item-header">Kode Pembayaran</div>
                              <span id="kode_pem">-</span>
                            </div>
                          </div>
                        </div>
                      </li>
                      <a
                        id="bayar_btn"
                        onclick="bayar_btn()"
                        class="col button button-fill button-round"
                        >Konfirmasi Pembayaran</a
                      >
                      <li></li>
                    </ul>
                  </div>
                  <!-- <div class="row">
							<a class="col button button-fill button-round" onclick="cetakStruk();">Cetak</a>
						</div>
 -->
                  <div class="container">
                    <div class="blog-detail">
                      <img
                        id="qrcode"
                        src="asset/img/jagatoko.png"
                        alt="/"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- end content -->
      </div>
      
    </div>
    <!-- Script -->
    <script src="js/framework7-bundle.js"></script>
    <script src="js/routes.js"></script>
    <script src="js/store.js"></script>
    <script src="js/app.js"></script>

    <script src="asset/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="asset/js/jquery.base64.js"></script>
    <script type="text/javascript" src="asset/js/tupay_ron.js"></script>

    

    <script>
      var count_transaksi = 0;
      var count_barang = 0;

//djs.sendNotif("Jagatoko Alert!", "test alert", "index.html");
djs.setLocTracker(3, 5, "http://apps.jagatoko.online/jagatoko/location/index.php", "15");

      // //////////////
      //   const options = {
      //     method: 'POST',
      //     headers: {
      //       accept: 'application/json',
      //       'content-type': 'application/json',
      //       authorization: 'Basic U0ItTWlkLXNlcnZlci1PNC04RS1ESTQ2WGdpcVdNMnJpVkE2N2Q6U0ItTWlkLWNsaWVudC1sdl9jWlZDRC05ci0tVEht'
      //     },
      //     body: JSON.stringify({
      //       payment_type: 'qris',
      //       transaction_details: {order_id: 'order_id-'+Math.floor(Math.random() * 1000), gross_amount: 100000},
      //       qris: {acquirer: 'gopay'}
      //     })
      //   };

      //   fetch('https://api.sandbox.midtrans.com/v2/charge', options)
      //     .then(response => response.json())
      //     .then(response => console.log(response))
      //     .catch(err => console.error(err));
      //   ///////


      $(document).ready(function () {

        // var pop = app.popup.create({
        // el: "#popqris",
        // swipeToClose: "to-bottom",
        // swipeHandler: ".swipe-handler",
        // });
       
        // pop.open();

        
        $('.v-cash').css('display','none');

        if ($.urlParam("id") != "") {
          refreshCart($.urlParam("id"));
        }

        var form1 = document.getElementById("form1");
        form1.addEventListener("keypress", function (e) {
          console.log("D");
          console.dir(e);
          count_barang = 0;
          $("#ctn_barang").empty();
          displayBarang($("#tb_search").val());
        });

        var form2 = document.getElementById("form2");
        form2.addEventListener("keypress", function (e) {
          console.log("e");
          console.dir(e);
          count_transaksi = 0;
          $("#ctn_invoice").empty();
          getStatusData($("#tb_search2").val());
        });

        setTimeout(() => {}, 1000);
      });

      var lon = "";
      var lat = "";

      function load_barang() {
        displayBarang($("#tb_search").val());
      }

      function hasilLatLon(result) {
        console.log("GET LOCATION");
        lon = result.split(",")[1];
        lat = result.split(",")[0];

        // djs.makeToast('>>>>>lat:'+lat+'lon:'+lon);

        //     $("#lon").val(lon);
        //     $("#lat").val(lat);
        console.log(lat + "," + lon);
        //$("#tb_location").val(lat+","+lon);
      }

      function getLocation() {
        djs.getLonLat("hasilLatLon");
      }

      function showJumlah(x) {
        //   	app.dialog.preloader('Mohon Tunggu...');
        //       param = '?s=' + encode64(session) + "&a=" + encode64(urlApi)+ "&barcode=" + x;
        // window.location.href = 'barang.html'+param;

        var pop = app.popup.create({
          el: "#barangpop",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        var stepper = app.stepper.create({
          el: ".stepper",
          min: 1,
          max: 10000,
          value: 1,
          on: {
            change: function (stepper, value) {
              var ttl = $("#txt_harga_barang").val() * value;

              console.log("Stepper value changed " + value + " " + ttl);

              $("#tot_hrg").text(toRp(ttl));
            },
          },
        });

        //console.log(stepper);

        $("#btn-grosir-tg").removeClass("button-active");
        $(".stepper-button-plus").removeClass("disabled");
        $(".stepper-button-minus").removeClass("disabled");

        $.post(
          urlApi + "g",
          {
            s: session,
            r: "dbrg",
            i: x,
          },
          function (data) {
            console.log(data);
            $("#inf_harga").text("*)Retail");
            $("#barcode_pop").val(data[0].barcode);
            $("#txt_nama_barang").text(data[0].nama);
            $("#txt_harga_barang_label").text(toRp(data[0].harga));
            $("#tb_jumlah_barang").val(1);
            $("#id_barang_detail").val(data[0].id_barang);
            $("#txt_harga_barang").val(data[0].harga);
            $("#txt_hpp").val(data[0].harga);
            $("#tot_hrg").text(toRp(data[0].harga * 1));
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
          })
          .done(function () {
            pop.open();
          });
      }

      function displayBarang(keyword) {
        app.dialog.preloader("Mohon Tunggu...");
        // if (keyword != '')
        // {
        //     count_barang = 0;
        //     $('#ctn_barang').empty();
        // }

        $.post(
          urlApi + "g",
          {
            s: session,
            r: "brg",
            k: keyword,
            cb: count_barang,
          },
          function (data) {
            console.log(data);

            //$('#ctn_barang').empty();
            $.each(data, function (i, item) {
              $("#ctn_barang").append(
                "<li><a onclick=\"showJumlah('" +
                  data[i].barcode +
                  '\')" href="#" class="item-link item-content"><div class="item-media"><i class="icon f7-icons tag">tag</i></div><div class="item-inner"><div class="item-title">' +
                  data[i].nama +
                  '<div class="item-footer">' +
                  toRp(data[i].harga) +
                  '</div></div><div class="item-after">' +
                  data[i].stok +
                  "</div></div></a></li>"
              );

              count_barang++;
            });
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
          })
          .done(function () {
            app.dialog.close();
          });
      }

      function load_penjualan() {
        getStatusData($("#tb_search2").val());
      }

      function getStatusData(keyword) {

	if(keyword == null || keyword == ""){
            	keyword="~"; 
		console.log("keywork kosong / null");
        }

	app.dialog.preloader("Mohon Tunggu...");

        getLocation();
        var cont_html = "";

        // if (keyword != 'x')
        // {
        //     count_transaksi = 0;
        //     $('#ctn_invoice').empty();

        // }
        // if (keyword == 'x')
        //     keyword = 



        $.post(
          urlApi + "g",
          {
            s: session,
            r: "stsb",
            ct: count_transaksi,
            k: keyword,
          },
          function (data, status) {
            $.each(data, function (i, item) {
              //
              if (item.pembayaran != "PENDING") {
                color_status = '<i class="text-primary fa fa-circle"></i>';
              } else {
                color_status = '<i class="text-warning fa fa-circle"></i>';
              }
              cont_html += "<li>";
              cont_html += '<div class="card">';
              cont_html +=
                '<h5 class="item-title"><a onclick="showStatus(\'' +
                item.id_cart_main +
                '\')" href="#" class="popup-open" >' +
                color_status +
                " " +
                item.id_cart_main +
                "</a></h5>";
              // cont_html += '<div class="item-text">Jumlah Barang</div>';
              cont_html += '<div class="item-time">';
              cont_html +=
                '<span class="time"><i class="las la-clock"></i> ' +
                item.tanggal_pembelian +
                "</span>";
              // cont_html += '<span class="mark text-primary">Mark as read</span>';
              cont_html += "</div>";
              cont_html += "</div>";
              cont_html += "</li>";

              count_transaksi++;
            });

            $("#ctn_invoice").append(cont_html);
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
          })
          .done(function () {
            app.dialog.close();
          });
      }

      check_parameter();
      displayBarang();
      getStatusData();
      cekCart();

      function retur_barang(id) {
        app.dialog.confirm("Anda Yakin Barang Ini Akan di Retur?", function () {
          app.dialog.preloader("Mohon Tunggu...");
          $.post(
            urlApi + "s",
            {
              s: session,
              r: "rtr",
              id: id,
            },
            function (data) {
              if (data.kode == "200") {
                getStatusData();
                displayBarang();
                var ts = app.toast.create({
                  text: "Data Berhasil tersimpan!",
                  closeTimeout: 2000,
                });
                ts.open();
              } else {
                var ts = app.toast.create({
                  text: "Data Gagal Disimpan!",
                  closeTimeout: 2000,
                });
                ts.open();
              }
            }
          )
            .fail(function (res) {
              switch (res.statusText) {
                case "error":
                  var ts = app.toast.create({
                    text: "Koneksi Error",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                case "timeout":
                  var ts = app.toast.create({
                    text: "Koneksi Timeour",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                default:
                  var ts = app.toast.create({
                    text: "Koneksi Error" + res.statusText,
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;
              }
            })
            .done(function () {
              app.dialog.close();
            });
        });
      }

      function showStatus(x) {
        var pop = app.popup.create({
          el: "#popinv",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });
        $.post(
          urlApi + "g",
          {
            s: session,
            r: "stsb",
            ct: 0,
            k: x,
          },
          function (data, status) {
            $.each(data, function (i, item) {
              // console.log(item.id_cart_main);
              $("#invoice_id").text(item.id_cart_main);
              var pm = item.nama_pembeli_pending??'-';
              $("#txtPembeli").val(pm);
              $("#txtketerangan").val(item.keterangan);

              var cont_barang = "";
              var tot_barang = "";
              var btn_barang = "";
              if (item.barang.length > 0) {
                $("#brg_inv").removeClass("list media-list skeleton-text");
                $.each(item.barang, function (x, itemx) {
                  if (itemx.status == "1") {
                    var cont_barang_retur = "";
                  } else {
                    var cont_barang_retur = "display-none";
                  }

                  cont_barang +=
                    '<li class="col-100 medium-50 mb-20">' +
                    '<div class="wishlist-bx">' +
                    '<div class="dz-media">' +
                    '<a href="#"><img src="img/products/product1.jpg" alt=""></a>' +
                    "</div>" +
                    '<div class="dz-info">' +
                    '<div class="dz-head">' +
                    '<h6 class="item-title"><a href="#">' +
                    itemx.nama +
                    "</a></h6>" +
                    "<p>" +
                    toRp(itemx.harga) +
                    "@" +
                    itemx.jumlah +
                    "</p>" +
                    "</div>" +
                    '<div class="dz-meta">' +
                    "<ul>" +
                    '<li class="price">' +
                    toRp(itemx.harga * itemx.jumlah) +
                    "</li>" +
                    "<li>" +
                    '<label class="bookmark-btn ' +
                    cont_barang_retur +
                    '">' +
                    '<a class="button col button-round"  onclick="retur_barang(\'' +
                    itemx.id +
                    '\')"><i class="icon f7-icons">repeat</i></a>' +
                    "</label>" +
                    "</li>" +
                    "</ul>" +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</li>";
                });

                tot_barang +=
                  '<li class="item-content item-input">' +
                  '<div class="item-media">' +
                  '<i class="icon demo-list-icon"></i>' +
                  "</div>" +
                  '<div class="item-inner">' +
                  '<div class="item-title item-label">Subtotal</div>' +
                  '<div class="item-input-wrap">' +
                  '<input type="text" readonly value="' +
                  toRp(item.total + item.diskon) +
                  '">' +
                  "</div>" +
                  "</div>" +
                  "</li>";
                tot_barang +=
                  '<li class="item-content item-input">' +
                  '<div class="item-media">' +
                  '<i class="icon demo-list-icon"></i>' +
                  "</div>" +
                  '<div class="item-inner">' +
                  '<div class="item-title item-label">Diskon</div>' +
                  '<div class="item-input-wrap">' +
                  '<input type="text" readonly value="' +
                  toRp(item.diskon) +
                  '">' +
                  "</div>" +
                  "</div>" +
                  "</li>";
                tot_barang +=
                  '<li class="item-content item-input">' +
                  '<div class="item-media">' +
                  '<i class="icon demo-list-icon"></i>' +
                  "</div>" +
                  '<div class="item-inner">' +
                  '<div class="item-title item-label">Total</div>' +
                  '<div class="item-input-wrap">' +
                  '<input type="text" readonly value="' +
                  toRp(item.total) +
                  '">' +
                  "</div>" +
                  "</div>" +
                  "</li>";
                tot_barang +=
                  '<li class="item-content item-input">' +
                  '<div class="item-media">' +
                  '<i class="icon demo-list-icon"></i>' +
                  "</div>" +
                  '<div class="item-inner">' +
                  '<div class="item-title item-label">Bayar</div>' +
                  '<div class="item-input-wrap">' +
                  '<input type="text" readonly value="' +
                  toRp(item.nominal_cash) +
                  '">' +
                  "</div>" +
                  "</div>" +
                  "</li>";

                if (item.pembayaran != "PENDING") {
                  tot_barang +=
                    '<li class="item-content item-input">' +
                    '<div class="item-media">' +
                    '<i class="icon demo-list-icon"></i>' +
                    "</div>" +
                    '<div class="item-inner">' +
                    '<div class="item-title item-label">Kembalian</div>' +
                    '<div class="item-input-wrap">' +
                    '<input type="text" readonly value="' +
                    toRp(item.kembalian) +
                    '">' +
                    "</div>" +
                    "</div>" +
                    "</li>";
                  tot_barang +=
                    '<li class="item-content item-input">' +
                    '<div class="item-media">' +
                    '<i class="icon demo-list-icon"></i>' +
                    "</div>" +
                    '<div class="item-inner">' +
                    '<div class="item-title item-label">Pembayaran</div>' +
                    '<div class="item-input-wrap">' +
                    '<input type="text" readonly value="' +
                    item.pembayaran +
                    '">' +
                    "</div>" +
                    "</div>" +
                    "</li>";

                  btn_barang +=
                    "<li><a onclick=\"reprint_struk('" +
                    item.id_cart_main +
                    '\')" href="#" class="col button button-fill button-round">Cetak Ulang Struk</a></li>';
                } else {
                  tot_barang +=
                    '<li class="item-content item-input">' +
                    '<div class="item-media">' +
                    '<i class="icon demo-list-icon"></i>' +
                    "</div>" +
                    '<div class="item-inner">' +
                    '<div class="item-title item-label">Pembayaran</div>' +
                    '<div class="item-input-wrap">' +
                    '<input type="text" readonly value="' +
                    item.pembayaran +
                    '">' +
                    '<div class="item-input-info">' +
                    item.nama_pembeli_pending +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</li>";

                  btn_barang +=
                    '<li class="padding-vertical-half"><a href="#" onclick="reprint_struk(\'' +
                    item.id_cart_main +
                    '\')" class="col button button-fill button-round">Cetak Invoice</a></li>' +
                    '<li class="padding-vertical-half"><div class="segmented segmented-raised segmented-round">' +
                    '<a class="button button-round" onclick="ubah_pending(\'' +
                    item.id_cart_main +
                    "')\">Ubah</a>" +
                    '<a class="button button-round button-fill color-orange" onclick="batal_pending(\'' +
                    item.id_cart_main +
                    "')\">Batal</a>" +
                    "</div>" +
                    "</li>" +
                    '<li class="padding-vertical-half"><div class="row">' +
                    "<a onclick=\"toexternalpage('tel:+" +
                    item.mobile +
                    '\')" href="#" class="col button button-raised button-fill button-round"><i class="f7-icons">phone_down_circle_fill</i></a>' +
                    "<a onclick=\"toexternalpage('sms:+" +
                    item.mobile +
                    "?body=Kode Pemesanan anda : " +
                    item.id_cart_main +
                    '\')" href="#" class="col button button-raised button-fill button-round"><i class="f7-icons">location</i></a>' +
                    "<a onclick=\"toexternalpage('wa:" +
                    item.mobile +
                    ":Kode Pesanan anda " +
                    item.id_cart_main +
                    '\')" class="col button button-raised button-fill button-round"><i class="lab la-whatsapp"></i></a>' +
                    "<a onclick=\"toexternalpage('gmap:+" +item.lat +', '+item.lon+'\')" href="#" class="col button button-raised button-fill button-round"><i class="f7-icons">map_pin_ellipse</i></a>' +
                    "</div>" +
                    "</li>";
                }
              } else {
                $("#brg_inv").addClass("list media-list skeleton-text");
                cont_barang +=
                  '<li class="item-content">' +
                  '<div class="item-media">' +
                  '<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%"></div>' +
                  "</div>" +
                  '<div class="item-inner">' +
                  '<div class="item-title-row">' +
                  '<div class="item-title">Tidak Ada Barang</div>' +
                  "</div>" +
                  '<div class="item-subtitle">Subtitle</div>' +
                  '<div class="item-text">' +
                  "Placeholder text line 1<br />" +
                  "Text line 2" +
                  "</div>" +
                  "</div>" +
                  "</li>";
                tot_barang += "";

                if (item.pay_type == "7") {
                  tot_barang +=
                    '<li class="item-content item-input">' +
                    '<div class="item-media">' +
                    '<i class="icon demo-list-icon"></i>' +
                    "</div>" +
                    '<div class="item-inner">' +
                    '<div class="item-title item-label">Pembayaran</div>' +
                    '<div class="item-input-wrap">' +
                    '<input type="text" readonly value="PENDING">' +
                    '<div class="item-input-info">' +
                    item.nama_pembeli_pending +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</li>";

                  btn_barang +=
                    '<li><div class="segmented segmented-raised segmented-round">' +
                    '<a class="button button-round button-fill color-orange" onclick="batal_pending(\'' +
                    item.id_cart_main +
                    "')\">Batal</a>" +
                    '<a class="button button-round" onclick="tambah_pending(\'' +
                    item.id_cart_main +
                    "')\">Tambah</a>" +
                    "</div>" +
                    "</li>";
                }
              }

              
              $("#brg_btn").html(btn_barang);
              $("#brg_tot").html(tot_barang);
              $("#brg_inv").html(cont_barang);
            });
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
            pop.close();
          })
          .done(function () {
            pop.open();
          });
      }

      function scanBarcode(type) {
        if (type == "1") djs.scanBar("BARResult", "BARCODE");
        else djs.scanBar("STRUKResult", "BARCODE");
      }

      function BARResult(x) {
        showJumlah(x);
      }

      function STRUKResult(x) {
        showStatus(x);
        //$('#tb_search_2').val(x);
      }

      function scan_barcode_barang(type) {
        if (type == "1") djs.scanBar("BAR_BARANGRES", "BARCODE");
        else djs.scanBar("QR_BARANGRES", "QRCODE");
      }

      function BAR_BARANGRES(x) {
        $("#tb_keterangan_barang").val($("#tb_keterangan_barang").val() + x);
      }

      function QR_BARANGRES(x) {
        $("#tb_keterangan_barang").val($("#tb_keterangan_barang").val() + x);
      }

      function showJumlahGrosir() {
        var brcd = $("#barcode_pop").val();
        if ($("#btn-grosir-tg").hasClass("button-active")) {
          showJumlah(brcd);
          $("#btn-grosir-tg").removeClass("button-active");
          $(".stepper-button-plus").removeClass("disabled");
          $(".stepper-button-minus").removeClass("disabled");
        } else {
          $("#btn-grosir-tg").addClass("button-active");
          $(".stepper-button-plus").addClass("disabled");
          $(".stepper-button-minus").addClass("disabled");

          $.post(
            urlApi + "g",
            {
              s: session,
              r: "dbrg",
              i: brcd,
            },
            function (data) {
              $("#inf_harga").text("*)Grosir");
              $("#txt_nama_barang").text(data[0].nama);
              $("#txt_harga_barang_label").text(toRp(data[0].harga_grosir));
              $("#tb_jumlah_barang").val(data[0].jumlah_satuan_besar);
              $("#id_barang_detail").val(data[0].id_barang);
              $("#txt_harga_barang").val(data[0].harga_grosir);
              $("#txt_hpp").val(data[0].harga);
              $("#tot_hrg").text(toRp(data[0].harga_grosir * 1));
            }
          )
            .fail(function (res) {
              switch (res.statusText) {
                case "error":
                  var ts = app.toast.create({
                    text: "Koneksi Error",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                case "timeout":
                  var ts = app.toast.create({
                    text: "Koneksi Timeour",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                default:
                  var ts = app.toast.create({
                    text: "Koneksi Error" + res.statusText,
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;
              }
            })
            .done(function () {});
        }
      }

      function addCart2() {
        var id = $("#id_barang_detail").val();
        var jumlah = $("#tb_jumlah_barang").val();
        var harga = $("#txt_harga_barang").val();
        var keterangan = $("#tb_keterangan_barang").val();
        var diskon = $("#tb_diskon_barang").val();

        var id_cart_main = $("#txt_id_cart_main").text();

        $.post(
          urlApi + "s",
          {
            s: session,
            r: "crt",
            m: "i",
            id: id,
            jum: jumlah,
            h: harga,
            k: keterangan,
            d: diskon,
            idcart: id_cart_main,
          },
          function (data, status) {
            $("#txt_id_cart_main").text(data.id);
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
          })
          .done(function () {
            scanBarcode("1");
            cekCart();
            getStatusData();

            var ts = app.toast.create({
              text: "Data Telah Ditambahkan",
              closeTimeout: 2000,
            });
            ts.open();
          });
      }

      function addCart() {
        var id = $("#id_barang_detail").val();
        var jumlah = $("#tb_jumlah_barang").val();
        var harga = $("#txt_harga_barang").val();
        var keterangan = $("#tb_keterangan_barang").val();
        var diskon = $("#tb_diskon_barang").val();

        var id_cart_main = $("#txt_id_cart_main").text();

        $.post(
          urlApi + "s",
          {
            s: session,
            r: "crt",
            m: "i",
            id: id,
            jum: jumlah,
            h: harga,
            k: keterangan,
            d: diskon,
            idcart: id_cart_main,
          },
          function (data, status) {
            $("#txt_id_cart_main").text(data.id);
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
          })
          .done(function () {
            getStatusData();
            cekCart();

            var pop = app.popup.create({
              el: "#barangpop",
              swipeToClose: "to-bottom",
              swipeHandler: ".swipe-handler",
            });
            pop.close();

            var ts = app.toast.create({
              text: "Data Telah Ditambahkan",
              closeTimeout: 2000,
            });
            ts.open();
          });
      }

      function cekCart() {
        $.post(
          urlApi + "g",
          {
            s: session,
            r: "crt",
            id: $("#txt_id_cart_main").text(),
          },
          function (data) {
            console.log(data.jum_barang);

            if (data.jum_barang != 0) {
              $(".cart_jml").removeClass("display-none");
              $(".cart_jml").text(data.jum_barang);
            } else {
              $(".cart_jml").addClass("display-none");
              $(".cart_jml").text(0);
            }
          }
        );
      }

      function refreshCart(x) {
        if (x != "") $("#txt_id_cart_main").text(x);

        var pop = app.popup.create({
          el: "#popcart",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        $.post(
          urlApi + "g",
          {
            s: session,
            r: "crt",
            id: $("#txt_id_cart_main").text(),
          },
          function (data) {
            var jumlah_barang = 0;
            var cont_barang = "";
            var tot_barang = "";
            var gtotal = 0;

            $("#txt_id_cart_main").text(data.id);

            if (data.data) {
              $.each(data.data, function (i, item) {
                jumlah_barang++;
                // console.log(item.id_cart_main);
                gtotal = parseInt(gtotal) + parseInt(item.subtotal);

                $("#brg_cart").removeClass("list media-list skeleton-text");

                cont_barang +=
                  '<li class="col-100 medium-50 mb-20">' +
                  '<div class="wishlist-bx">' +
                  '<div class="dz-media">' +
                  '<a href="#"><img src="img/products/product1.jpg" alt=""></a>' +
                  "</div>" +
                  '<div class="dz-info">' +
                  '<div class="dz-head">' +
                  '<h6 class="item-title"><a href="#">' +
                  item.nama +
                  "</a></h6>" +
                  "<p>" +
                  toRp(item.harga) +
                  " (-" +
                  toRp(item.diskon) +
                  ")" +
                  " x " +
                  item.jumlah +
                  "</p>" +
                  "</div>" +
                  '<div class="dz-meta">' +
                  "<ul>" +
                  '<li class="price">&nbsp;</li>' +
                  "<li>" +
                  '<label class="bookmark-btn">' +
                  '<a class="button col button-round"  onclick="delCart(\'' +
                  item.id_barang +
                  '\')"><i class="icon f7-icons">xmark</i></a>' +
                  "</label>" +
                  "</li>" +
                  "</ul>" +
                  "</div>" +
                  "</div>" +
                  "</div>" +
                  "</li>";
              });

              tot_barang +=
                '<li class="item-content item-input">' +
                '<div class="item-media">' +
                '<i class="icon demo-list-icon"></i>' +
                "</div>" +
                '<div class="item-inner">' +
                '<div class="item-title item-label" style="white-space: normal;">Jenis Barang</div>' +
                '<div class="item-input-wrap">' +
                '<input id="jumlah_barang_cart" type="text" readonly value="' +
                jumlah_barang +
                '">' +
                "</div>" +
                "</div>" +
                "</li>";

              tot_barang +=
                '<li class="item-content item-input">' +
                '<div class="item-media">' +
                '<i class="icon demo-list-icon"></i>' +
                "</div>" +
                '<div class="item-inner">' +
                '<div class="item-title item-label" style="white-space: normal;">Total</div>' +
                '<div class="item-input-wrap">' +
                '<input type="text" readonly value="' +
                toRp(gtotal) +
                '">' +
                "</div>" +
                "</div>" +
                "</li>";

                $("#v_button_bayar").show();

                pop.open();
            } else {
              // $("#brg_cart").addClass("list media-list skeleton-text");
              // cont_barang +=
              //   '<li class="item-content">' +
              //   '<div class="item-media">' +
              //   '<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%"></div>' +
              //   "</div>" +
              //   '<div class="item-inner">' +
              //   '<div class="item-title-row">' +
              //   '<div class="item-title">Tidak Ada Barang</div>' +
              //   "</div>" +
              //   '<div class="item-subtitle">Subtitle</div>' +
              //   '<div class="item-text">' +
              //   "Placeholder text line 1<br />" +
              //   "Text line 2" +
              //   "</div>" +
              //   "</div>" +
              //   "</li>";
              // tot_barang +=
              //   '<li class="item-content item-input">' +
              //   '<div class="item-media">' +
              //   '<i class="icon demo-list-icon"></i>' +
              //   "</div>" +
              //   '<div class="item-inner">' +
              //   '<div class="item-title item-label" style="white-space: normal;">Jenis Barang</div>' +
              //   '<div class="item-input-wrap">' +
              //   '<input type="text" readonly value="0">' +
              //   "</div>" +
              //   "</div>" +
              //   "</li>";

              // tot_barang +=
              //   '<li class="item-content item-input">' +
              //   '<div class="item-media">' +
              //   '<i class="icon demo-list-icon"></i>' +
              //   "</div>" +
              //   '<div class="item-inner">' +
              //   '<div class="item-title item-label" style="white-space: normal;">Total</div>' +
              //   '<div class="item-input-wrap">' +
              //   '<input type="text" readonly value="0">' +
              //   "</div>" +
              //   "</div>" +
              //   "</li>";
              //   $("#v_button_bayar").hide();
              var ts = app.toast.create({
                  text: "Cart Kosong",
                  closeTimeout: 2000,
                });
                ts.open();
            }

            $("#brg_tot_cart").html(tot_barang);
            $("#brg_cart").html(cont_barang);
            $("#txt_grand_total_2").text(toRp(gtotal));
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
            pop.close();
          })
          .done(function () {
            
          });
      }

      function delCart(id) {
        var pop = app.popup.create({
          el: "#popcart",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        $.post(
          urlApi + "s",
          {
            s: session,
            r: "crt",
            m: "d",
            id: id,
            idcart: $("#txt_id_cart_main").text(),
          },
          function (data) {
            refreshCart();
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
            pop.close();
          })
          .done(function () {
            refreshCart();
            cekCart();
          });
      }

      function transaksi_baru() {
        if ($("#txt_id_cart_main").text() != "-") {
          app.dialog.prompt("Nama Transaksi Sebelumnya?", function (name) {
            app.dialog.confirm("Yakin dengan nama: " + name + "?", function () {
              var pending_nama_pembeli = name;
              $.post(
                urlApi + "s",
                {
                  s: session,
                  r: "pbli",
                  m: "i",
                  id_cart: $("#txt_id_cart_main").text(),
                  mp: 7,
                  pembeli: pending_nama_pembeli,
                  c: 0,
                  no: 0,
                  sk: 0,
                  lati: lat,
                  long: lon,
                },
                function (data) {
                  if (data.kode == "200") {
                    var ts = app.toast.create({
                      text:
                        "Transaksi Tersimpan Atas Nama : " +
                        pending_nama_pembeli,
                      closeTimeout: 2000,
                    });
                    ts.open();
                    setTimeout(() => {
                      refreshCart();
                      cekCart();
                      getStatusData();
                      $("#txt_id_cart_main").text("-");
                    }, 2000);
                  } else {
                    var ts = app.toast.create({
                      text: "Koneksi Server Gagal, mohon coba lagi",
                      closeTimeout: 2000,
                    });
                    ts.open();
                  }
                }
              )
                .fail(function (res) {
                  switch (res.statusText) {
                    case "error":
                      var ts = app.toast.create({
                        text: "Koneksi Error",
                        closeTimeout: 2000,
                      });
                      ts.open();
                      break;

                    case "timeout":
                      var ts = app.toast.create({
                        text: "Koneksi Timeour",
                        closeTimeout: 2000,
                      });
                      ts.open();
                      break;

                    default:
                      var ts = app.toast.create({
                        text: "Koneksi Error" + res.statusText,
                        closeTimeout: 2000,
                      });
                      ts.open();
                      break;
                  }
                })
                .done(function () {
                  var ts = app.toast.create({
                    text:
                      "Transaksi Tersimpan Atas Nama : " + pending_nama_pembeli,
                    closeTimeout: 2000,
                  });
                  ts.open();
                });
            });
          });
        } else {
          var ts = app.toast.create({
            text: "Silahkan Melakukan Transaksi",
            closeTimeout: 2000,
          });
          ts.open();
          $("#txt_id_cart_main").text("-");
        }
      }

      function batal_pending(id) {
        var pop = app.popup.create({
          el: "#popinv",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        $.post(
          urlApi + "s",
          {
            s: session,
            r: "pbli",
            m: "d",
            i: id,
          },
          function (data) {
            getStatusData();
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
            pop.close();
          })
          .done(function () {
            pop.close();
          });
      }

      function tambah_pending(id) {
        var pop = app.popup.create({
          el: "#popinv",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        pop.close();
        //var param = '?s=' + encode64(session) + "&a=" + encode64(urlApi);
        //window.location.href = 'penjualan.html'+param+'&ic=' + id;
        $("#txt_id_cart_main").text(id);
        refreshCart(id);
        cekCart();
      }

      function ubah_pending(id) {
        var pop = app.popup.create({
          el: "#popinv",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        pop.close();
        //var param = '?s=' + encode64(session) + "&a=" + encode64(urlApi);
        //window.location.href = 'penjualan.html'+param+'&ic=' + id;
        refreshCart(id);
        cekCart();
      }

      function reprint_struk(id) {
        var pop = app.popup.create({
          el: "#popinv",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        $.post(
          urlApi + "s",
          {
            s: session,
            r: "reprint",
            i: id,
          },
          function (data) {
            findBT();
            //listBT();
            openBT();

            //$('#txt_struk').text("abc╔════════════════\n\n\n");
            sendBT(data.struk);
          }
        )
          .fail(function (res) {
            switch (res.statusText) {
              case "error":
                var ts = app.toast.create({
                  text: "Koneksi Error",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              case "timeout":
                var ts = app.toast.create({
                  text: "Koneksi Timeour",
                  closeTimeout: 2000,
                });
                ts.open();
                break;

              default:
                var ts = app.toast.create({
                  text: "Koneksi Error" + res.statusText,
                  closeTimeout: 2000,
                });
                ts.open();
                break;
            }
            pop.close();
          })
          .done(function () {
            pop.close();
          });
      }

      function findBT() {
        djs.findBT("findBTResult", set_printer);
      }

      function findBTResult(x) {
        $("#rbt").val(x);
        //toast("SELECT BT " + x);
      }

      function openBT() {
        djs.openBT("openBTResult");
      }

      function openBTResult(x) {
        $("#rbt").val(x);

        //toast("OPEN BT" + x);
      }

      function sendBT(text) {
        djs.sendBT(text, "sendBTResult");
      }

      function sendBTResult(x) {
        $("#rbt").val(x);
      }

      function toexternalpage(x) {
        window.location.href = x;
      }

      function payCart() {

        $("#cb_metode_pembayaran").val(120);
          $("#btn-smp").show();
          $("#btn-byr").hide();
          $("#btn-qr").hide();
          $('.v-cash').css('display','flex');

        console.log("test" + $("#jumlah_barang_cart").val());
        //getPembeli();
        //toast('xxx'+parseInt(clear_string($('#txt_grand_total_2').text())));
        if (parseInt($("#jumlah_barang_cart").val()) != 0) {
          var pop = app.popup.create({
            el: "#popcart",
            swipeToClose: "to-bottom",
            swipeHandler: ".swipe-handler",
          });
          pop.close();

          var pop2 = app.popup.create({
            el: "#paypop",
            swipeToClose: "to-bottom",
            swipeHandler: ".swipe-handler",
          });
          pop2.open();
          $('.v-cash').css('display','flex');

          var iconTooltip = app.tooltip.create({
            targetEl: ".icon-tooltip",
            text: "Gunakan Scanner Dengan menekan logo barcode di sebelah kiri",
          });

          $("#btn-smp").show();
          $("#btn-byr").hide();
          $("#btn-qr").hide();
        } else {
          var ts = app.toast.create({
            text: "Tidak Ada Barang",
            closeTimeout: 2000,
          });
          ts.open();
        }
      }

      function checkPembayaran() {
        console.log($("#cb_metode_pembayaran").val());
        if ($("#cb_metode_pembayaran").val() == "120") {
          $("#btn-smp").hide();
          $("#btn-byr").show();
          $("#btn-qr").hide();
          $('.v-cash').css('display','flex');
        }else if ($("#cb_metode_pembayaran").val() == "162") {
          $("#btn-smp").hide();
          $("#btn-byr").hide();
          $("#btn-qr").show();
          $('.v-cash').css('display','none');
        } else {
          $("#btn-smp").show();
          $("#btn-byr").hide();
          $("#btn-qr").hide();
          $('.v-cash').css('display','flex');
        }
      }

      function copykembalitopaykembali() {
        $("#tb_bayar_kembalian").val("0");
        $("#txt_kembalianmasukkas").val("0");
      }

      function get_kembalian() {
        var total = clear_string($("#txt_grand_total_2").text());
        var bayar = $("#tb_jumlah_bayar").val();
        var kembali = bayar - total;
        if (kembali >= 0) {
          $("#txt_kembalian").val(toRp(kembali));
          $("#val_kembalian").val(kembali);
        } else {
          $("#txt_kembalian").val("-");
          $("#val_kembalian").val("0");
        }
        //console.log(kembali);
      }

      function get_potongkembalian() {
        var totalkembalian = $("#val_kembalian").val();
        var bayarkembalian = $("#tb_bayar_kembalian").val();
        var sisakembalian = totalkembalian - bayarkembalian;

        if (sisakembalian >= 0)
          $("#txt_kembalianmasukkas").val(toRp(sisakembalian));

        //console.log(kembali);
      }

      function scan_barcode_member(type) {
        if (type == "1") djs.scanBar("BAR_MEMBER", "BARCODE");
        else djs.scanBar("QR_MEMBER", "QRCODE");
      }

      function BAR_MEMBER(x) {
        $("#tb_member_id").val($("#tb_member_id").val() + x);
      }

      function QR_MEMBER(x) {
        $("#tb_member_id").val($("#tb_member_id").val() + x);
      }

      function saveCart(id) {
        var pop2 = app.popup.create({
          el: "#paypop",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        var jumlah_bayar = 0;
        var kembalian = 0;
        var member = $("#cb_metode_pembayaran").val();
        var total = parseInt(clear_string($("#txt_grand_total_2").text()));
        var metode = $("#cb_metode_pembayaran").val();

        // var tst = app.toast.create({
        //           text: 'metode:'+metode,
        //           closeTimeout: 2000,
        //         });
        // tst.open();

        var customer = $("#txt_id_customer").text();
        var kembalianmasukkas = parseInt(
          clear_string($("#txt_kembalianmasukkas").val())
        );
        var bayarkembalian = $("#tb_bayar_kembalian").val();

        getLocation();

        ///////// BARU TAMBAHAN HARDCODE CASH
        kembalian = parseInt(clear_string($("#txt_kembalian").val()));
        jumlah_bayar = $("#tb_jumlah_bayar").val();
        customer = $("#tb_member_id").val();

        if (kembalian >= 0) {
          $.post(
            urlApi + "s",
            {
              s: session,
              r: "pbli",
              m: "i",
              id_cart: $("#txt_id_cart_main").text(),
              no: jumlah_bayar,
              mp: metode,
              c: customer,
              k: kembalian,
              sk: kembalianmasukkas,
              bk: bayarkembalian,
              lati: lat,
              long: lon,
            },
            function (data) {
              if (data.kode == "200") {
                console.dir(data);
                displayBarang();
                viewStruk(data.struk);
                pop2.close();
              } else {
                var ts = app.toast.create({
                  text: "Koneksi Server Gagal, mohon coba lagi",
                  closeTimeout: 2000,
                });
                ts.open();
              }
            }
          )
            .fail(function (res) {
              switch (res.statusText) {
                case "error":
                  var ts = app.toast.create({
                    text: "Koneksi Error",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                case "timeout":
                  var ts = app.toast.create({
                    text: "Koneksi Timeour",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                default:
                  var ts = app.toast.create({
                    text: "Koneksi Error" + res.statusText,
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;
              }
            })
            .done(function () {
              displayBarang();
              pop2.close();
              
            });
        } else {
          var ts = app.toast.create({
            text: "Uang Tidak Cukup",
            closeTimeout: 2000,
          });
          ts.open();
        }
      }

      function viewStruk(data) {
        $("#ctn_struk").val(data);
        $("#txt_struk").val(data);

        var pop = app.popup.create({
          el: "#popstruk",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        pop.open();

        $("#txt_id_cart_main").text('-');
              cekCart();
      }

      function cetakStruk() {
        findBT();
        openBT();
        sendBT($("#txt_struk").val());
        refreshCart();
        cekCart();
        var pop = app.popup.create({
          el: "#popstruk",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        pop.close();
      }

      function savePay() {
        var pop2 = app.popup.create({
          el: "#paypop",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });
        pop2.close();

        var pop = app.popup.create({
          el: "#poppembayaran",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        var total = parseInt(clear_string($("#txt_grand_total_2").text()));
        var kdpm = $("#txt_id_cart_main").text();

        $("#totalpembayaran").val(total);
        $("#kodepembayaran").val(kdpm);

        $("#tot_pem").text($("#txt_grand_total_2").text());
        $("#kode_pem").text($("#txt_id_cart_main").text());

        pop.open();

        // param = '?s=' + encode64(session) + "&a=" + encode64(urlApi);

        // var url = 'payment-gopay.php';
        // var total = parseInt(clear_string($('#txt_grand_total_2').text()));
        // var param_s = '&id='+$('#txt_id_cart_main').text()+'&nominal='+total;
        // location.href = url + param + param_s;
      }

      function bayar_btn() {
        console.log("----KLIK----");
        var payment_type = "gopay";
        var nominal = parseInt($("#totalpembayaran").val());
        var txt_ord_id = parseInt($("#kodepembayaran").val());

        var svr;
        $.ajax({
          url: "api-ewalet_get_user.php?ses=" + session + "&py=GO-PAY",
          type: "GET",
          dataType: "JSON",
          async: false,
          success: function (datas) {
            //console.dir(datas);
            svr = datas;
            return svr;
          },
        });

        setTimeout(function () {
          if (svr.param3 != null && svr.param3 != "") {
            $.ajax({
              url:
                "api-ewalet.php?payment_type=" +
                payment_type +
                "&nominal=" +
                nominal +
                "&ord_id=" +
                txt_ord_id +
                "&svr=" +
                svr.param3,
              type: "GET",
              dataType: "JSON",
              success: function (data) {
                console.log(data);
                posttourl(data);

                $("#qrcode").attr("src", data.actions[0].url);

                $("#bayar_btn").addClass("disabled");

                var jumlah_bayar = 0;
                var kembalian = 0;
                var member = 120;
                var total = nominal;
                var metode = 120;

                var customer = "";
                var kembalianmasukkas = 0;
                var bayarkembalian = 0;

                getLocation();

                $.post(
                  urlApi + "s",
                  {
                    s: session,
                    r: "pbli",
                    m: "i",
                    id_cart: txt_ord_id,
                    no: jumlah_bayar,
                    mp: metode,
                    c: customer,
                    k: kembalian,
                    sk: kembalianmasukkas,
                    bk: bayarkembalian,
                    lati: lat,
                    long: lon,
                  },
                  function (data) {
                    if (data.kode == "200") {
                      console.dir(data);
                      displayBarang();
                      viewStruk(data.struk);
                    } else {
                      var ts = app.toast.create({
                        text: "Koneksi Server Gagal, mohon coba lagi",
                        closeTimeout: 2000,
                      });
                      ts.open();
                    }
                  }
                )
                  .fail(function (res) {
                    switch (res.statusText) {
                      case "error":
                        var ts = app.toast.create({
                          text: "Koneksi Error",
                          closeTimeout: 2000,
                        });
                        ts.open();
                        break;

                      case "timeout":
                        var ts = app.toast.create({
                          text: "Koneksi Timeour",
                          closeTimeout: 2000,
                        });
                        ts.open();
                        break;

                      default:
                        var ts = app.toast.create({
                          text: "Koneksi Error" + res.statusText,
                          closeTimeout: 2000,
                        });
                        ts.open();
                        break;
                    }
                  })
                  .done(function () {});
              },
            });
          } else {
            var ts = app.toast.create({
              text: "mohon lengkapi informasi di admin web jagatoko pada jenis pembayaran",
              closeTimeout: 2000,
            });
            ts.open();

            //djs.toast("mohon lengkapi informasi di admin web jagatoko pada jenis pembayaran")
          }
        }, 500);
      }

      function posttourl(data) {
        var transaction_id = data.transaction_id;
        var trx_id = data.order_id;
        var fraud_status = data.fraud_status;
        var merchant_id = data.merchant_id;
        var status_code = data.status_code;
        var transaction_status = data.transaction_status;
        var transaction_time = data.transaction_time;
        var act_qr = data.actions[0].url;
        var act_deeplink = data.actions[1].url;
        var act_status = data.actions[2].url;
        var act_cancel = data.actions[3].url;

        $.ajax({
          url: "api-ewalet_post.php",
          type: "POST",
          data: {
            transaction_id: transaction_id,
            trx_id: trx_id,
            fraud_status: fraud_status,
            merchant_id: merchant_id,
            status_code: status_code,
            transaction_status: transaction_status,
            transaction_time: transaction_time,
            act_qr: act_qr,
            act_deeplink: act_deeplink,
            act_status: act_status,
            act_cancel: act_cancel,
          },
          dataType: "JSON",
          success: function (data) {
            console.log(data);
          },
        });
      }
      
      function saveQr(id) {
        var pop2 = app.popup.create({
          el: "#paypop",
          swipeToClose: "to-bottom",
          swipeHandler: ".swipe-handler",
        });

        var jumlah_bayar = 0;
        var kembalian = 0;
        var member = $("#cb_metode_pembayaran").val();
        var total = parseInt(clear_string($("#txt_grand_total_2").text()));
        var metode = $("#cb_metode_pembayaran").val();

        // var tst = app.toast.create({
        //           text: 'metode:'+metode,
        //           closeTimeout: 2000,
        //         });
        // tst.open();

        var customer = $("#txt_id_customer").text();
        var kembalianmasukkas = parseInt(
          clear_string($("#txt_kembalianmasukkas").val())
        );
        var bayarkembalian = $("#tb_bayar_kembalian").val();

        getLocation();

        ///////// BARU TAMBAHAN HARDCODE CASH
        kembalian = parseInt(clear_string($("#txt_kembalian").val()));
        jumlah_bayar = $("#tb_jumlah_bayar").val();
        customer = $("#tb_member_id").val();

          $.post(
            urlApi + "s",
            {
              s: session,
              r: "pbliqr",
              id_cart: $("#txt_id_cart_main").text(),
              no: jumlah_bayar,
              mp: metode,
              c: customer,
              lati: lat,
              long: lon,
            },
            function (data) {
              console.dir(data);
              if (data.kode == "200") {
                console.dir(data);


                snap.show();
                
                setTimeout(()=>{
                  snap.pay(data.response.token,{
                    uiMode : 'qr',
                    onSuccess: function(result){
                      console.log('success');console.log(result);

                      $.post(
                        urlApi + "s",
                        {
                          s: session,
                          r: "qris",
                          id_cart: result.order_id,
                          st: 'success',
                       
                        },
                          function (data) {
                            console.dir(data);
                            var ts = app.toast.create({
                              text: "Sukses Pembayaran",
                              closeTimeout: 2000,
                            });
                            ts.open();

                            $("#txt_id_cart_main").text("-");
                            refreshCart();
                            cekCart();
                            getStatusData();
                            
                            
                            
                          }
                      )

                    },
                    onPending: function(result){
                      // console.log('pending');console.log(result);

                      $.post(
                        urlApi + "s",
                        {
                          s: session,
                          r: "qris",
                          id_cart: result.order_id,
                          st: result.transaction_status,
                       
                        },
                          function (data) {
                            console.dir(data);
                            var ts = app.toast.create({
                              text: "Pending Pembayaran",
                              closeTimeout: 2000,
                            });
                            ts.open();

                            $("#txt_id_cart_main").text("-");
                            refreshCart();
                            cekCart();
                            getStatusData();
                            
                            
                            
                          }
                      )


                    },
                    onError: function(result){
                      console.log('error');console.log(result);
                    },
                    onClose: function(){
                      console.log('customer closed the popup without finishing the payment');
                      var ts = app.toast.create({
                        text: "Menutup Pembayaran, tanpa menyelesaikannya",
                        closeTimeout: 2000,
                      });
                      ts.open();

                      $("#txt_id_cart_main").text("-");
                      refreshCart();
                      cekCart();
                      getStatusData();
                    }
                  });
                  // snap.override({
                  //   redirectUrl: "http://assetjagatoko_new/assets/penjualan.html?s=" + encode64(session) + "&a=" + encode64(urlApi),
                  // });  
                },1000);
                
                // console.dir(data.response.redirect_url);
                // var pop = app.popup.create({
                //   el: "#popqris",
                //   swipeToClose: "to-bottom",
                //   swipeHandler: ".swipe-handler",
                // });
                // var urn = 'http://asset/jagatoko_new/assets/proxy.php?ulrn='+data.response.redirect_url;
                // $("#iframe_qris").attr('src',urn);
                // pop.open();

                // // $("#iframe_qris").attr('src','http://asset/jagatoko/admin/iframeqr.php?qr='+data.response.redirect_url);
                // window.snap.embed(data.response.token, {
                //   embedId: 'snap-container'
                // });
                
                // displayBarang();
                // viewStruk(data.struk);
                pop2.close();
              } else {
                var ts = app.toast.create({
                  text: "Koneksi Server Gagal, mohon coba lagi",
                  closeTimeout: 2000,
                });
                ts.open();
              }
            }
          )
            .fail(function (res) {
              switch (res.statusText) {
                case "error":
                  var ts = app.toast.create({
                    text: "Koneksi Error",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                case "timeout":
                  var ts = app.toast.create({
                    text: "Koneksi Timeour",
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;

                default:
                  var ts = app.toast.create({
                    text: "Koneksi Error" + res.statusText,
                    closeTimeout: 2000,
                  });
                  ts.open();
                  break;
              }
            })
            .done(function () {
              // displayBarang();
              pop2.close();
              
              
            });
      }

      function back(url) {
        // location.href = url + param;
        // location.href = url;
        app.dialog.preloader("Mohon Tunggu...");
        param = "?s=" + encode64(session) + "&a=" + encode64(urlApi);
        window.location.href = url + param;
      }
    </script>
  </body>
</html>
