<?php

include ("includes/functions.php");

if ($_POST['versturen']) 
	{ 
 	form_controle();
	}
if ($_GET['s'] == "ok") 
	{ 
	$vermelding = "<p><b><font color='#FF0000'>Merci beaucoup pour votre réservation.  Nous vous enverrons un mail dans les plus bref délais pour confirmer cette reservation.<br />
 Veuillez contrôler certainement vous fichiers 'Spam' et 'mails non-souhaités', car parfois, nos réponses arrivent dans ces fichiers!
</font></b></p>"; 
	} else { 
	$vermelding = ""; 
	}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Het Kompas :: Reserveren</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width">
<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\nDate SVP.";
}
if(WithoutContent(document.DataForm.uur.value))
{ 
	directlyShowError  = true;
	errormessage += "\n\nHeure SVP";
}	


if(directlyShowError == false)
{
	// Put field checks below this point.
	if(WithoutContent(document.DataForm.naam.value))
		{ errormessage += "\n\nNom SVP"; }
	if(WithoutContent(document.DataForm.email.value))
		{ errormessage += "\n\nEmail SVP"; }
		
		// Check for numeric length for Telephone
	if($('#telnr-new').val().length < 10){
		errormessage += "\n\nNuméro de Téléphone Portable "; 
	}
	
	// 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\nSeulemont des chiffres";
			//success = false;
		}
	}
			
	if(WithoutContent(document.DataForm.personen.value))
		{ errormessage += "\n\nPersonnes SVP."; }	
	if(WithoutContent(document.DataForm.kinderen.value))
		{ errormessage += "\n\nEnfants SVP."; }			
	if (document.DataForm.email.value != document.DataForm.email2.value) {
		errormessage += "\n\nVos 2 adresses e-mail ne se ressemblent pas.";
	}

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

	if(somVolKids  > 8 )
	{
					errormessage += "\n\nDésolé, nous n’acceptons pas de groupes plus que 8 personnes."             
	}
}
// 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>
</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_fr.php">Bienvenue</a></li>
					<li><a href="fotogal_fr.php">Photos</a></li>
					<li><a href="artikels_fr.php">articles &amp; Media</a></li>
					<li><a href="contact_fr.php">Contact</a></li>
					<li><a href="ligging_fr.php">info &amp; situation</a></li>
				</ul>
				</nav>
				</div>
			</div>
			<div class="langsel"><a href="reserveren.php">Nederlands</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_fr(); ?>
						</div>
					</div>
					<div id="CenterPage">
						<div class="CenterPage">
							<h1>R&eacute;servation</h1>
							<p><?php echo $vermelding; ?></p>
							<p><span class="error">*</span> = donn&eacute;es obligatoires</p>
							<form id="contactForm" action="reserveren_fr2.php" name="DataForm" method="post" onSubmit="return CheckRequiredFields()">
							<ol>
								<li>
									<label>Date de r&eacute;servation :<span style='color:#ff0000';>Rouge = fermé </span></label>
									 <input type="text" name="datum" id="datum" class="Inputbox" value="dd/mm/yy" onFocus="this.select();lcs(this)" onClick="event.cancelBubble=true;this.select();lcs(this)">
                                <span style='color:#ff0000';>Prière de saisir d’abord la date!<br />
Si vous ne n'indiquez pas la date, il est impossible de sélecter l’heure, ni le nombre de personnes.</span>     
								</li>
								<table width="90%" cellpadding="5" cellspacing="5">
									<tr>
										<td width="50%" class="noborder">
										<div class="noborder-mbl">
											<select name="uur" id="uur" class="Inputbox" onChange="checkTijd(this, 'fr')">
												<option value="">Heure</option>
											</select>
											</div>
											</li>
										</td>
										</tr>
										<tr>
										<td width="50%" class="noborder">
										<div class="noborder-mbl">
											<select name="personen" class="Inputbox">
												<option value="">Nombre d’adultes</option>
												<option value="1">1 adulte</option>
												<option value="2">2 adultes</option>
												<option value="3">3 adultes</option>
												<option value="4">4 adultes</option>	
												<option value="5">5 adultes</option>
												<option value="6">6 adultes</option>	
												<option value="7">7 adultes</option>
												<option value="8">8 adultes (maximum)</option>	
											</select>
											</div>
										</td>
                                        
								  </tr>
                                  <tr>
										<td width="50%" class="noborder"></li>
										</td>
                                        </tr>
										<tr>
                                        <td width="50%" class="noborder">
										<div class="noborder-mbl">
											<select name="kinderen" class="Inputbox">
												<option value=""> Nombre d'enfants</option>					
                                                <option value="0">pas d'enfants</option>
                                            	<option value="1">1 enfant</option>
												<option value="2">2 enfants</option>
												<option value="3">3 enfants</option>
												<option value="4">4 enfants</option>	
												<option value="5">5 enfants</option>
												<option value="6">6 enfants</option>	
												<option value="7">7 enfants</option>
												<option value="8">8 enfants (max)</option>	
											</select>
                                            </div>
										</td>
                                        
									</tr>
								</table>
                                <span style='color:#ff0000';>Prière de saisir le nombre d’adultes et enfants (même s’il n’y a pas d’enfants).<br />
Autrement, le bouton « envoyer » n’apparaîtra pas.</span>     
								<p class="smallgrey"> Chaque samedi soir, mais aussi tous les jours en périodes de vacances, nous essayons avec votre coopération, d’organiser deux "Seatings" en soirée ces jours là. Vous pouvez dès lors réserver à 18h ou à 20h15<br />
Si vous réservez pour 18h, nous vous prions de libérer la table à 20h.  Si vous réservez à 20h15, vous pouvez rester chez nous toute la soirée.<br />
Si vous nous avertissez pas de votre retard, votre table réservée sera offerte à d'autre clients après 15 minutes.<br />
Etant donné que nous disposons les tables en fonction du nombre de réservations, il n'est pas possible de choisir une table au moment de votre réservation.<br /><br />
									<label>Nom: <span class="error">*</span></label>
							    	<input type="text" name="naam" class="Inputbox" />
								</p>
								<li><label>Email: <span class="error">*</span></label>
									<input type="text" name="email"  class="Inputbox"/>
								</li>
								<li><label>Répétez Email s.v.p. : <span class="error">*</span></label>
									<input type="text" name="email2"  class="Inputbox"/>
								</li>
								<li><label>Numéro de Téléphone Portable (Pas de ligne fixe s.v.p.):<span class="error">*</span><span style='color:#ff0000';> Example: 0475123456 (sans espaces)</span></label>
									<input type="text" name="telnr" id="telnr-new" class="Inputbox"/>
								</li>
								<li><label>Code Postal / Commune:</label>
									<input type="text" name="stad" class="Inputbox" />
								</li>
								<li>
									<label>Adresse:</label>
									<input type="text" name="adres" class="Inputbox" />
								</li>
								<li><label>Message:</label>
									<textarea name="bericht" class="Inputbox"></textarea><br />
<p>“Nous vous enverrons un mail pour confirmer votre réservation.  Prière de contrôler certainement vos mails “spam” ou “non souhaités”, car parfois, notre mail de confirmation peut arriver dans un de ces fichiers.”</p>
								</li>
								
								<p><div align="center"><input type="submit" class="Inputbox" name="versturen" value="Envoyer" 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-2.jpg" width="234" height="157" alt="Het Kompas foto 2" /><br /><br />
                        <img src="images/HomePagePhoto-1212-3.jpg" width="234" height="300" alt="Het Kompas foto 2" />					
					</div>
				</div>
			
		</div>
	</div>
	<div id="Footer">&nbsp;</div>
</div>
	<div id="FooterContent">
		<? FooterContent_fr (); ?>
	</div>
</div>
<? GoogleAnal (); ?>
</body>
</html>

<?php
function form_controle()
{

$naam = ($_POST['naam']);
$telnr = ($_POST['telnr']);
$email = ($_POST['email']);
$adres = ($_POST['adres']);
$stad = ($_POST['stad']);
$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");

$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 = "info@ver-ni.be"; 
//$to = "info@hetkompas.be, frontdesk@hetkompas.be, dpocket4@icloud.com"; 
$subject = "Réservation";
$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 volwassenen en $kinderen kinderen, om $uur
<br /><br />
<strong>Naam:</strong> $naam <br />
<strong>T:</strong> $telnr <br />
<strong>E-mail:</strong> $email <br />
<strong>Adres: </strong> $adres<br />
<strong>Postcode/stad: </strong> $stad<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=\"154\" align=\"center\">VW+K</td>
    <td width=\"63\" align=\"center\">Naam</td>
    <td width=\"87\" align=\"center\">Opmerking</td>
    <td width=\"71\" align=\"center\">Telefoon</td>
  </tr>
  <tr>
    <td align=\"right\">$uur3</td>
    <td align=\"right\">$som</td>
    <td align=\"right\">$kinder_line</td>
    <td align=\"left\">$naam</td>
    <td align=\"left\">$bericht</td>
    <td align=\"left\">$telnr</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:reserveren_fr2.php?s=ok");
}
?>