<!DOCTYPE html>
<!--
Author: Keenthemes
Product Name: Metronic 
Product Version: 8.2.3
Purchase: https://1.envato.market/EA4JP
Website: http://www.keenthemes.com
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
License: For each use you must have a valid license purchased only from above link in order to legally use the theme for your project.
-->
<html lang="en">
	<!--begin::Head-->
	<head>
		<title>SMA NEGERI 1 SURUH</title>
		<meta charset="utf-8" />
		<meta name="description" content="“Internal Management Stok Barang Sekolah“" />
		<meta name="keywords" content="Order Stok, Order Stok" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta property="og:locale" content="en_US" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="Order Stok Order Stok &copy; 2024 SMA NEGERI 1 SURUH." />
		<meta property="og:url" content="https://sman1suruh.sch.id/" />
		<meta property="og:site_name" content="Metronic by Keenthemes" />
		<link rel="canonical" href="https://sman1suruh.sch.id/" />
		<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
		<!--begin::Fonts(mandatory for all pages)-->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
		<!--end::Fonts-->
		<!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
		<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
		<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
		<!--end::Global Stylesheets Bundle-->
		<script>// Frame-busting to prevent site from being loaded within a frame without permission (click-jacking) if (window.top != window.self) { window.top.location.replace(window.self.location.href); }</script>
	</head>
	<!--end::Head-->
	<!--begin::Body-->
	<body id="kt_body" class="app-blank">
		<!--begin::Theme mode setup on page load-->
		<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
		<!--end::Theme mode setup on page load-->
		<!--begin::Root-->
		<div class="d-flex flex-column flex-root" id="kt_app_root">
			<!--begin::Authentication - Sign-in -->
			<div class="d-flex flex-column flex-lg-row flex-column-fluid">
				<!--begin::Body-->
				<div class="d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1">
					<!--begin::Form-->
					<div class="d-flex flex-center flex-column flex-lg-row-fluid">
						<!--begin::Wrapper-->
						<div class="w-lg-500px p-10">
							<!--begin::Form-->
							<form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" data-kt-redirect-url="index.html" action="#">
								<!--begin::Heading-->
								<div class="text-center mb-11">
									<!--begin::Title-->
									<h1 class="text-gray-900 fw-bolder mb-3">Sign In</h1>
									<!--end::Title-->
									<!--begin::Subtitle-->
									<div class="text-gray-500 fw-semibold fs-6">Your User Account</div>
									<!--end::Subtitle=-->
								</div>
								<!--begin::Heading-->
								<!--begin::Input group=-->
								<div class="fv-row mb-8">
									<!--begin::Username-->
									<input type="text" placeholder="Username" name="username" autocomplete="off" class="form-control bg-transparent" />
									<!--end::Username-->
								</div>
								<!--end::Input group=-->
								<!--begin::Input group-->
								<div class="fv-row mb-10">
									<!--begin::Main wrapper-->
									<div id="kt_password_meter_example" class="fv-row" data-kt-password-meter="true">
										<!--begin::Wrapper-->
										<div class="mb-1">
											<!--begin::Input wrapper-->
											<div class="position-relative mb-3">
												<input class="form-control bg-transparent" type="password" placeholder="Password" name="password" autocomplete="off" />
												<!--begin::Visibility toggle-->
												<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
													<i class="bi bi-eye-slash fs-2"></i>
													<i class="bi bi-eye fs-2 d-none"></i>
												</span>
												<!--end::Visibility toggle-->
											</div>
											<!--end::Input wrapper-->
											<!--begin::Highlight meter-->
											<div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
												<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
												<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
												<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
												<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
											</div>
											<!--end::Highlight meter-->
										</div>
										<!--end::Wrapper-->
										<!--begin::Hint-->
										<div class="text-muted">Use 8 or more characters with a mix of letters, numbers & symbols.</div>
										<!--end::Hint-->
									</div>
									<!--end::Main wrapper-->
								</div>
								<!--end::Input group-->
								<!--begin::Input group-->
								<div class="fv-row mb-3">
									<!--begin::Google link=-->
									<div class="g-recaptcha" data-sitekey="6LccupAqAAAAAJ6hhfqoAchAFN14pQIDHiYXPTBg"></div>
									<!--end::Google link=-->
								</div>
								<!--end::Input group-->
								<!--begin::Wrapper-->
								<div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
									<div></div>
									<!--begin::Link-->
									<a href="https://stokorder.sman1suruh.sch.id/home-forgot" class="link-primary">Forgot Password ?</a>
									<!--end::Link-->
								</div>
								<!--end::Wrapper-->
								<!--begin::Submit button-->
								<div class="d-grid mb-10">
									<button type="submit" id="kt_sign_in_submit" class="btn btn-primary">
										<!--begin::Indicator label-->
										<span class="indicator-label">Sign In</span>
										<!--end::Indicator label-->
										<!--begin::Indicator progress-->
										<span class="indicator-progress">Please wait... 
										<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
										<!--end::Indicator progress-->
									</button>
								</div>
								<!--end::Submit button-->
							</form>
							<!--end::Form-->
						</div>
						<!--end::Wrapper-->
					</div>
					<!--end::Form-->
					<!--begin::Footer-->
					<div class="w-lg-500px d-flex flex-stack px-10 mx-auto">
						<!--begin::Copyright-->
						<div class="me-10">
							<!--begin::Logo image-->
							<span class="mx-5 fs-6 fw-semibold text-gray-600 pt-1">Order Stok</span>
							<!--end::Logo image-->
						</div>
						<!--end::Copyright-->
						<!--begin::Links-->
						<div class="d-flex fw-semibold text-primary fs-base gap-5">
							<a href="#" data-bs-toggle="popover" data-bs-dismiss="true" title="About" data-bs-content="“Internal Management Stok Barang Sekolah“">About</a>
							<a href="#" data-bs-toggle="popover" data-bs-dismiss="true" title="My Team" data-bs-content="&copy; ayusfumi 2024">Team</a>
							<a href="#" data-bs-toggle="popover" data-bs-dismiss="true" title="Kantor" data-bs-content="Jl. Jatirejo No.17, Suruh Kab Semarang, 50776 Jawa Tengah (0298) 317266">Contact</a>
						</div>
						<!--end::Links-->
					</div>
					<!--end::Footer-->
				</div>
				<!--end::Body-->
				<!--begin::Aside-->
				<div class="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2" style="background-image: url(assets/media/misc/auth-bg.png)">
					<!--begin::Content-->
					<div class="d-flex flex-column flex-center py-7 py-lg-15 px-5 px-md-15 w-100">
						<!--begin::Logo-->
						<a href="https://stokorder.sman1suruh.sch.id/home-signin" class="mb-0 mb-lg-12">
							<img alt="Logo" src="assets/media/logos/logo_surakarta.png" class="h-60px h-lg-75px" />
						</a>
						<!--end::Logo-->
						<!--begin::Image-->
						<img class="d-none d-lg-block mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20" src="assets/media/misc/auth-screens.png" alt="" />
						<!--end::Image-->
						<!--begin::Title-->
						<h1 class="d-none d-lg-block text-white fs-2qx fw-bolder text-center mb-7">Order-Stok</h1>
						<!--end::Title-->
						<!--begin::Text-->
						<div class="d-none d-lg-block text-white fs-base text-center">SMA N 1 SURUH, 
						<a href="https://sman1suruh.sch.id/dashboard" class="opacity-75-hover text-warning fw-bold me-1">Berbudi Pekerti Luhur | Terampil | Berprestasi</a>
						<br />Internal Management Stok Barang Sekolah.</div>
						<!--end::Text-->
					</div>
					<!--end::Content-->
				</div>
				<!--end::Aside-->
			</div>
			<!--end::Authentication - Sign-in-->
		</div>
		<!--end::Root-->
		<!--begin::Javascript-->
		<script>var hostUrl = "assets/";</script>
		<!--begin::Global Javascript Bundle(mandatory for all pages)-->
		<script src="assets/plugins/global/plugins.bundle.js"></script>
		<script src="assets/js/scripts.bundle.js"></script>
		<!--end::Global Javascript Bundle-->
		<!--begin::Custom Javascript(used for this page only)-->
		<script src='https://www.google.com/recaptcha/api.js'></script>
		<script>

		"use strict";

		var KTSigninGeneral=function(){
			var t,e,i,s;
			return {
				init:function(){
					t=document.querySelector("#kt_sign_in_form"),
					e=document.querySelector("#kt_sign_in_submit"),
					i=FormValidation.formValidation(t,
						{
							fields:{
								username:{
									validators:{
										notEmpty:{
											message:"Username is required"
										}
									}
								},
								password:{
									validators:{
										notEmpty:{
											message:"The password is required"
										}
									}
								}
							},
							plugins:{
								trigger:new FormValidation.plugins.Trigger,bootstrap:new FormValidation.plugins.Bootstrap5({rowSelector:".fv-row"})
							}
						}),
						e.addEventListener("click",(function(n){
							n.preventDefault(),i.validate().then((function(i){
								"Valid"==i?(e.setAttribute("data-kt-indicator","on"),
								e.disabled=!0,setTimeout((function(){
									grecaptcha.ready(function () {
										if (grecaptcha.getResponse() === "") {
											e.removeAttribute("data-kt-indicator"),
											e.disabled=!1,
											swal.fire({
											text: "Please validate the Google reCaptcha.",
											icon: "error",
											buttonsStyling: false,
											confirmButtonText: "Ok, got it!",
											customClass: {
												confirmButton: "btn font-weight-bold btn-light-primary"
											}
											}).then(function() {
												KTUtil.scrollTop();
												e.removeAttribute("data-kt-indicator");
											});
										} else {
											const username = document.querySelector('input[name=username]').value;
											const password = document.querySelector('input[name=password]').value;
											// Get password meter instance
											const passwordMeterElement = document.querySelector("#kt_password_meter_example");
											const passwordMeter = KTPasswordMeter.getInstance(passwordMeterElement);
											$.ajax({
												crossDomain: true,
												cache: false,	
												type: 'POST',
												url: 'https://stokorder.sman1suruh.sch.id/signin',
												data: {
													username:username,
													password:password
												},
												success: function (r) {
													// Get password score
													const score = passwordMeter.getScore();
													r = JSON.parse(r);
													if(r.state==1){
														e.removeAttribute("data-kt-indicator"),
														e.disabled=!1,
														swal.fire({
															title: "Succes Login",
															text: "Current Password Score: " + score,
															icon: "success",
															showConfirmButton: false,
															timer: 1500
														}).then(function() {
															KTUtil.scrollTop();
															e.removeAttribute("data-kt-indicator");
															window.location.href = "https://stokorder.sman1suruh.sch.id/715d3a1e2fbbdd28a696044123c87d24";
														});		
													}
													if(r.state==2){
														e.removeAttribute("data-kt-indicator"),
														e.disabled=!1,
														swal.fire({
														text: "Password salah",
														icon: "error",
														buttonsStyling: false,
														confirmButtonText: "Ok, got it!",
														customClass: {
															confirmButton: "btn font-weight-bold btn-light-primary"
														}
														}).then(function() {
															KTUtil.scrollTop();
															e.removeAttribute("data-kt-indicator");
														});
													}
													if(r.state==3){
														e.removeAttribute("data-kt-indicator"),
														e.disabled=!1,
														swal.fire({
														text: "Username salah",
														icon: "error",
														buttonsStyling: false,
														confirmButtonText: "Ok, got it!",
														customClass: {
															confirmButton: "btn font-weight-bold btn-light-primary"
														}
														}).then(function() {
															KTUtil.scrollTop();
															e.removeAttribute("data-kt-indicator");
														});
													}
												}
											});		   
										}
									});
								}),2e3)):
								Swal.fire({
									text:"Sorry, looks like there are some errors detected, please try again.",
									icon:"error",buttonsStyling:!1,
									confirmButtonText:"Ok, got it!",
									customClass:{confirmButton:"btn btn-primary"}
								})
							})
						)}
					))
				}
			}
		}();
		
		KTUtil.onDOMContentLoaded((function(){
			KTSigninGeneral.init()
		}));				
	
		</script>		
		<!--end::Custom Javascript-->
		<!--end::Javascript-->
	</body>
	<!--end::Body-->
</html>