function closeProductAttributes() {
    $('#productAttributesModal').modal('hide');
}
function closeProductZoom() {
    $('#productZoom').modal('hide');
}
function zoom(e) {
    document.getElementById("productZoomImage").src = e.currentTarget.getAttribute("image");
    $("#productZoom").modal('show');
}
function productDetail(productId) {
    let product = getProduct(productId);
    if ((product == undefined) || (product == null))
        return;

    let HTML = "";

    if ((product.status != undefined) && (product.deliveryTerm != undefined)) {
        if (product.status == 0) {
            if (product.deliveryTerm < 1) {
                HTML += "<div class='deliveryInfo'>Dit product is momenteel niet beschikbaar.</div>";
            }
            else {
                HTML += "<div class='deliveryInfo'>Levering mogelijk binnen maximum " + product.deliveryTerm + " werkdagen.";
                HTML += "<BR/>Een exacte leveringstermijn zal u bevestigd worden per mail na het plaatsen van uw bestelling.";
                HTML += "<BR/>U kunt ons ook contacteren via e-mail: <a href='mailto:charlotte@loosveldtbeirnaert.be'>charlotte@loosveldtbeirnaert.be</a>";
                HTML += "<BR/>of telefonisch: 051/401075.</div > ";
            }
        }
        else {
            HTML += "<div class='deliveryInfo'>Direct beschikbaar bij afhaling in onze winkel.</div>";
            HTML += "<div class='deliveryInfo'>Leverbaar aan huis binnen de 24 uur na bestelling.</div>";
        }
        document.getElementById("productDelivery").innerHTML = HTML;
    }

    HTML = ""
    HTML += productDetailAttributeHTML("Referentie", product.reference);
    for (pav in product.productAttributeValues) {
        let productAttributeValue = product.productAttributeValues[pav];
        HTML += productDetailAttributeHTML(productAttributeValue.attributeLabel, productAttributeValue.attributeValue);
    }

    document.getElementById("productAttributes").innerHTML = HTML;

    $("#productAttributesModal").modal('show');
}
function productDetailAttributeHTML(label, value) {
    let HTML = "";
    HTML += "<div class='row'>";
    HTML += "<div class='col-6 productAttributeLabel'>";
    HTML += label;
    HTML += "</div>";
    HTML += "<div class='col-6 productAttributeValue'>";
    HTML += value;
    HTML += "</div>";
    HTML += "</div>";
    return HTML;
}