Formulaire de contact
Vous avez une question ou une demande?
Alors prenez contact avec nous.
Remplissez simplement le formulaire et
nous répondrons à votre demande dans les plus brefs délais.
Si vous avez des questions d'ordre général, vous trouverez ici notre FAQ.
document.addEventListener('DOMContentLoaded', function() {
const inputFile = document.getElementById('inputFile');
const previewContainer = document.getElementById('preview');
const form = document.getElementById('uploadForm');
let selectedFiles = [];
inputFile.addEventListener('change', (e) => {
const files = Array.from(e.target.files);
if (selectedFiles.length + files.length > 5) {
alert("You can only upload up to 5 files.");
return;
}
files.forEach(file => {
selectedFiles.push(file);
});
updatePreview();
});
function updatePreview() {
previewContainer.innerHTML = '';
selectedFiles.forEach((file, index) => {
const previewItem = document.createElement('div');
previewItem.classList.add('preview-item');
const removeBtn = document.createElement('button');
removeBtn.classList.add('remove-btn');
removeBtn.addEventListener('click', () => {
selectedFiles.splice(index, 1);
updatePreview();
});
previewItem.appendChild(removeBtn);
if (file.type.startsWith('image/')) {
const img = document.createElement('img');
const reader = new FileReader();
reader.onload = (e) => {
img.src = e.target.result;
};
reader.readAsDataURL(file);
previewItem.appendChild(img);
} else if (file.type.startsWith('video/')) {
const video = document.createElement('video');
video.controls = true;
video.width = 150;
const reader = new FileReader();
reader.onload = (e) => {
video.src = e.target.result;
};
reader.readAsDataURL(file);
previewItem.appendChild(video);
} else {
const info = document.createElement('p');
info.textContent = file.name;
previewItem.appendChild(info);
}
previewContainer.appendChild(previewItem);
});
}
});
//google recaptcha
if($("body").hasClass("category-contact")){
var onloadCallback = function() {
grecaptcha.render('html_element', {
'sitekey': '6LdQC7kUAAAAAAb2t2Rwj4wI8qt5ZnMFGP3BFzEp',
'callback':'verified',
'expired-callback':'expired'
});
};
function expired(response){
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'false');
document.getElementById("conformsubmitbtn").disabled = true;
}
function verified(response){
//alert(response);
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'true');
if (document.getElementById("conformsubmitbtn").getAttribute("data-valid-reason") === "true") {
document.getElementById("conformsubmitbtn").disabled = false;
}
}
document.getElementById("conformsubmitbtn").disabled = true;
document.getElementById("conformsubmitbtn").setAttribute("data-valid-captcha", 'false');
}
$(document).ready(function () {
function setSubject() {
let subject = $('input[type=radio][name=subject]:checked').val();
if (subject) {
document.getElementById("conformsubmitbtn").setAttribute("data-valid-reason", 'true');
$('#subjectError').css("display", 'none');
if (document.getElementById("conformsubmitbtn").getAttribute("data-valid-captcha") === "true") {
document.getElementById("conformsubmitbtn").disabled = false;
}
} else {
$('#subjectError').css("display", 'block');
document.getElementById("conformsubmitbtn").setAttribute("data-valid-reason", 'false');
document.getElementById("conformsubmitbtn").disabled = true;
}
$('input[type=hidden][name=subject]').val(subject ?? "");
}
if($("body").hasClass("category-contact")){
$('#accordionOrderReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionOrderReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionItemReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionItemReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionOtherReason').on('show.bs.collapse', function (event) {
$(event.target).find("input").attr("required", true);
})
$('#accordionOtherReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input").attr("required", false);
})
$('#accordionReason').on('hide.bs.collapse', function (event) {
$(event.target).find("input[type='radio']").prop("checked", false);
$(event.target).find("input[type='text']").val("");
setSubject();
let accordions = $(event.target).find(".accordion");
for(let accordion of accordions) {
let collapses = $(accordion).find(".collapse");
for(let collapse of collapses) {
$(collapse).collapse("hide");
}
}
})
$( "#inputFile" ).change(function(event) {
$( "#inputFileValue" ).text("");
if (event.target.files.length > 0) {
$( "#inputFileValue" ).text(event.target.files[0].name);
}
});
$('input[type=radio][name=subject]').change(function() {
setSubject();
});
}
});
