<?php

 session_start();

include ("includes/functions.php");

if ($_POST['versturen']) 
	{ 
	form_controle();
	}
if ($_GET['s'] == "ok") 
	{ 
	$vermelding = "<p><b><font color='#FF0000'>Mail Interne Reservatie Verstuurd !!!!<br />
</font></b></p>";

	$beves_naam = $_SESSION['naam'];
	$beves_telnr = $_SESSION['telnr'];
	$beves_datum = $_SESSION['datum'];
	$beves_tijdstip = $_SESSION['uur'];
	$beves_som = $_SESSION['som'];
	$beves_personen	= $_SESSION['peresonen'];
	$beves_kinderen = $_SESSION['kinderen'];
	$beves_aangenomen = $_SESSION['aangenomen'];
	$beves_taalklant = $_SESSION['taalklant'];
	$beves_bericht = $_SESSION['bericht'];

	
	$totaalBevestiging = "<p style='background-color: #FFD800;'>VOOR AXON:<br>
	U KAN DEZE TEKST KOPIEREN EN PLAKKEN<br>
	IN DE KLANTENFICHE VAN HET KOMPAS:</p>";
	$totaalBevestiging .= "<br><br><br><br><span style='font-weight: 600; margin-right: 5px;'>Naam:</span> <span style='color: #208720;'>{$beves_naam}</span> <br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Telefoon:</span> </span><span style='color: #208720;'>{$beves_telnr}</span> <br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Datum:</span> </span><span style='color: #208720;'>{$beves_datum} </span><br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Tijd:</span> </span><span style='color: #208720;'>{$beves_tijdstip} </span><br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Aantal personen:</span> </span><span style='color: #208720;'>{$beves_som}</span> <br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Aangenomen door:</span> </span><span style='color: #208720;'>{$beves_aangenomen}</span> <br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Taal klant:</span> </span><span style='color: #208720;'>{$beves_taalklant}</span> <br> ";
	$totaalBevestiging .= "<span style='font-weight: 600; margin-right: 5px;'>Bericht:</span> </span><span style='color: #208720;'>{$beves_bericht}</span> <br> ";
	$totaalBevestiging .= "<br><br><br><br> ";

	$hide = "<script>$('#contactForm').hide();$('.error').hide();</script>";
	$totaalBevestiging2 = "";

	} else { 
	$vermelding = ""; 
	$totaalBevestiging2 = "<p class='smallgrey'>
Op zaterdagavond en vakanties TWEE SEATINGS: 18u en 20.15u!<br>
maar als de uren ertussen ‘open’ staan, dan kunnen alle uren!<br><br>

<span style='color:#ff0000';> 
<strong>Géén tafels boven de 8 aannemen!  => Dan zeg je dat we volzet zijn!<br>
Opsplitsen in twee tafels?  =>  Gaat niet, we zijn dan volledig volzet!<br>
Tafel aan raam?  => Geen enkele tafel meer vrij aan raam!<br>
Tafel in veranda?  => Geen enkele tafel meer vrij in veranda!<br>
Tafel vooraan?  => Geen enkele tafel meer vrij vooraan!<br>
Tafel binnen? => Geen probleem!<br>
Bepaald tafel nummer?  => Zeggen reeds gereserveerd!</strong></span><br><br>
 
Vraag naar Sven of Bart?  Doorverbinden naar 058 23 08 23 !!!</p>
";

	}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Het Kompas :: Reserveren</title>

<meta name="viewport" content="width=device-width">
<meta name=”robots” content=”noindex” />
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
<? MetaStuff (); ?>
<link href="style.css" rel="stylesheet" type="text/css" />
<?php  
if(stristr($_SERVER['HTTP_HOST'], 'localhost')){?>
<script> var baseURL = 'http://www.hetkompas.be/'</script>
<? }else if(stristr($_SERVER['HTTP_HOST'], 'hetkompas.be')){ ?>
<script> var baseURL = 'http://www.hetkompas.be/'</script>
<? }else if(stristr($_SERVER['HTTP_HOST'], 'php-webdesign.nl')){ ?>
<script> var baseURL = 'http://www.php-webdesign.nl/kompas/'</script>
<? } ?>
<script src="calendar.js?rand=<?=rand(100000,999999) ?>"></script>
<script type="text/javascript" language="JavaScript">

function CheckRequiredFields() { //alert($('#telnr-new').val().length); return false;
var errormessage = new String();
var directlyShowError = false;

//check if date and hour is selected
if(WithoutContent(document.DataForm.datum.value))
{ 
	directlyShowError  = true;
	errormessage += "\n\nGelieve Datum van Reservatie in te geven.";
}
if(WithoutContent(document.DataForm.uur.value))
{ 
	directlyShowError  = true;
	errormessage += "\n\nGelieve uur van reservatie aan te duiden.";
}	


if(directlyShowError == false)
{
	// Put field checks below this point.
	
	
	
	
	 //Check for numeric length for Telephone
	if($('#telnr-new').val().length < 10){
		errormessage += "\n\nGelieve het GSM nummer van de klant in te vullen"; 
	}
	
	 //Check for Numeric Value
	if($('#telnr-new').val() != "" ){
		var varVal = $('#telnr-new').val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
		var intRegex = /^\d+$/;
		if(!intRegex.test(varVal)) {
			errormessage += "\n\nGelieve enkel cijfers in te vullen";
			//success = false;
		}
	}
	
	if(WithoutContent(document.DataForm.personen.value))
		{ errormessage += "\n\nGelieve het aantal volwassenen op te geven"; }
		
	if(WithoutContent(document.DataForm.naam.value))
		{ errormessage += "\n\nGelieve de volledige naam in te vullen a.u.b.!"; }
		
	if(WithoutContent(document.DataForm.taalklant.value))
		{ errormessage += "\n\nGelieve de taal van de klant te selecteren a.u.b.!"; }	
			
	if(WithoutContent(document.DataForm.aangenomen.value))
		{errormessage += "\n\nGelieve in te vullen wie deze reservatie heeft aangenomen a.u.b.! "; }


	var somVolKids = parseInt((document.DataForm.personen.value));

	if(somVolKids  > 12 )
	{
					errormessage += "\n\nSorry, wij aanvaarden geen groepen boven de 6 personen."             
	}
}
// Put field checks above this point.
if(errormessage.length > 2) {
	alert('NOTE:' + errormessage);
	return false;
	}
return true;
} // end of function CheckRequiredFields()


function WithoutContent(ss) {
if(ss.length > 0) { return false; }
return true;
}

function NoneWithContent(ss) {
for(var i = 0; i < ss.length; i++) {
	if(ss[i].value.length > 0) { return false; }
	}
return true;
}

function NoneWithCheck(ss) {
for(var i = 0; i < ss.length; i++) {
	if(ss[i].checked) { return false; }
	}
return true;
}

function WithoutCheck(ss) {
if(ss.checked) { return false; }
return true;
}

function WithoutSelectionValue(ss) {
for(var i = 0; i < ss.length; i++) {
	if(ss[i].selected) {
		if(ss[i].value.length) { return false; }
		}
	}
return true;
}

function changetime () {
	alert('bla');
}

//-->
</script>

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
td img {display: block;}
</style>

<link rel="stylesheet" href="includes/meanmenu.css" media="all" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="includes//jquery.meanmenu.js"></script> 
<script>
jQuery(document).ready(function () {
    jQuery('nav').meanmenu();
});
</script>

<!-- Hotjar Tracking Code for www.hetkompas.be -->

<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:866612,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

</head>

<body bgcolor="#f2eeea">
<div align="center">
<div class="page-center">
	<div id="Wrapper">
		<div id="Header">
			<div id="HeaderNavigContainer">
				<div id="mobile-nav">
				<nav class="mob-menu">
					<ul class="HeaderNavig">
					<li><a href="index.php">Welkom</a></li>
					<li><a href="fotogal.php">Foto's</a></li>
					<li><a href="artikels.php">Artikels &amp; Media</a></li>
					<li><a href="contact.php">Contacteer Ons</a></li>
					<li><a href="ligging.php">Praktisch &amp; Ligging</a></li>
				</ul>
				</nav>
				</div>
			</div>
			<div class="langsel"><a href="reserveren_fr.php">Français</a></div>
		</div>
		<div id="SubHeader">&nbsp;</div>
		<div id="Content">
				<div style="width:100%; margin:0; padding:0;">
					<div id="LeftSide">
						<div class="LeftSide">
						<? SubMenu (); ?>
						</div>
					</div>
					<div id="CenterPage">
                    	<p align="center" style="font-weight:bold; font-size:16px"><a href="wachtlijst.php">VOOR EEN RESERVATIE OP DE WACHTLIJST KLIK HIER : WACHTLIJST</a></p>
						<div class="CenterPage">
							<h1>Interne Reservatie</h1>
						  <p><?php echo $vermelding; ?></p>
							<p><?php echo $totaalBevestiging; ?></p>
                         <!--   <p><?php echo $totaalBevestiging2; ?></p>
							<p><iframe width="520" height="315" src="https://www.youtube.com/embed/OwMAVLeVF2A?rel=0" frameborder="0" allowfullscreen></iframe></p>-->
							<form id="contactForm" action="res2.php" name="DataForm" method="post" onSubmit="return CheckRequiredFields()">
							<ol>
								<li><label>Datum reservatie: </label>
									 <input type="text" name="datum" id="datum" class="Inputbox" value="dd/mm/jjjj" onFocus="this.select();lcs(this)" onClick="event.cancelBubble=true;this.select();lcs(this)">
                                </li>
								<table width="90%" cellpadding="5" cellspacing="5">
									<tr>
										<td style="width:50%" class="noborder">
											<div class="noborder-mbl">
											<select name="uur" id="uur" class="Inputbox" onChange="checkTijd(this, 'nl')">
												<option value="">Kies uur van reservatie</option>
											</select>
											</div>
											</li>
										</td>
										<td style="width:50%;" class="noborder">
											<div class="noborder-mbl">
											<select name="personen" class="Inputbox">
												<option value="">Kies aantal personen</option>
												<option value="1">1 persoon</option>
												<option value="2">2 personen</option>
												<option value="3">3 personen</option>
												<option value="4">4 personen</option>	
												<option value="5">5 personen</option>
												<option value="6">6 personen (max)</option>	
											</select>
                                            </div>
										</td>
								  </tr>
								</table>
								<li><label>Volledige naam: <span class="error"></span></label>
							    	<input type="text" name="naam" class="Inputbox" data-hj-whitelist/>
								</li>
								<li>
									<label>GSM-nummer (Geen vaste lijn aub):<br></label>
									<input type="text" name="telnr" id="telnr-new" class="Inputbox" data-hj-whitelist/>				                                    <br>
                               <!--<span style='color:#ff0000 ; background-color:#FF0';>GSM NUMMER 			                                    NIET ALTIJD NODIG!!!<br>
                                    VERPLICHT: ZATERDAGAVOND, ZONDAGMIDDAG EN FEESTDAGEN!<br>
								    ZEKER NIET NODIG VOOR VASTE KLANTEN, FAMILIE OF VRIENDEN!</span>-->
								</li>
                               <table width="60%" >
                               <td style="width:50%" class="noborder">
								<div class="noborder-mbl">
								<li><label></label>
									<select name="aangenomen" class="Inputbox">
                                    <option value="">Aangenomen door</option>
									<option value="Annelies Vanlanckere">Annelies Vanlanckere</option>
									<option value="Christa Vindevogel">Christa Vindevogel</option>
									<option value="Fabienne Locquet">Fabienne Locquet</option>	
                                    <option value="Francine De Backer">Francine De Backer</option>
                                    <option value="Gert De Mey">Gert De Mey</option>
                                    <option value="Gwendolyn Vandervennet">Gwendolyn Vandervennet</option>
                                    <option value="Jobstudent">Jobstudent</option>
                                    <option value="Leonora Shahini">Leonora Shahini</option>
                                    <option value="Lut Verschueren">Lut Verschueren</option>
                                    <option value="Natacha Francoys">Natacha Francoys</option>
                                    <option value="Nathalie Dornez">Nathalie Dornez</option>
                                    <option value="Sandy De Wispelaere">Sandy De Wispelaere</option>
                                    <option value="Andere">Andere (Vul uw naam hieronder in bij bericht)</option>
                                    </select></div></td>
								</table>
								</li>
                                
                               <table width="60%" >
                               <td style="width:50%" class="noborder">
								<div class="noborder-mbl">
                                <li> <label></label>
									<select name="taalklant" class="Inputbox">
                                    <option value="">Kies taal klant</option>
									<option value="NL">Nederlands</option>
									<option value="FR">Frans</option>
									<option value="D">Duits</option>
									<option value="E">Engels</option>	
                                    <option value="LU">Luxemburgs</option>
                                    </select></div></td>
								</table>
								</li>
								<li><label>Bericht:<br>
Pas op! Er is géén enkele tafel meer vrij in de veranda, vooraan of aan het raam!<br>
Maar als er een annulatie zou zijn van zo een tafeltje, dan zorg ik ervoor dat u die tafel krijgt!</label>
									<textarea name="bericht"  style="height:100px" data-hj-whitelist class="Inputbox" ></textarea><br />
								</li>
								<p><div align="center">
                           <!--<p style="font-weight:bold; font-size:14px; color:#ff0000">BEDANK DE KLANT VOOR DE RESERVATIE !!!<br>
                                WENS DE KLANT NOG EEN PRETTIGE DAG VERDER !!!<br>
                                EN ZEG <br>
                                'TOT VANAVOND, TOT MORGEN, TOT ZATERDAG...'</p> -->
                                <input type="submit" class="Inputbox" name="versturen" value="VERSTUUR BERICHT" id="versturen" style="display: none" /></div></p>
								<li class="antispam"><label>Gelieve dit veld leeg te laten:</label><input name="url" /></li>
							</ol>
							</form>
						</div>
					</div>
					<div id="RightSide">
						<br /><br />
						<img src="images/HomePagePhoto-1212.jpg" width="234" height="157" alt="Het Kompas foto 1" /><br /><br />
                        <img src="images/HomePagePhoto-1212-3.jpg" width="234" height="300" alt="Het Kompas foto 2" />	<br /><br />
                         <a href="http://www.faq.hetkompas.be/FAQ NL.pdf" target="new"><img src="images/faq.png" width="234" height="127" alt="Het Kompas Faq" /></a></a>	<br />					
					</div>
					</div>
		</div>
	</div>
	<div id="Footer">&nbsp;</div>
</div>	
	<div id="FooterContent">
		<? FooterContent (); ?>
	</div>
</div>
<? GoogleAnal (); ?>
<? echo $hide; ?> 

<script>
  (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
    t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
  })(window, document, '_gscq','script','//widgets.getsitecontrol.com/137588/script.js');
</script>

</body>
</html>

<?php
function form_controle()
{

/// gegevens opslaan

$_SESSION['naam']  = $_POST['naam'];
$_SESSION['telnr'] = $_POST['telnr'];
$_SESSION['email'] = $_POST['email'];
$_SESSION['adres'] = $_POST['adres'];
$_SESSION['stad'] = $_POST['stad'];
$_SESSION['bericht'] = $_POST['bericht'];
$_SESSION['uur'] = $_POST['uur'];
$_SESSION['uur2'] = str_replace("u","",$beves_uur);
$_SESSION['uur3'] = str_replace(":","",$beves_uur2);
$_SESSION['peresonen'] = $_POST['personen'];
$_SESSION['kinderen'] = $_POST['kinderen'];
$_SESSION['datum'] = $_POST['datum'];
$_SESSION['url'] = $_POST['url'];
$_SESSION['som'] = $_POST['personen'] + $_POST['kinderen'];
$_SESSION['kinder_line'] = $beves_kinderen == "0" ? "" : "$personen+$kinderen";
$_SESSION['aangenomen'] = $_POST['aangenomen'];
$_SESSION['taalklant'] = $_POST['taalklant'];

$naam = ($_POST['naam']);
$telnr = ($_POST['telnr']);
$aangenomen = ($_POST['aangenomen']);
$bericht = ($_POST['bericht']);
$uur = ($_POST['uur']);
$uur2 = str_replace("u","",$uur);
$uur3 = str_replace(":","",$uur2);
$personen = ($_POST['personen']);
$kinderen = ($_POST['kinderen']);
$datum = ($_POST['datum']);
$url = ($_POST['url']);
$som = ($_POST['personen'] + $_POST['kinderen']);
$kinder_line = ($kinderen == "0" ? "" : "$personen+$kinderen");
$taalklant = ($_POST['taalklant']);

$locale = setlocale (LC_ALL, 'nl_BE.UTF-8'); 
list ($dag, $maand, $jaar) = split('[/.-]', $datum); 

$datums = $maand.'/'.$dag.'/'.$jaar;
$changedatum = strftime ("%A, %d %B %Y" ,strtotime ($datums));

// Nu stuur ik een email om te zeggen dat er iemand bijgekomen is voor de mailing.

$to = "frontdesk@hetkompas.be"; 
//$to = "info@ver-ni.be";

$subject = "Interne Reservatie";
$body = stripslashes ("
<html><title>Contact</title>
<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<font size=\"-1\" face=\"Verdana, Arial, Helvetica, sans-serif\">
Reservatie voor $changedatum met $personen personen, om $uur
<br /><br />
<strong>Naam:</strong> $naam <br />
<strong>T:</strong> $telnr <br />
<strong>Reservatie aangenomen door: </strong> $aangenomen<br />
<hr />
<strong>Bericht:</strong><br />
$bericht
<br /><br />
<table width=500 border=\"1\">
  <tr>
    <td width=\"35\" align=\"center\">Uur</td>
    <td width=\"66\" align=\"center\">Aantal</td>
    <td width=\"100\" align=\"center\"></td>
    <td width=\"63\" align=\"center\">Naam</td>
    <td width=\"87\" align=\"center\">Opmerking</td>
    <td width=\"71\" align=\"center\">Telefoon</td>
	<td width=\"100\" align=\"center\">Taal</td>
  </tr>
  <tr>
    <td align=\"right\">$uur3</td>
    <td align=\"right\">$som</td>
    <td align=\"center\"></td>
    <td align=\"left\">$naam</td>
    <td align=\"left\">$bericht</td>
    <td align=\"left\">$telnr</td>
	<td align=\"center\">$taalklant</td>
  </tr>
</table>

");

$headers ='X-Mailer: PHP/' . phpversion() . "\n";
$headers .= 'MIME-Version: 1.0' . "\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\n";
$headers .= 'From: '.$email.''."\r\n";


if(isset($_POST['url']) && $_POST['url'] == '')
{
mail($to, $subject, $body, $headers,'-finfo@hetkompas.be');
}
else
{
	echo '<p>This is spam</p>';
}
header("Location:res2.php?s=ok");

}

?>