<?php
#
# Voorkom caching
#
header("Expires: Mon, 6 Feb 2012 05:00:00 GMT");  # Datum in het verleden
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . "GMT"); # Altijd gewijzigd
header("Cache-Control: no-cache, must-revalidate"); # HTTP/1.1
header("Pragma: no-cache"); # HTTP/1.0
#
require_once('../inc/connect.php');   # Database connectie
require_once('../inc/functions.php');   # Functions
require_once('../inc/check_session.php');   # Sessie ophalen
#
$title="Inloggen bij De Kwast";
$description="Inloggen bij De Kwast";
#
$banner_id=0;
#
$next_script=$_REQUEST['next_script'];
if ($next_script=="") $next_script="/";
?>
<?php require_once('../inc/voor.php');?>
<script type='text/javascript'>
$(document).ready(function(){

	var next_script="<?=$next_script?>";

	if (login_id==0) {
		$('div#aanmelden').removeClass('hidden');
	} else {
		window.location.assign('/personal.php');
	}

	$('#login_form').submit(function() {																// Login via ajax
		event.preventDefault();
		var x=$(this).serialize();
		// alert(x);
		// return false;
		$.ajax({
			type: "POST",
			url: "/ajax/login_form.php",
			data: x,
			dataType: "json",
			success: function(data){
				if (data.msg=="ok") {
					gtag('event', 'login', { 'method': 'email' });
					if (data.shopping_cart) {
						// alert("shopping_cart");
						// alert("Session: " + data.session_id + "   Old session: " + data.old_session_id);
						let msg="Je hebt nog een winkelmand met artikelen van een eerdere keer dat je bent ingelogd.\n\n";
						msg=msg + "Aantal producten: " + data.aantal + "     Bedrag: " + data.bedrag + "\n\n";
						msg=msg + "Wil je die artikelen toevoegen aan je huidige winkelmand?";
						if (confirm(msg)) {
							// Add old shopping cart
							// alert ("Overnemen");
							var x="old_session_id=" + data.old_session_id;
							$.ajax({
								type: "POST",
								url: "/ajax/cart_takeover.php",
								data: x,
								dataType: "json",
								success: function(data){
									if (data.ok=="yes") {
										alert("De artikelen uit je vorige winkelmand zijn toegevoegd!");
									} else {
										alert(data.msg);
									}
								},
								error: function(){
									// alert("Interne fout: controle niet beschikbaar");
								}
							});
						} else {
							// Do nothing
						} 
					}
					var url=next_script;
					window.location.assign(url);
				} else {
					alert(data.msg);
				}
			},
			error: function(){
				// alert("Interne fout: controle niet beschikbaar");
			}
		});
		return false;
	});
	$('#forgot_form').submit(function() {																// Login via ajax
		var x=$(this).serialize();
		// alert(x);
		// return false;
		$.ajax({
			type: "POST",
			url: "/ajax/login_form.php",
			data: x,
			success: function(msg){
				if (msg=="ok") {
					$('div#forgot_password').addClass('hidden');
					$('div#aanmelden').addClass('hidden');
					$('div#forgot_info').removeClass('hidden');
				} else {
					alert(msg);
				}
			},
			error: function(){
				// alert("Interne fout: controle niet beschikbaar");
			}
		});
		return false;
	});
	$('button#forgot_password').click(function() {
		$('div#login').addClass('hidden');
		$('div#forgot_password').removeClass('hidden');
	});
	$('button#back').click(function() {
		$('div#forgot_password').addClass('hidden');
		$('div#login').removeClass('hidden');
	});
});
</script>

<!-- Content -->
<div class='content'>

<div class='standard small extra_padding' id='login'>
	<h2>Inloggen</h2>
	<form class='label_above' id='login_form' method='post' action='noscript.php'>
		<label for='email'>E-mail</label>
		<input type='text' name='email' id='email' autocomplete='email' />
		<label for='password'>Wachtwoord</label>
		<input type='password' name='password' class='text' id='password' autocomplete='current-password' />

	<div class='text'>
	<label class="switch">
  <input type="checkbox" name='keep' id='keep' checked>
  <span class="slider round"></span>
	</label>
	<label id='keep' for='keep'>Laat mij ingelogd als ik terugkom</label>
	</div>

	<input type='hidden' name='next_script' value='<?=$next_script?>'>
	<input type='hidden' name='action' value='inloggen'>
	<div class='center'><button id='inloggen' class='cart'>Inloggen</button></div>
	<br>
	</form>
	<div class='center'><button id='forgot_password' class='cart'>Wachtwoord vergeten?</button></div>
</div>
<div class='standard small extra_padding hidden' id='forgot_password'>
	<h2>Wachtwoord vergeten</h2>
	<form class='label_above' id='forgot_form' method='post' action='noscript.php'>
		<div class='text'>Ben je je wachtwoord vergeten?</div>
		<div class='text'>Geen probleem! Vul hier je e-mailadres in en wij sturen je een link, waarmee je een nieuw wachtwoord kunt kiezen.</div>
		<label for='email'>E-mail</label>
		<input type='text' name='email' id='email' autocomplete='email' />
		<input type='hidden' name='next_script' value='<?=$next_script?>'>
		<input type='hidden' name='action' value='forgot'>
		<div class='center'><button class='cart'>Reset wachtwoord</button></div>
	</form>
	<br>
	<div class='center'><button id='back' class='cart'>Terug naar inloggen</button></div>
</div>
<div class='standard extra_padding hidden' id='aanmelden'>
	<h2>Nieuwe account</h2>
	<div class='text'>Heb je nog geen account bij De Kwast?</div>
	<div class='text'>
		Meld je dan aan als nieuwe klant en profiteer van de voordelen:
		<ul>
			<li>Niet iedere keer opnieuw je adresgegevens invoeren
			<li>Speciale aanbiedingen per e-mail (indien gewenst)
			<li>Overzicht van je bestellingen en facturen
		</ul>
	</div>
	<div class='center text'><button id='aanmelden' class='cart' onclick='window.location.href="/aanmelden.php?next_script=<?=$next_script?>"'>Aanmelden</button></div>
</div>
<div class='standard small extra_padding hidden' id='forgot_info'>
	<h2>Wachtwoord vergeten</h2>
	<br>
	We hebben een bericht gestuurd naar het opgegeven e-mailadres als dat bij ons bekend is. Klik op de link in het bericht om een nieuw wachtwoord te kiezen.
</div>

</div>
<!-- <img src='/images/testbanner.jpg'> -->


<!-- End of content -->

<?php require_once('../inc/na.php');?>
