<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
   <link rel="stylesheet" href="styles.css">
    <title>Zarządzanie wynajmem</title>
</head>
<body>
 	<header>
		<div class="logo">
			<a href="./">©RentalManagement</a>
			<nav>
				<ul>
					<li><a href="#">Pomoc</a></li>
					<li><a href="#">Regulamin</a></li>
					<li><a href="#">Kontakt</a></li>
				</ul>
			</nav>

		</div>
			 <p> </p>
	</header>
	<div class="tooltip-container">
		<a class="tooltip-trigger" href="#" id="register-link">Zarejestruj się</a> | 
		<a class="tooltip-trigger1" href="#" id="login-link">Zaloguj się</a>  

	</div>
	<div class="form-container">
	  <div id="register-form" class="hidden">

		<form id="registerform"  method="post" action="register.php"  onsubmit="return check_form_submit_enabled();">
		  <label for="username">Nazwa użytkownika:</label><br/>
		  <input  type="text" name="username" minlength="4"  pattern="^[^@$#%!]*$" required><br/>

		  <label for="email">E-mail:</label><br/>
		  <input type="email" name="email" minlength="4" required><br/>

		  <label for="password">Hasło:</label><br/>
		  <input type="password" name="password_reg" minlength="8" required><i class="pass-eye" onclick="togglePassword('password_reg')">&#x1F440;</i><br/>
			<input class="logsub" type="submit" name="submit" value="Zarejestruj się">
		</form>

	  </div>

	  <div id="login-form" class="hidden">
	   <div><span style='font-size: 0.8rem;'></span></div>
		<form id="loginform" method="post" action="login.php" onsubmit="return check_form_submit_enabled();">
		  <label for="username">Nazwa użytkownika (or E-mail):</label><br/>
		  <input  type="text" name="username" minlength="4" value="" required><br/>

		  <label for="password">Hasło:</label><br/>
		  <input type="password" name="password_login" minlength="4" required><i class="pass-eye" onclick="togglePassword('password_login')">&#x1F440; </i>
		   </th><th> <a href="#" onclick="ForgotPasswordForm(); return false;">Zresetuj hasło<span style="font-size:30px;">&#x1F926;</span></a>
		   <br/>
			
		  <input class="logsub" type="submit" name="login_submit" value="Zaloguj się">
		</form>

	  </div>
	</div>
	<script>
		function togglePassword(inputName) {
			  var x = document.getElementsByName(inputName)[0];
			  if (x.type === "password") {
				x.type = "text";
			  } else {
				x.type = "password";
			  }
		}
		// Pobranie linków i formularzy
		var registerLink = document.getElementById('register-link');
		var loginLink = document.getElementById('login-link');
		var registerForm = document.getElementById('register-form');
		var loginForm = document.getElementById('login-form');
		  
		registerLink.addEventListener('click', function(e) {
	  e.preventDefault();
	  if (registerForm.style.display == 'block') {
		registerForm.style.display = 'none';
	  } else {
		registerForm.style.display = 'block';
		loginForm.style.display = 'none';
	  }
	});

	loginLink.addEventListener('click', function(e) {
	  e.preventDefault();
	  if (loginForm.style.display == 'block') {
		loginForm.style.display = 'none';
	  } else {
		loginForm.style.display = 'block';
		registerForm.style.display ="none";
	  }
	});

	function ForgotPasswordForm() {
		var username = document.getElementsByName("username")[0].value;
		var form = document.getElementById("loginform");
		var input = document.createElement("input");
		input.type = "hidden";
		input.name = "Forgot_password";
		input.value = "1";
		form.appendChild(input);
		form.action = "login.php";
		form.method = "post";

		// upewniamy się, że `form` jest obiektem typu formularz
		if (form.tagName.toLowerCase() === "form") {
		  form.submit();
		} else {
		  console.error("Formularz nie został prawidłowo zidentyfikowany.");
		}
	}
	</script>
	<hr>
	
<div><p>Zaloguj się!<p></div>	<hr>
	<footer>
		<div>
			<a href="./">©RentalManagement</a> <p>Serwis internetowy RentalManagement służy do zarządzania wynajmowanymi nieruchomościami</p>
		</div>

	</footer>
</body>
</html>