<!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://surakarta.go.id/" />
		<meta property="og:site_name" content="Metronic by Keenthemes" />
		<link rel="canonical" href="https://surakarta.go.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 - Password reset -->
			<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_password_reset_form" data-kt-redirect-url="authentication/layouts/corporate/new-password.html" action="#">
								<!--begin::Heading-->
								<div class="text-center mb-10">
									<!--begin::Title-->
									<h1 class="text-gray-900 fw-bolder mb-3">Forgot Password ?</h1>
									<!--end::Title-->
									<!--begin::Link-->
									<div class="text-gray-500 fw-semibold fs-6">Enter your email to reset your password.</div>
									<!--end::Link-->
								</div>
								<!--begin::Heading-->
								<!--begin::Input group=-->
								<div class="fv-row mb-8">
									<!--begin::Email-->
									<input type="text" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent" />
									<!--end::Email-->
								</div>
								<!--begin::Actions-->
								<div class="d-flex flex-wrap justify-content-center pb-lg-0">
									<button type="button" id="kt_password_reset_submit" class="btn btn-primary me-4">
										<!--begin::Indicator label-->
										<span class="indicator-label">Submit</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>
									<a href="https://stokorder.sman1suruh.sch.id/home-signin" class="btn btn-light">Cancel</a>
								</div>
								<!--end::Actions-->
							</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="ICT Team SMA NEGERI 1 SURUH">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 NEGERI 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 - Password reset-->
		</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>

		"use strict";

		var KTForgotGeneral=function(){
			var t,e,i,s;
			return {
				init:function(){
					t=document.querySelector("#kt_login_forgot_form"),
					e=document.querySelector("#kt_forgot_submit"),
					i=FormValidation.formValidation(t,
						{
							fields:{
								usernameForgot:{
									validators:{
										notEmpty:{
											message:"Username is required"
										}
									}
								},
								emailForgot:{
									validators:{
										notEmpty:{
											message:"Email is required"
										},
										emailAddress:{
											message:"The value is not a valid email address"
										}
									}
								}
							},
							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(){
									const usernameForgot = document.querySelector('input[name=usernameForgot]').value;
									const emailForgot = document.querySelector('input[name=emailForgot]').value;
									$.ajax({
										crossDomain: true,
										cache: false,	
										type: 'POST',
										url: 'https://stokorder.sman1suruh.sch.id/forgot',
										data: {
											username:usernameForgot,
											email:emailForgot
										},
										success: function (r) {
											r = JSON.parse(r);
											if(r.state==1){
												e.removeAttribute("data-kt-indicator"),
												e.disabled=!1,
												swal.fire({
													title: "Reset Password",
													text: "Succes Reset Password",
													icon: "success",
													showConfirmButton: false,
													timer: 1500
												}).then(function() {
													KTUtil.scrollTop();
													e.removeAttribute("data-kt-indicator");
												});		
											}
											if(r.state==2){
												e.removeAttribute("data-kt-indicator"),
												e.disabled=!1,
												swal.fire({
												text: "Reset Password Gagal!",
												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: "Email tidak terkirim!",
												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==4){
												e.removeAttribute("data-kt-indicator"),
												e.disabled=!1,
												swal.fire({
												text: "Email tidak terdaftar!",
												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==5){
												e.removeAttribute("data-kt-indicator"),
												e.disabled=!1,
												swal.fire({
												text: "Username tidak terdaftar!",
												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(){
			KTForgotGeneral.init()
		}));				
	
		</script>		
		<!--end::Custom Javascript-->
		<!--end::Javascript-->
	</body>
	<!--end::Body-->
</html>