<!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 | Login</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">
		
		.loader-screen {
		    position: fixed!important;
		    top: 0;
		    left: 0;
		    height: 100%;
		    width: 100%;
		    z-index: 9999;
		    background-color: var(--f7-theme-color);
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center;
		}

	</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 overlay-primary-dark loader-screen">
			<div class="col align-self-center text-white text-align-center">
				<div id="loading-area">
					<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="150px" height="48px" viewBox="0 0 150 48" enable-background="new 0 0 150 48" xml:space="preserve">  <image id="image0" width="150" height="48" x="0" y="0" href="data:image/png;base64,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"/>
</svg>
					</div>
<!--
					<h2 class="load-text">
						<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>
	<div class="page account-area">
		<div class="page-content pb-0">
			
			<div class="container">
				<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="160px" height="51px" viewBox="0 0 160 51" enable-background="new 0 0 160 51" xml:space="preserve">  <image id="image0" width="160" height="51" x="0" y="0" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAzCAMAAAAn4/PyAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC5VBMVEUAAAAhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMh lvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvP///+lvCQdAAAA9XRSTlMA AAEHeqKgUgtWinQkDMaGCI/6zi3Dg0DzlWG7FzoxBkL0mPIYAhMQCZT80jBn2hkvapy/zK9HEg1c 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 R3AOABqmFfOdm0p4wM4PrQufLOMBJa5qASAZK3jBUdd22t5mzgIqG8/e4dKabnxdZY6vW9Y6GPxb CTqpYMSYSrVJtkqPZ8aFb6ijGFlG1Rg8jcsh9I5MRsfKvi8sPJZgqh6Bp4u0tI01EYFZH+66gHVP /Ym4aHwflH6kNpnUZ+Bh6AaZyZQgG6QzRjrwFd10fGE1nuYBaSXZc/GqJjVUpxzbZGk6HM8efx2J 639PvdlJdkHyxj7Ovqj7lN5aOGRvOJG3WCxNiVyhTNt2an/Exd2DuTdq480/brn7TW2J4t6oDdlN dLAHpuFI2rQ0pXiRwHP1Qr78Fkc+koTr3kPEPj9oF34NohyGeK9vJbfznSL2feP4EcOJ1wHvBj7I M17KtJuCA8vAbvXbQh0CfKn7retsZ9RS0FGSaWdM7DvP2k3ER3X7GAuaoRkf05aRVTdKL/guZkdN v55+Few2WIi4kj/NzJbjKZ3h14++i6/PNbr/6D8cew97Gjszgzq6Ob0fOdrVhrlXlCwOODIDnvq2 xRSxx9Cl1v/qTybyb8KOmsDtfq3ofyok+rJDjlXpnPJfp20Vo1i7xTNF7ZJZdWYhnnnndKfyUUBX NPzDevFIJiS6cdMa/rysb46TEmcDWl7568edf3b+Q6Z5vth41n3pjSX7c0fPIk7mAwBlh478g102 XiU6/w4JcTpev57KWQ+DnE7XJ/9/+RvS0OKELHZbngAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0w My0yOFQxNjozMzozNyswMDowMDWKmFcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDMtMjhUMTY6 MzM6MzcrMDA6MDBE1yDrAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTAzLTI4VDE2OjMzOjM3 KzAwOjAwE8IBNAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5C YII="/>
</svg>
					</div>
					<!-- <div class="logo-content">
						<h2 class="logo-name">Ombex</h2>	
					</div> -->
				</div>
				<div class="tab tab-active form-elements tabs">
					
						<div class="title-head">
							<h2 class="title">Sign In</h2>
							<p>Mohon dijaga Username dan Password anda </p>
						</div>
						<div class="list">
							<ul class="row">
								<li class="item-content item-input col-100">
									<div class="item-inner">
										<div class="item-title item-label"></div>
										<div class="item-input-wrap">
											<input  id="u" type="text" placeholder="Username" value="" class="form-control"/>
										</div>
									</div>
								</li>
								<li class="item-content col-100 item-input">
									<div class="item-inner">
										<div class="item-title item-label"></div>
										<div class="item-input-wrap">
											<input id="p" type="password" placeholder="Password" class="form-control"/>
											<div class="show-pass">
												<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M22.919 11.606C22.786 11.3 19.572 4.00002 12 4.00002C4.42801 4.00002 1.21401 11.3 1.08101 11.606C1.02764 11.7305 1.00012 11.8646 1.00012 12C1.00012 12.1355 1.02764 12.2695 1.08101 12.394C1.21401 12.7 4.42801 20 12 20C19.572 20 22.786 12.7 22.919 12.394C22.9724 12.2695 22.9999 12.1355 22.9999 12C22.9999 11.8646 22.9724 11.7305 22.919 11.606ZM12 18C6.60001 18 3.83301 13.411 3.11001 12C3.83501 10.614 6.64801 6.00002 12 6.00002C17.394 6.00002 20.165 10.586 20.89 12C20.164 13.386 17.352 18 12 18Z" fill="#309F5F"/>
													<path d="M12 8C11.2089 8 10.4355 8.2346 9.77772 8.67412C9.11993 9.11365 8.60723 9.73836 8.30448 10.4693C8.00173 11.2002 7.92252 12.0044 8.07686 	12.7804C8.2312 13.5563 8.61216 14.269 9.17157 14.8284C9.73098 15.3878 10.4437 15.7688 11.2196 15.9231C11.9956 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8864 14.8801 15.3259 14.2223C15.7654 13.5645 16 12.7911 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8ZM12 14C11.6044 14 11.2178 13.8827 10.8889 13.6629C10.56 13.4432 10.3036 13.1308 10.1522 12.7654C10.0009 12.3999 9.96126 11.9978 10.0384 11.6098C10.1156 11.2219 10.3061 10.8655 10.5858 10.5858C10.8655 10.3061 11.2219 10.1156 11.6098 10.0384C11.9978 9.96126 12.3999 10.0009 12.7654 10.1522C13.1308 10.3036 13.4432 10.56 13.6629 10.8889C13.8827 11.2178 14 11.6044 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14Z" fill="#309F5F"/>
												</svg>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="clearfix">
							<button class="button-large button rounded-xl button-fill" onclick="login()">LOGIN</button>
							<!-- <p class="form-text">Forgot Password? <a href="#tabA2" data-route-tab-id="tabA2" class="tab-link ml-5">Reset Password</a></p> -->
						</div>
						<!-- <div class="text-align-center account-footer pb-30">
							<p class="mt-0">Dont have any account?</p>
							<a href="/signup/" class="button-large button rounded-xl button-fill button-secondary">CREATE AN ACCOUNT</a>
						</div> -->
					
					
				</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>

function encode64(text)
{
    console.log("1");//kepake
    return $.base64.btoa(text);
}

function decode64(text)
{
    console.log("2");//kepake
    return $.base64.atob(text);
}

function login()
{
	app.dialog.preloader('Mohon Tunggu...');

    console.log(urlApi);
    $.post(urlApi + "l", {u: encode64($('#u').val()), p: encode64($('#p').val())}, function (data) {
        if (data.kode == "200")
        {

            session = data.session;
            var role = data.role;
            window.location.href = "index.html?s="+encode64(session) + "&r="+role;
        } else
        {
        
        	 app.dialog.close();
		     var ts = app.toast.create({
			          text: 'Login Gagal, Username atau Password Salah',
			          closeTimeout: 2000,
			        });
			ts.open();
        }


    }, "json");
}



$(document).ready(function () {
    jQuery.support.cors = true;

   
});

</script>
</body>
</html>
