{"mappings":"AAAA,yBAAyB;AACzB,MAAM,UAAU,SAAS,gBAAgB,CAAC;AAC1C,MAAM,WAAW,SAAS,gBAAgB,CAAC;AAC3C,MAAM,OAAO,SAAS,aAAa,CAAC;AAEpC,MAAM,oBAAoB,CAAC;IACvB,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC;IAC5C,MAAM,UAAU,SAAS,aAAa,CAAC;IACnC,kBAAkB,WACZ,KAAK,SAAS,CAAC,GAAG,CAAC,eACnB,KAAK,SAAS,CAAC,MAAM,CAAC;IAChC,KAAK,YAAY,CAAC,cAAc;IAChC,SAAS,OAAO,CAAC,CAAC,IAAM,EAAE,SAAS,CAAC,MAAM,CAAC;IAC3C,QAAQ,OAAO,CAAC,CAAC,IAAM,EAAE,SAAS,CAAC,MAAM,CAAC;IAC1C,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;IACvB,QAAQ,SAAS,CAAC,GAAG,CAAC;AAC1B;AAEA,QAAQ,OAAO,CAAC,CAAC;IACb,IAAI,gBAAgB,CAAC,SAAS;AAClC;AAEA,gCAAgC;AAChC,SAAS,cAAc,CAAC,QAAQ,gBAAgB,CAAC,UAAU,eAAe,KAAK;IAC3E,MAAM,cAAc;IAEpB,MAAM,WAAW,IAAI,SAAS,IAAI;IAClC,MAAM,OAAO;QACT,MAAM,SAAS,GAAG,CAAC;QACnB,SAAS,SAAS,GAAG,CAAC;QACtB,OAAO,SAAS,GAAG,CAAC;QACpB,OAAO,SAAS,GAAG,CAAC;QACpB,SAAS,SAAS,GAAG,CAAC;IAC1B;IAEA,IAAI;QACA,MAAM,WAAW,MAAM,MAAM,eAAe;YACxC,QAAQ;YACR,SAAS;gBACL,gBAAgB;YACpB;YACA,MAAM,KAAK,SAAS,CAAC;QACzB;QAEA,IAAI,SAAS,EAAE,EAAE;YACb,IAAI,CAAC,KAAK;YACV,IAAI,QAAQ,SAAS,cAAc,CAAC;YACpC,MAAM,KAAK,CAAC,OAAO,GAAG;QAC1B;IACJ,EAAE,OAAO,OAAO;QACZ,QAAQ,KAAK,CAAC,WAAW;QACzB,MAAM;IACV;AACJ;AAEA,OAAO;AACP,+CAA+C;AAC/C,IAAI,OAAO,SAAS,sBAAsB,CAAC,QAAQ,CAAC,EAAE;AAEtD,sDAAsD;AACtD,KAAK,OAAO,GAAG;IACX,IAAI,QAAQ,SAAS,cAAc,CAAC;IACpC,MAAM,KAAK,CAAC,OAAO,GAAG;AAC1B;AAEA,+DAA+D;AAC/D,OAAO,OAAO,GAAG,SAAS,KAAK;IAC3B,IAAI,QAAQ,SAAS,cAAc,CAAC;IACpC,IAAI,MAAM,MAAM,IAAI,OAChB,MAAM,KAAK,CAAC,OAAO,GAAG;AAE9B","sources":["src/js/index.js"],"sourcesContent":["//JS pour le card contact\r\nconst buttons = document.querySelectorAll(\".card-buttons button\");\r\nconst sections = document.querySelectorAll(\".card-section\");\r\nconst card = document.querySelector(\".card\");\r\n\r\nconst handleButtonClick = (e) => {\r\n const targetSection = e.target.getAttribute(\"data-section\");\r\n const section = document.querySelector(targetSection);\r\n targetSection !== \"#about\"\r\n ? card.classList.add(\"is-active\")\r\n : card.classList.remove(\"is-active\");\r\n card.setAttribute(\"data-state\", targetSection);\r\n sections.forEach((s) => s.classList.remove(\"is-active\"));\r\n buttons.forEach((b) => b.classList.remove(\"is-active\"));\r\n e.target.classList.add(\"is-active\");\r\n section.classList.add(\"is-active\");\r\n};\r\n\r\nbuttons.forEach((btn) => {\r\n btn.addEventListener(\"click\", handleButtonClick);\r\n});\r\n\r\n//JS pour le form contacter-nous\r\ndocument.getElementById('form').addEventListener('submit', async function(event) {\r\n event.preventDefault();\r\n\r\n const formData = new FormData(this);\r\n const data = {\r\n name: formData.get('name'),\r\n surname: formData.get('surname'),\r\n email: formData.get('email'),\r\n motif: formData.get('motif'),\r\n message: formData.get('message')\r\n };\r\n\r\n try {\r\n const response = await fetch('/send-email', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(data)\r\n });\r\n\r\n if (response.ok) {\r\n this.reset();\r\n var modal = document.getElementById(\"myModal\");\r\n modal.style.display = \"block\";\r\n }\r\n } catch (error) {\r\n console.error('Erreur:', error);\r\n alert('Erreur lors de l\\'envoi de l\\'email');\r\n }\r\n});\r\n\r\n//Modal\r\n// Get the element that closes the modal\r\nvar span = document.getElementsByClassName(\"close\")[0];\r\n\r\n// When the user clicks on (x), close the modal\r\nspan.onclick = function() {\r\n var modal = document.getElementById(\"myModal\");\r\n modal.style.display = \"none\";\r\n}\r\n\r\n// When the user clicks anywhere outside of the modal, close it\r\nwindow.onclick = function(event) {\r\n var modal = document.getElementById(\"myModal\");\r\n if (event.target == modal) {\r\n modal.style.display = \"none\";\r\n }\r\n}"],"names":[],"version":3,"file":"index.de5c0784.js.map","sourceRoot":"/__parcel_source_root/"}