@page "/"

<PageTitle>Login</PageTitle>

<!DOCTYPE html>
<html lang="tr-TR" id="html_login">
<link rel="stylesheet" href="css/Login.css">

<head>
	<title>STBMYO Sınav Modülü Giriş Sayfası</title>
	<link href="https://fonts.googleapis.com/css?family=Poppins:600&display=swap" rel="stylesheet">
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body onload="login_kontrol()">
	<div id="container" class="container">
		<img id="wave" class="wave" src="images/Todo_image.jpg">
		<div class="img">
		</div>
		<div class="login-content">
			<div id="database_result">
				<p id="_register_state">Kayıt Başarıyla Gerçekleştirildi Hesabınızın Admin <br> Tarafından Onaylanmasını
					Bekleyin
				</p>
				<p>
					Kayıt Yapılamadı Kullanıcı veritabanında var olabilir ya da bağlantıda hata olabilir daha sonra
					tekrar deneyiniz
				</p>
			</div>
			<form>
				<img src="images/icons8-education-80.png">
				<h2 class="title">HOŞGELDİNİZ</h2>
				<div class="input-div one" style="border-bottom-color: red;">
					<div class="i">
						<i style="color: #32be8f;" class="fas fa-user"></i>
					</div>
					<div class="div">
						<h5 id="input_baslik1">Email</h5>
						<input id="login_input_username" type="text" @bind="login_email" @bind:event="oninput"
							class="input" name="username" onblur="isim_kaydir_2(this)" onfocus="isim_kaydir(this)"
							required>
					</div>
				</div>
				<div class="input-div pass" style="border-bottom-color: red;">
					<div class="i">
						<i style="color: #32be8f;" class="fas fa-lock"></i>
					</div>
					<div class="div">
						<div id="visibility" onclick="visibilty()"><img id="visibility_img"
								src="../images/visibility_of.png" alt="" srcset=""></div>
						<h5 id="input_baslik2">Şifre</h5>
						<input id="login_input_password" @bind="login_password" @bind:event="oninput" type="password"
							class="input" name="password" onblur="isim_kaydir_2(this)" onfocus="isim_kaydir(this)">

					</div>

				</div>
				<a onclick="forgot_password()">Şifreni mi unuttun?</a>
				<input type="button" @onclick="login_check" class="btn" style="font-weight: bold;" value="GİRİŞ">
			</form>

			<div id="register_div">
				<div class="c-subscribe-box u-align-center" id="register_div_ic">

					<div class="rainbow"><span></span><span></span></div>
					<div class="c-subscribe-box__wrapper">

						<h2 class="c-subscribe-box__title">KAYIT OL</h2>
						<form id="register_form">
							<div class="input-group mb-3">
								<div class="input-group-prepend">
									<span class="input-group-text">Ad</span>
								</div>
								<input type="text" name="name" @bind="register_name" @bind:event="oninput"
									class="form-control register_form-control" aria-describedby="basic-addon1">
							</div>
							<div class="input-group mb-3">
								<div class="input-group-prepend">
									<span class="input-group-text">Soyad</span>
								</div>
								<input type="text" name="surname" @bind="register_surname" @bind:event="oninput"
									class="form-control register_form-control" aria-describedby="basic-addon1">
							</div>

							<div class="input-group mb-3">
								<div class="input-group-prepend">
									<span class="input-group-text">Email</span>
								</div>
								<input type="text" name="username" @bind="register_email" @bind:event="oninput"
									class="form-control register_form-control" aria-describedby="basic-addon1">
							</div>

							<div class="input-group mb-3">
								<div class="input-group-prepend">
									<span class="input-group-text" style="cursor: pointer;"
										onclick="register_visibilty()">Şifre</span>
								</div>
								<input id="register_password_input" @bind="register_password" @bind:event="oninput"
									name="password" type="password" class="form-control register_form-control"
									aria-describedby="basic-addon1" style="padding-right:10px;">
							</div>
							<button type="button" style="width: 80%;" class="btn-success" id="register_ic_kayit_ol"
								@onclick="register">KAYIT OL</button>
							<button type="reset" style="margin-left: -12%;margin-top: 7.9%;"
								class="btn-warning btn_register_exits">TEMİZLE</button>
						</form>
					</div>
					<button type="button" class="btn-warning btn_register_exits" onclick="register_area_off()">GİRİŞ
						YAP</button>
				</div>
			</div>
		</div>

		<h3 style="font-size:25px;margin-left:-8%;" id="smyo_name"></h3>
		<button id="register_button" onclick="register_area_on()">KAYIT OL</button>
	</div>

	<div id="kullanici_kontrol">
		<p>"Email":@if (login_email == null)
			{
			<p style=" color:black;margin-top: -3.5%; margin-left: 11%; position: absolute;">null</p>
			}
			else
			{
				<p id="email_p"
			style=" color:black;margin-top: -3.5%; margin-left: 11%; position: absolute;">@login_email</p>
			}<br>"Password":@if (login_password == null)
			{ 
				<p
			style=" color:black;margin-top: -3.3%; margin-left: 16%; position: absolute;">null</p>
			}
			else
			{
				<p id="sifre_p"
			style=" color:black;margin-top: -3.3%; margin-left: 16%; position: absolute;">@login_password</p>
			}
		<br>"Girilen bilgiler ile Eşleşen kayıt olmayabilir ya da hesabınız onaylanmamış olabilir"</p>
	</div>

</body>

</html>
