/* load Javascript Enabled specific */
$('<link rel="stylesheet" href="/assets/css/js-enabled.css" type="text/css" />').appendTo($('head'));
function numbersonly(myfield, e, dec) {
    var key;
    var keychar;

    if (window.event)
        key = window.event.keyCode;
    else if (e)
        key = e.which;
    else
    return true;
    keychar = String.fromCharCode(key);

    // control keys
    if ((key==null) || (key==0) || (key==8) || 
        (key==9) || (key==13) || (key==27) )
    return true;

    // numbers
    else if ((("0123456789").indexOf(keychar) > -1))
        return true;

    // decimal point jump
    else if (dec && (keychar == "."))
    {
        myfield.form.elements[dec].focus();
        return false;
    }
    else
    return false;
}

function submitReservation() {
    var form        = document.getElementById('reservation_form');
    var location    = document.getElementById('restaurant_id').value;
    var firstname   = document.getElementById('klant_voornaam').value;
    var lastname    = document.getElementById('klant_achternaam').value;
    var email       = document.getElementById('klant_email').value;
    var city        = document.getElementById('city').value;
    var country     = document.getElementById('country').value;
    var phone       = document.getElementById('klant_telefoonnummer').value;
    var guests      = document.getElementById('reservering_aantal').value;
    var dateDay     = document.getElementById('date_day').value;
    var dateMonth   = document.getElementById('date_month').value;
    var dateYear    = document.getElementById('date_year').value;
    var error       = document.getElementById('error');
    var reg         = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    
    if(location != "" && location != "please select a location" && firstname != "" && lastname != "" && email != "" && city != "" && country != "" && phone != "" && guests != "" && dateDay != "" && dateMonth != "" && dateYear != "")
    {   
        if(reg.test(email)) {
            var inputName   = document.createElement("input");
            inputName.type  = "hidden";
            inputName.name  = "reservering_naam";
            inputName.value = firstname+" "+lastname;
            
            var inputDate   = document.createElement("input");
            inputDate.type  = "hidden";
            inputDate.name  = "reservering_datum";
            inputDate.value = dateDay+"-"+dateMonth+"-"+dateYear;

            form.appendChild(inputName);
            form.appendChild(inputDate);
            form.submit();
        } else {
           error.innerHTML = "Please fill in your correct e-mail address";  
        }
    } else {
        if(location == "" || location == "please select a location") {
            error.innerHTML = "Please select your location";
        } else if(firstname == "") {
            error.innerHTML = "Please fill in your firstname";
        } else if(lastname == "") {
            error.innerHTML = "Please fill in your lastname";
        } else if (city == "") {
            error.innerHTML = "Please fill in your city"; 
        } else if (country == "") {
            error.innerHTML = "Please fill in your country"; 
        } else if (phone == "") {
            error.innerHTML = "Please fill in your phonenumber"; 
        } else if (email == "") {
            error.innerHTML = "Please fill in your e-mail address"; 
        } else if (guests == "") {
            error.innerHTML = "Please fill in the number of guests"; 
        } else if (dateDay == "" || dateMonth == "" || dateYear == "") {
            error.innerHTML = "Please fill in the date of reservation"; 
        }
    }
}

function changeReservationLocation() {
    var location = document.getElementById('restaurant_id').value;
    window.location.href = "/"+location+"/reservation/";
}