<!-- contackt section -->

<div id="contact">

<div class="container">

<div class="row wow fadeInUp" data-wow-delay="0.4s">

<h2>Buchungsanfrage</h2>

<hr>

<p align="center">Bei einer Buchung bitte folgende Felder ausf&uuml;llen.<br>Ebenso k&ouml;nnen Sie allgemeine Anfragen, Feedback oder Lob und Tadel<br> hier eintragen und uns senden.</p>

<br>

<br>

<div class="cold-md-6 wow fadeInUp" data-wow-delay="0.5s">

<form id="frmKontakt">

<div class="col-md-3">

<div class="form_group" id="frmgrpVorname">

<label for="vorname" class="control-label">Vorname*</label>

<input type="text" class="form-control" id="vorname" placeholder="Max">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpNachname">

<label for="nachname" class="control-label">Nachname*</label>

<input type="text" class="form-control" id="nachname" placeholder="Mustermann">

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpStrasse">

<label for="strasse" class="control-label">Straße und Hausnummer</label>

<input type="text" class="form-control" id="strasse" placeholder="Kastanienien-Weg 13">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpEmail">

<label for="email" class="control-label">Email-Adresse*</label>

<input type="text" class="form-control" id="email" placeholder="[email protected]">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpTelefon">

<label for="telefon" class="control-label">Telefonnummer*</label>

<input type="text" class="form-control" id="telefon" placeholder="0172 / 5553332">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpOrt">

<label for="ort" class="control-label">Ort</label>

<input type="text" class="form-control" id="ort" placeholder="Berlin">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpPlz">

<label for="plz" class="control-label">Postleitzahl</label>

<input type="text" class="form-control" id="plz" placeholder="13351">

</div>

</div>

<div class="col-md-6">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-3">

<label for="datum" class="control-label">Datum des Events</label>

<div class="form_group" id="frmgrpDatum">

<input type="text" class="form-control" id="datum" placeholder="15.12.2016">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpUhrzeit">

<label for="uhrzeit" class="control-label">Wann wird serviert?</label>

<input type="text" class="form-control" id="uhrzeit" placeholder="13:30 Uhr">

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpBetreff1">

<label for="betreff1" class="control-label">Betreff*</label>

<input type="text" class="form-control" id="betreff1" placeholder="Kochkurs, Geburtstagsgeschenk, Feedback,...">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpPersonen">

<label for="personen" class="control-label">Anzahl der Personen</label>

<input type="text" class="form-control" id="personen" placeholder="6 Personen">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpGang">

<label for="gang" class="control-label">Anzahl der G&auml;nge</label>

<input type="text" class="form-control" id="gang" placeholder="5 G&auml;nge">

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpNachricht">

<label for="nachricht" class="control-label">Nachricht*</label>

<textarea class="form-control" id="nachricht" placeholder="Hier kannst du uns eine Nachricht senden" rows="4"></textarea>

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpEquipment">

<label for="equipment" class="control-label"> Was ist in Ihrer Küche?</label>

<textarea class="form-control" id="equipment" rows="4" placeholder="Herd, Mikrowelle, Stabmixer, T&ouml;pfe" ></textarea>

</div>

</div>

<div class="col-md-6">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpAllergien">

<label for="allergien" class="control-label">Allergien oder Intolleranzen</label>

<input type="text" class="form-control" id="allergien" placeholder="Haselnuss-Allergie, Laktoseintolleranz">

</div>

</div>

<div class="col-md-6">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-6">

<div class="form_group" id="frmgrpVegi">

<label for="vegi" class="control-label">Vegetarier, Veganer oder Kinder?</label>

<input type="text" class="form-control" id="vegi" placeholder="1 Vegetarier und 1 Kind (12 Jahre)">

</div>

</div>

<div class="col-md-1">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-1">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpCheckbox">

<label for="checkbox" class="control-label">Ich akzeptiere die <a href="agbs.html" target="_blank">AGB</a>.*</label>

<input type="text" class="form-control" id="checkbox" placeholder="JA oder NEIN">

</div>

</div>

<div class="col-md-1">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpProdukte">

<label for="produkte" class="control-label">Das sollte dabei sein</label>

<input type="text" class="form-control" id="produkte" placeholder="Broccoli, Kirschen">

</div>

</div>

<div class="col-md-3">

<div class="form_group" id="frmgrpProdukte1">

<label for="produkte1" class="control-label">Lebensmittel No-Go´s?</label>

<input type="text" class="form-control" id="produkte1" placeholder="Zwiebeln, Senf">

</div>

</div>

<br>

<br>

<div class="col-md-12">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-12">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-4">

<label for=""></label>

<div class="form_group" id="">

</div>

</div>

<div class="col-md-4">

<div class="form_group">

<input type="submit" class="form-control" value="Nachricht versenden">

</div>

</div>

</form>

</div>

</div>

</div>

</div>

<!-- footer section -->

<footer>

<div class="container">

<div class="row">

<div class="col-md-12 col-sm-12">

<h4 class="wow fadeIn" data-wow-delay="0.9s">Hier finden Sie uns auch.</h4>

<br>

<div class="collapse navbar-collapse">

<ul class="social-icon">

<li><a href="https://www.facebook.com/Pafé-Berlin-1773938112833136/?notif_t=page_user_activity" target="_blank" class="fa fa-facebook wow bounceIn" data-wow-delay="0.3s"></a></li>

<li><a href="call.html" target="call" onClick="javascript:open('', 'call', 'height=400,width=400,left=445,top=-1500,resizable=no')" class="fa fa-phone wow bounceIn" data-wow-delay="0.2s"></a></li>

<li><a href="#scroll" class="fa fa-envelope wow bounceIn smoothScroll" data-wow-delay="0.4s"></a></li>

</ul>

</div>

</div>

<div class="col-md-12 col-sm-12 copyright">

<p>&copy; Paf&eacute; Berlin. All Rights Reserved | Design von Template Mo | <a target="_blank" rel="nofollow" href="impressum.html">Impressum</a> | <a target="_blank" rel="nofollow" href="agbs.html">AGB</a></p>

</div>

</div>

</div>

</footer>

<!-- JAVASCRIPT JS FILES -->

<script src="js/jquery.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/nivo-lightbox.min.js"></script>

<script src="js/smoothscroll.js"></script>

<script src="js/jquery.sticky.js"></script>

<script src="js/jquery.parallax.js"></script>

<script src="js/wow.min.js"></script>

<script src="js/custom.js"></script>

<script>

$('#frmKontakt').submit(function() {

var formControl = true;

var frmgrpVorname = $('#frmgrpVorname');

var frmgrpNachname = $('#frmgrpNachname');

var frmgrpStrasse = $('#frmgrpStrasse');

var frmgrpPlz = $('#frmgrpPlz');

var frmgrpOrt = $('#frmgrpOrt');

var frmgrpTelefon = $('#frmgrpTelefon');

var frmgrpEmail = $('#frmgrpEmail');

var frmgrpDatum = $('#frmgrpDatum');

var frmgrpUhrzeit = $('#frmgrpUhrzeit');

var frmgrpPersonen = $('#frmgrpPersonen');

var frmgrpGang = $('#frmgrpGang');

var frmgrpAllergien = $('#frmgrpAllergien');

var frmgrpProdukte = $('#frmgrpProdukte');

var frmgrpProdukte1 = $('#frmgrpProdukte1');

var frmgrpVegi = $('#frmgrpVegi');

var frmgrpEquipment = $('#frmgrpEquipment');

var frmgrpBetreff1 = $('#frmgrpBetreff1');

var frmgrpNachricht = $('#frmgrpNachricht');

var frmgrpCheckbox = $('#frmgrpCheckbox');

frmgrpVorname.removeClass ('has-error');

frmgrpNachname.removeClass ('has-error');

frmgrpEmailname.removeClass ('has-error');

frmgrpTelefon.removeClass ('has-error');

frmgrpBetreff1.removeClass ('has-error');

frmgrpNachrichtname.removeClass ('has-error');

frmgrpCheckbox.removeClass ('has-error');

var vorname = $('#vorname').val();

var nachname = $('#nachname').val();

var strasse = $('#strasse').val();

var plz = $('#plz').val();

var ort = $('#ort').val();

var telefon = $('#telefon').val();

var email = $('#email').val();

var datum = $('#datum').val();

var uhrzeit = $('#uhrzeit').val();

var personen = $('#personen').val();

var gang = $('#gang').val();

var allergien = $('#allergien').val();

var produkte = $('#produkte').val();

var produkte1 = $('#produkte1').val();

var vegi = $('#vegi').val();

var equipment = $('#equipment').val();

var betreff1 = $('#betreff1').val();

var nachricht = $('#nachricht').val();

var checkbox = $('#checkbox');

if(vorname == '') {

formControl = false;

frmgrpVorname.addClass('has error');

}

if(nachname == '') {

formControl = false;

frmgrpNachname.addClass('has error');

}

if(telefon == '') {

formControl = false;

frmgrpTelefon.addClass('has error');

}

if(email == '') {

formControl = false;

frmgrpEmail.addClass('has error');

}

if(betreff1 == '') {

formControl = false;

frmgrpBetreff.addClass('has error');

}

if(nachricht == '') {

formControl = false;

frmgrpNachricht.addClass('has error');

}

if(checkbox == '') {

formControl = false;

frmgrpCheckbox.addClass('has error');

}

if(formControl) {

$.ajax({

type: 'POST',

url: 'php/absenden.php',

data: { vorname:vorname, nachname:nachname, strasse:strasse, plz:plz, ort:ort, telefon:telefon, email:email, datum:datum, uhrzeit:uhrzeit, personen:personen, allergien:allergien, produkte:produkte, produkte1:produkte1, vegi:vegi, equipment:equipment, betreff1:betreff1, nachricht:nachricht, checkbox:checkbox }

}).done(function(message) {

var erfolgsmeldung = $('#erfolgsmeldung');

erfolgsmeldung.html(message);

erfolgsmeldung.addClass('alert');

erfolgsmeldung.addClass('alert-success');

});

}

return false;

});

</script>