<!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">
	
	<!-- Title -->
	<title>JagaToko | Setting</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">
		
	</style>

	
</head>
<body>
<div id="app">
	<!-- Sidebar Nav -->
	
	<!-- 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">Setting</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="page-content">
				<div class="list accordion-list inset">
      <ul>
        <li class="accordion-item">
          <a href="#" class="item-link item-content">
            <div class="item-inner">
              <div class="item-title">Printer</div>
            </div>
          </a>
          <div class="accordion-item-content">
            <div class="block">
              <p>
                <ul>
                  <li class="item-content item-input">
                    <div class="item-inner">
                      <div class="item-title item-label">Printer</div>
                      <div class="item-input-wrap">
                        <input id="tb_printer" type="text" >
                        <span class="input-clear-button"></span>
                      </div>
                    </div>
                  </li>
                </ul>

                
                <form action="#" style="display: none;" id="pan_printer">
                    <b>Pilih Printer : </b>
                    <div id="rb_printer"></div>                    
                </form>

                <a class="col button button-large button-round button-fill" onclick="list_printer()">Cari Printer</a>
              </p>
            </div>
          </div>
        </li>
        <li class="accordion-item">
          <a href="#" class="item-link item-content">
            <div class="item-inner">
              <div class="item-title">Pembayaran</div>
            </div>
          </a>
          <div class="accordion-item-content">
            <div class="list" id='div_payment_method'>

          </div>
        </li>
        <!-- <li class="accordion-item">
          <a href="#" class="item-link item-content">
            <div class="item-inner">
              <div class="item-title">Auto Login</div>
            </div>
          </a>
          <div class="accordion-item-content">
            <div class="block">
              <p>
                <div class="list simple-list">
                  <ul>
                    <li>
                      <span>Auto Login</span>
                      <label class="toggle toggle-init">
                        <input type="checkbox" id="cb_autologin" onchange="setautologin();">
                        <span class="toggle-icon"></span>
                      </label>
                    </li>
                  </ul>
                </div>
               
              </p>
            </div>
          </div>
        </li> -->
        <li class="accordion-item">
          <a href="#" class="item-link item-content">
            <div class="item-inner">
              <div class="item-title">API</div>
            </div>
          </a>
          <div class="accordion-item-content">
            <div class="block">
              <p>
                <ul>
                  <li class="item-content item-input">
                    <div class="item-inner">
                      <div class="item-title item-label">API URL</div>
                      <div class="item-input-wrap">
                        <input id="tb_api" type="text" placeholder="API URL">
                        <span class="input-clear-button"></span>
                      </div>
                    </div>
                  
                  </li>  
                </ul>
                
                  
                
                <a class="col button button-large button-round button-fill" onclick="edit_setting('API', encode64($('#tb_api').val()))">Simpan</a>
              </p>
            </div>
          </div>
        </li>
        <!-- <li class="accordion-item">
          <a href="#" class="item-link item-content">
            <div class="item-inner">
              <div class="item-title">Location</div>
            </div>
          </a>
          <div class="accordion-item-content">
            <div class="block">
              <p>
                <ul>
                  <li class="item-content item-input">
                    <div class="item-inner">
                      <div class="item-title item-label">Location</div>
                      <div class="item-input-wrap">
                        <input id="tb_location" type="text" placeholder="Location">
                        <span class="input-clear-button"></span>
                      </div>
                    </div>
                  
                  </li>  
                </ul>
                <a class="col button button-large button-round button-fill" onclick="getLocation()">Get</a>
              </p>
            </div>
          </div>
        </li> -->
      </ul>
    </div>
			</div>


		</div>
		<!-- end content -->


	</div>
	<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 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 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="#" onclick="pages_url('notif.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="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 item-selected">
									<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> 
	
</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/jagatoko_r.js"></script>
<script>
	
    $(document).ready(function () {
                        
        // console.log("----");
        // console.log(decode64(session));
        // console.log(session);
        // console.log(urlApi);
        // console.log("----");
        metodePembayaran();
        
    });
    check_parameter();

    

    function list_printer() {
        console.log('15');//kepake
        djs.listBT("list_printer_result");
    }

    function list_printer_result(x) {
      console.log('17');//kepake
        var divv = document.getElementById('rb_printer');
        var innerhtmlstr = '';
        var list = x.split(",");
        var checked = '';
        $('#rb_printer').empty();
        for (var i = 0; i < list.length - 1; i++)
        {
            //toast(list[i]);
            //list[i] = $.trim(list[i]);
            if (list[i] == $('#tb_printer').val())
                checked = 'checked';
            else
                checked = '';

            //$('#rb_printer').append('<input ' + checked + ' id="printer_' + list[i] + '" name="printer_rb" type="radio" onclick="set_printer1(\'' + list[i] + '\')"><label for="printer_' + list[i] + '">' + list[i] + '</label><br>');
            //$('#rb_printer').append('<input ' + checked + ' id="printer_' + list[i] + '" name="printer_rb" type="radio" onclick="set_printer1(\'AB-123MM\')"><label for="printer_' + list[i] + '">' + list[i] + '</label><br>');


            innerhtmlstr += '_+_<input ' + checked + ' id="printer_' + list[i] + '" name="printer_rb" type="radio" onclick="set_printer1(\'' + list[i] + '\')"><label for="printer_' + list[i] + '">' + list[i] + '</label><br>';
            //document.getElementById('rb_printer').appendChild(div);




        }
        divv.innerHTML = innerhtmlstr;

        if (i > 0)
        {
            $('#pan_printer').show();
            console.log('18');//kepake
        } else
        {
            
            var ts = app.toast.create({
                      text: 'Tidak Ada Printer/Bluetooth OFF',
                      closeTimeout: 2000,
                    });
            ts.open();
            console.log('19');
        }
    }

    function set_printer1(x) {
        //toast(x);
        //set_printer(x);
        console.log('20');//kepake
        document.getElementById("tb_printer").value = x;
        //edit_setting2('PRINTER', x);
        var key = 'PRINTER';
        var value = $.base64.btoa(x);
        chosenPrinter = x;
        var sqlUpdateSetting = "UPDATE setting SET value='" + value + "' WHERE key='" + key + "' ";
        var json = "{ class: \"com.de.util.DBHandler\", classParamType:[\"Context\"] ,method: \"updatebl\" ,methodParamType:[\"String\" ], methodValue:[   \"" + sqlUpdateSetting + "\"], returnAddress:\"insertActivityResult2\" }";
        djs.APIAccess(json);

    }

    var pembayaran_text = [];
    var pembayaran_type = [];

    var server_path="http://apps.jagatoko.online/jagatoko_new/";
    function metodePembayaran(){
        console.log("dddd");
        console.log(session);

                $.getJSON(server_path+"api/additional_mobile_api.php?req=getMetodePembayaran&s="+session, function(result){
                    $('#div_payment_method').empty();
                    var count=0;
                    $.each(result, function(i, item) {
                        console.log(item);
                        // $('#div_payment_method').append("<input id='pembayaran_type_"+item.id_bayar+"' class='filled-in' onchange='update_pembayaran(pembayaran_text,pembayaran_type)'  type='checkbox'><label for='pembayaran_type_"+item.id_bayar+"'>"+item.nama+"</label><br>");
                        
                      $('#div_payment_method').append('<li><label class="item-checkbox item-content">'+
                                    '<input onchange="update_pembayaran(pembayaran_text,pembayaran_type)" id="pembayaran_type_'+item.id_bayar+'" type="checkbox" value="'+item.nama+'"/>'+
                                    '<i class="icon icon-checkbox"></i>'+
                                    '<div class="item-inner">'+
                                      '<div class="item-title">'+item.nama+'</div>'+
                                    '</div>'+
                                  '</label>'+
                                '</li>');
                        pembayaran_text[count] = item.nama;
                        pembayaran_type[count] = item.id_bayar;
                        count++;
                    });

                    $.each(data_table_setting, function (i, item) {
                        
                        if (item.kunci == "PEMBAYARAN")
                        {
                            set_pembayaran = decode64(item.isi);
                            try {
                                var set_pembayaran_obj = JSON.parse(set_pembayaran);
                                $.each(set_pembayaran_obj, function (key, data) {
                                    console.log('#pembayaran_type_'+data);
                                    $('#pembayaran_type_'+data).prop('checked', true);
                                });
                                console.log(set_pembayaran_obj);
                            } catch (exception) {
                                //console.log(exception);
                            }
                        }
                    });
                });

                
                //check_setting();
    }

    function update_pembayaran(pembayaran_text,pembayaran_type)
    {
        console.log('23');
        console.log(pembayaran_text);
        //{"kode":"200","jum_barang":0,"gtotal":0}
        var strPembayaran = "{";
        //var pembayaran_text = ['TUNAI', 'DEBIT', 'MEMBER', 'QRIS', 'GOPAY'];
        //var pembayaran_type = ['1', '2', '4', '6', '7']
        for (var i = 0; i < pembayaran_type.length; i++)
        {
            //toast('pembayaran_type_' + pembayaran_type[i]);
            if ($('#pembayaran_type_' + pembayaran_type[i]).is(":checked"))
            {
                strPembayaran += '"' + pembayaran_text[i ] + '"' + ' : "' + pembayaran_type[i ] + '",';
            }
        }
        strPembayaran = strPembayaran.substring(0, strPembayaran.length - 1);
        strPembayaran += "}";
        //toast(strPembayaran);
        // debug(strPembayaran);
        strPembayaran = encode64(strPembayaran);
        edit_setting("PEMBAYARAN", strPembayaran);
        // debug(strPembayaran);

        //console.log("CHECKBOX "+ jenis + " -> " + $('#' + jenis).is(":checked"));
    }

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

    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 setautologin()
    {
        if ($('#cb_autologin').is(":checked"))
            edit_setting('AUTOLOGIN', encode64('1'));
        else
            edit_setting('AUTOLOGIN', encode64('0'));
    }

    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>
