Calcul de Prix d'Envoi<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.0.0\/dist\/css\/bootstrap.min.css\"\n integrity=\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW\/dAiS6JXm\" crossorigin=\"anonymous\">\n\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');\n\n\n h1 {\n font-family: \"Ubuntu\", serif;\n text-align: center;\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n font-weight: normal;\n margin-top: 10px;\n font-size: 14px;\n }\n\n select,\n input,\n button {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 14px;\n }\n\n input[type=date],\n input[type=email],\n input[type=input],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=url] {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 14px;\n }\n\n button {\n margin-top: 30px;\n padding: 12px 20px;\n background-color: #399EBF;\n color: white;\n font-size: 16px;\n border: none;\n border-radius: 65px;\n cursor: pointer;\n width: 100%;\n }\n\n button:hover {\n background-color: #2986a4;\n }\n\n .alert {\n color: red;\n font-weight: bold;\n text-align: center;\n margin-top: 20px;\n border: none;\n }\n\n .result {\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n }\n\n .summary {\n margin-top: 20px;\n padding: 10px;\n background-color: #f9f9f9;\n border-radius: 5px;\n }\n\n .summary h3 {\n font-size: 20px;\n padding: 10px;\n }\n\n .summary ul {\n list-style: none;\n padding: 0;\n }\n\n .summary ul li {\n margin: 10px;\n font-size: 14px;\n }\n\n .link {\n text-align: center;\n margin-top: 20px;\n }\n\n .link a {\n text-decoration: none;\n color: #007bff;\n }\n\n .link a:hover {\n text-decoration: underline;\n }\n .priceEstimatif{\n text-align: center;\n margin-top: 0px;\n font-size: 12px;\n font-weight: 400;\n padding: .75rem 1.25rem;\n }\n\n .alert {\n color: #ff5040;\n text-align: center;\n margin-top: 0px;\n font-size: 12px;\n font-weight: 400;\n }\n\n .result {\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n #redirect a {\n text-decoration: none;\n color: #FFF;\n text-align: center;\n font-size: 14px;\n }\n\n #redirect {\n margin-top: 30px;\n margin-bottom: 30px;\n }\n\n .summary-container h2 {\n margin-bottom: 10px;\n font-size: 16px;\n }\n\n .summary-list {\n list-style: none;\n padding: 0;\n font-size: 12px;\n }\n\n .summary-list li {\n margin-bottom: 10px;\n }\n\n .header-easy h1 {\n font-family: \"Ubuntu\", serif;\n font-weight: 500;\n font-size: 20px;\n padding: 10px;\n }\n\n .back-home {\n width: 20%;\n }\n\n .btn-back {\n display: flex;\n }\n\n .btn-back img {\n width: 25px;\n height: 25px;\n padding: 5px;\n background-color: #399EBF;\n border: 1px solid #399EBF;\n border-radius: 60px;\n margin: 10px;\n }\n\n .btn-back h3 {\n margin: 10px 2px;\n font-size: 14px;\n line-height: 1.8;\n color: #399EBF;\n }\n\n .back-home a {\n text-decoration: none;\n }\n\n input[type=checkbox],\n input[type=radio] {\n box-sizing: border-box;\n padding: 0;\n width: 13px;\n margin: 4px 6px;\n }\n\n .opt-livraison {\n display: flex;\n border: 1px solid #ccc;\n border-radius: 60px;\n padding: 10px 15px;\n font-size: 14px;\n margin: 18px 0px;\n }\n\n .exp,\n .dest {\n margin-top: 30px;\n }\n\n .opt-liv {\n margin-top: 30px;\n font-size: 14px;\n }\n\n .opt-liv h4 {\n font-size: 14px;\n }\n\n .obl {\n font-size: 12px;\n }\n\n .error {\n font-size: 10px;\n padding: 5px;\n color: #ff5040;\n }\n\n .hidden-section {\n display: none;\n margin-top: 20px;\n }\n .countrycode{\n display: flex;\n }\n .ind{\n width: 100px;\n margin-right: 10px;\n }\n .n-phone{\n width: 100%;\n }\n .close-modal{\n margin-top: 30px;\n padding: 12px 20px;\n background-color: #399EBF;\n color: #FFF;\n font-size: 16px;\n border: none;\n border-radius: 65px;\n cursor: pointer;\n width: 100%;\n }\n .modal-body{\n text-align: center;\n padding: 40px 40px 0px 40px;\n }\n .modal.show .modal-dialog {\n transform: translate(0, 50%);\n }\n .modal-header .close {\n justify-content: flex-end;\n display: flex;\n }\n .valeur{\n text-align: center;\n font-size: 12px;\n color: #212529;\n }\n .fade.show {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.6);\n }\n .modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: inherit;\n left: none;\n z-index: 1040;\n }\n .button.close:hover{\n background-color: transparent;\n }\n .button.close::after{\n background-color: transparent;\n }\n .modal-footer{\n border-top: none;\n }\n @media only screen and (max-width: 600px) {\n .grve-container{\n max-width: 500px;\n width: calc(100% - 65px);\n }\n .container {\n margin: auto;\n padding: 20px 0px;\n border-radius: 10px;\n }\n .easy-form {\n max-width: 890px;\n margin: auto;\n background: #fff;\n padding: 40px 25px;\n border-radius: 10px;\n }\n .easy-summary {\n margin-top: 20px;\n background: #fff;\n padding: 20px 20px;\n border-radius: 10px;\n }\n }\n @media only screen and (min-width: 768px) {\n .container {\n margin: auto;\n padding: 20px 40px;\n border-radius: 10px;\n }\n\n .easy-form{\n max-width: 890px;\n margin: auto;\n background: #fff;\n padding: 40px 50px;\n border-radius: 10px;\n }\n\n .easy-summary {\n margin: auto;\n background: #fff;\n padding: 20px 30px;\n border-radius: 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n <form method=\"post\" action=\"\" name=\"contact-form\" data-trp-original-action=\"\">\n <div class=\"row\">\n <div class=\"col-lg-8\">\n <div class=\"easy-form\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"countryFrom\">Pays de D\u00e9part <span class=\"obl\">*<\/span><\/label>\n <select id=\"countryfrom\" name=\"Departure\" onchange=\"updateCountryTo(); updateSummary()\">\n <option value=\"france\">France<\/option>\n <option value=\"senegal\">Senegal<\/option>\n <\/select>\n <div class=\"error\" id=\"countryfromError\"><\/div>\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"countryTo\">Pays de Destination <span class=\"obl\">*<\/span><\/label>\n <select id=\"countryto\" name=\"Destination\">\n <option value=\"senegal\">Senegal<\/option>\n <option value=\"france\">France<\/option>\n <\/select>\n <div class=\"error\" id=\"countrytoError\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"row\">\n\n <div class=\"col-lg-6\">\n <label for=\"phone\">Num\u00e9ro de T\u00e9l\u00e9phone <span class=\"obl\">*<\/span><\/label>\n <div class=\"countrycode\">\n <div class=\"ind\">\n <input type=\"text\" list=\"countryCodes\" name=\"Indicatif\" id=\"codescountry\" placeholder=\"+221\">\n <datalist id=\"countryCodes\"><\/datalist>\n <\/div>\n <div class=\"n-phone\">\n <input type=\"tel\" id=\"phone\" name=\"Phone Number\" placeholder=\"Ex : +33 6 12345678\" oninput=\"updateSummary()\"\n pattern=\"[0-9]*\" maxlength=\"15\">\n <\/div>\n <\/div>\n <div class=\"error\" id=\"phoneError\"><\/div>\n <\/div>\n\n <div class=\"col-lg-6\">\n <label for=\"email\">Email Address <span class=\"obl\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"Adresse Email\" placeholder=\"Ex : exemple@email.com\"\n oninput=\"updateSummary()\">\n <div class=\"error\" id=\"emailError\"><\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"weight\">Poids R\u00e9el (kg) <span class=\"obl\">*<\/span><\/label>\n <input type=\"number\" id=\"weight\" name=\"Poids Reel\" placeholder=\"Entrez le poids r\u00e9el\"\n min=\"0\" oninput=\"updateSummary()\">\n <div class=\"error\" id=\"weightError\"><\/div>\n <\/div>\n <div class=\"col-lg-6\">\n <label>Longueur (cm)<\/label>\n <input type=\"number\" id=\"length\" name=\"Longueur\" placeholder=\"Longueur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label>Largeur (cm)<\/label>\n <input type=\"number\" id=\"width\" name=\"Largeur\" placeholder=\"Largeur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label>Hauteur (cm)<\/label>\n <input type=\"number\" id=\"height\" name=\"Hauteur\" placeholder=\"Hauteur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"opt-liv\">\n <label for=\"option_au_depart\">Option(s) au d\u00e9part<\/label>\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" checked value=\"pickupEntrepot\" onclick=\"displaySelection()\" id=\"pickupEntrepot\" onchange=\"updateSummary()\"> D\u00e9p\u00f4t \u00e0 l'entrepot\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" value=\"pickupPoint\" id=\"pickupPoint\" onclick=\"displaySelection()\" onchange=\"updateSummary()\"> D\u00e9p\u00f4t au point\n relais\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" value=\"pickupHome\" id=\"pickupHome\" onclick=\"displaySelection()\" onchange=\"updateSummary()\"> Ramassage \u00e0\n domicile\n <\/div>\n <\/div>\n \n\n <div class=\"col-lg-6\">\n <div class=\"opt-liv\">\n <label for=\"optliv\">Option(s) \u00e0 l'arriv\u00e9e<\/label>\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryEntrepot\" checked id=\"deliveryEntrepot\" onchange=\"updateSummary()\"> Livraison \u00e0 l'entrepot\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryHome\" id=\"deliveryHome\" onchange=\"updateSummary()\"> Livraison \u00e0\n domicile\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryPoint\" id=\"deliveryPoint\" onchange=\"updateSummary()\"> Livraison au\n point relais\n <\/div>\n <\/div>\n\n <input type=\"hidden\" id=\"optionAuDepart\" name=\"optionAuDepart\" value=\"\">\n <input type=\"hidden\" id=\"optionALarrivee\" name=\"optionALarrivee\" value=\"\">\n\n <\/div>\n\n <div class=\"hidden-section\" id=\"contactFields\">\n <h3>Veuillez compl\u00e9ter les informations suppl\u00e9mentaires.<\/h3>\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"natureProduit\">Nature du produit<\/label>\n <select id=\"nature_du_produits\">\n <option value=\"\">Veuillez s\u00e9lectionner<\/option>\n <option value=\"habit\">Habit<\/option>\n <option value=\"chaussure\">Chaussure<\/option>\n <option value=\"sac\">Sac<\/option>\n <option value=\"telephone\">Phone number<\/option>\n <option value=\"document\">Document<\/option>\n <option value=\"produitElectronique\">Produit \u00e9letronique<\/option>\n <option value=\"parfum\">Parfum<\/option>\n <\/select>\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"valeurProduit\">Valeur du produit<\/label>\n <input type=\"number\" id=\"valeurproduit\" placeholder=\"Exemple: 1000\u20ac\" min=\"0\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <div class=\"exp\" id=\"exp\">\n <h4>Exp\u00e9diteur<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"prenom\">Pr\u00e9nom<\/label>\n <input type=\"text\" id=\"prenomexp\" placeholder=\"Amadou\" oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"nom\">Name<\/label>\n <input type=\"text\" id=\"nomexp\" placeholder=\"Ndiaye\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <label for=\"adressexpi\">Adresse Exp\u00e9diteur<\/label>\n <input type=\"text\" id=\"adressexpi\" placeholder=\"Ex : Cit\u00e9 keur gorgui, dakar, s\u00e9n\u00e9gal\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <div class=\"dest\">\n <h4>Destinataire<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"prenom\">Pr\u00e9nom<\/label>\n <input type=\"text\" id=\"prenomdestinataire\" placeholder=\"Amadou\" oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"nom\">Name<\/label>\n <input type=\"text\" id=\"nomdestinataire\" placeholder=\"Ndiaye\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"phone\">Num\u00e9ro de T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" id=\"phonedestinataire\" placeholder=\"Ex : +33 6 12345678\" oninput=\"updateSummary()\"\n pattern=\"[0-9]*\" maxlength=\"15\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"emaildestinataire\" placeholder=\"Ex : exemple@email.com\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <label for=\"email\">Adresse du Destinataire<\/label>\n <input type=\"text\" id=\"adressedestinataire\" placeholder=\"Ex : Cit\u00e9 keur gorgui, dakar, s\u00e9n\u00e9gal\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <button type=\"submit\" name=\"submit\" value=\"submit\" onclick=\"submitToHubspot(event)\" id=\"redirect\" class=\"link\">\n Subscribe\n <\/button>\n <div class=\"valeur\" id=\"valeur\"><\/div>\n <\/div>\n <\/div>\n \n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"col-lg-4\">\n <div class=\"easy-summary\">\n <div class=\"summary\">\n <h3>Sommaire<\/h3>\n <ul id=\"summaryList\"><\/ul>\n <\/div>\n <button onclick=\"calculatePrice()\" type=\"submit\" value=\"submit\" id=\"submit\">Calculer le Prix<\/button>\n <div id=\"result\" class=\"result\"><\/div>\n <div id=\"priceEstimatif\" class=\"priceEstimatif\"><\/div>\n <div id=\"alert\" class=\"alert\"><\/div>\n <\/div>\n <div class=\"demandeMission\">\n <button type=\"button\" onclick=\"showContactFields()\" style=\"display:none; background-color: #FFF; padding: 12px 20px; border: 1px solid #FFF; color: #0d5369; font-size: 16px; font-weight: 500; border-radius: 65px; cursor: pointer; width: 100%;\" id=\"requestButton\">\n <a href=\"#nature_du_produits\" style=\"text-decoration: none; color: inherit;\">Request a quote<\/a>\n <\/button>\n <\/div>\n <div id=\"statusMessage\" style=\"display: none; font-size: 14px; margin-top: 10px;\"><\/div>\n <\/div>\n <\/div>\n\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n \n\n <div class=\"modal fade\" id=\"thankYouModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"thankYouModalLabel\"\n aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <h5 class=\"modal-title\" id=\"thankYouModalLabel\">Merci !<\/h5>\n Vos informations ont \u00e9t\u00e9 envoy\u00e9es avec succ\u00e8s. Merci pour votre demande !\n <\/div>\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn close-modal\" data-dismiss=\"modal\"\n id=\"closeModalFooterBtn\">Fermer<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n <\/div>\n\n\n <script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.slim.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.0.0\/dist\/js\/bootstrap.min.js\"><\/script>\n <script>\n const phone = document.getElementById('phone');\n const phonedestinataire = document.getElementById('phonedestinataire');\n\n phone.addEventListener('input', (event) => {\n phone.value = phone.value.replace(\/[^0-9+\\-\$\$\\s]\/g, '');\n });\n phonedestinataire.addEventListener('input', (event) => {\n phonedestinataire.value = phonedestinataire.value.replace(\/[^0-9+\\-\$\$\\s]\/g, '');\n });\n <\/script>\n <script>\n const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwpek6aV0WtF5JXYXeq_dG16mqkUEaacE7b3xrI6-YyHPkmPJmOz5ewL2GiYub-TTRZ\/exec';\n const tarifs = {\n \"france\": {\n \"senegal\": {\n \"tranches\": {\n \"0-1\": 8,\n \"2.0-2.9\": 8,\n \"3.0-3.9\": 8,\n \"4-5\": 8,\n \"6-7\": 8,\n \"8-10\": 8,\n \"11-15\": 8,\n \"16-20\": 8,\n \"21-25\": 8,\n \"26-30\": 8,\n \"31-100\": 7\n },\n \"options\": {\n \"pickupEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryHome\": { \"0-1\": 1.07, \"2.0-2.9\": 1.07, \"3.0-3.9\": 1.07, \"4-5\": 1.07, \"6-7\": 1.07, \"8-10\": 0.69, \"11-15\": 0.69, \"16-20\": 0.69, \"21-25\": 0.69, \"26-30\": 0.69, \"31-100\": 0.61 },\n \"pickupPoint\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 5.03, \"4-5\": 3.81, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 },\n \"pickupHome\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 5.03, \"4-5\": 3.81, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 }\n }\n }\n },\n \"senegal\": {\n \"france\": {\n \"tranches\": {\n \"0-1\": 8,\n \"2.0-2.9\": 8,\n \"3.0-3.9\": 8,\n \"4-5\": 8,\n \"6-7\": 8,\n \"8-10\": 8,\n \"11-15\": 8,\n \"16-20\": 8,\n \"21-25\": 8,\n \"26-30\": 8,\n \"31-100\": 7\n },\n \"options\": {\n \"deliveryEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"pickupEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryHome\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 3.62, \"4-5\": 2.97, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 },\n \"deliveryPoint\": { \"0-1\": 5.34, \"2.0-2.9\": 3.51, \"3.0-3.9\": 2.29, \"4-5\": 2.21, \"6-7\": 2.13, \"8-10\": 1.83, \"11-15\": 1.60, \"16-20\": 1.52, \"21-25\": 1.14, \"26-30\": 0.99, \"31-100\": 0.99 },\n \"pickupHome\": { \"0-1\": 1.07, \"2.0-2.9\": 1.07, \"3.0-3.9\": 1.07, \"4-5\": 1.07, \"6-7\": 1.07, \"8-10\": 0.69, \"11-15\": 0.69, \"16-20\": 0.69, \"21-25\": 0.69, \"26-30\": 0.69, \"31-100\": 0.61 }\n }\n }\n }\n };\n function displaySelection() { \n const selectedOption = document.querySelector('input[name=\"opt1\"]:checked').value;\n const selectedOption1 = document.querySelector('input[name=\"opt2\"]:checked').value;\n\n const resultDiv = document.getElementById(\"result\");\n if (selectedOption === \"option1\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Livraison \u00e0 domicile.\";\n } else if (selectedOption === \"option2\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Livraison au point relais.\";\n } else if (selectedOption === \"option3\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Retrait en entrep\u00f4t.\";\n }\n }\n \n\n function updateCountryTo() {\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\");\n countryto.value = countryfrom === \"france\" ? \"senegal\" : \"france\";\n }\n\n function updateSummary() {\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n const phone = document.getElementById(\"phone\").value;\n const email = document.getElementById(\"email\").value;\n const weight = document.getElementById(\"weight\").value || 0;\n const length = document.getElementById(\"length\").value || 0;\n const width = document.getElementById(\"width\").value || 0;\n const height = document.getElementById(\"height\").value || 0;\n\n const pickupPoint = document.getElementById(\"pickupPoint\").checked ? \"D\u00e9p\u00f4t au point relais\" : \"\";\n const pickupHome = document.getElementById(\"pickupHome\").checked ? \"Ramassage \u00e0 domicile\" : \"\";\n const deliveryHome = document.getElementById(\"deliveryHome\").checked ? \"Livraison \u00e0 domicile\" : \"\";\n const deliveryPoint = document.getElementById(\"deliveryPoint\").checked ? \"Livraison au point relais\" : \"\";\n\n const summaryList = document.getElementById(\"summaryList\");\n summaryList.innerHTML = `\n <li>Pays de d\u00e9part : ${countryfrom.toUpperCase()}<\/li>\n <li>Pays de destination : ${countryto.toUpperCase()}<\/li>\n <li>Poids r\u00e9el (kg) : ${weight}<\/li>\n <li>Dimensions (cm) : ${length} x ${width} x ${height}<\/li>\n ${pickupPoint ? `<li>Option au d\u00e9part : ${pickupPoint}<\/li>` : \"\"}\n ${pickupHome ? `<li>Option au d\u00e9part : ${pickupHome}<\/li>` : \"\"}\n ${deliveryHome ? `<li>Option \u00e0 l'arriv\u00e9e : ${deliveryHome}<\/li>` : \"\"}\n ${deliveryPoint ? `<li>Option \u00e0 l'arriv\u00e9e : ${deliveryPoint}<\/li>` : \"\"}\n `;\n }\n\n function showError(inputId, message) {\n const errorField = document.getElementById(`${inputId}Error`);\n errorField.innerText = message;\n errorField.style.color = \"red\";\n }\n\n function clearErrors() {\n const errorFields = document.querySelectorAll(\".error\");\n errorFields.forEach(field => (field.innerText = \"\"));\n }\n\n function validateInputs() {\n clearErrors();\n\n let isValid = true;\n\n const inputsToValidate = [\n { id: \"countryfrom\", errorMessage: \"Veuillez s\u00e9lectionner un pays de d\u00e9part.\" },\n { id: \"countryto\", errorMessage: \"Veuillez s\u00e9lectionner un pays de destination.\" },\n { id: \"phone\", errorMessage: \"Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide.\" },\n { id: \"email\", errorMessage: \"Veuillez entrer une adresse email valide.\" },\n { id: \"weight\", errorMessage: \"Veuillez entrer un poids valide.\" },\n ];\n\n inputsToValidate.forEach(input => {\n const value = document.getElementById(input.id).value;\n if (!value || value <= 0) {\n showError(input.id, input.errorMessage);\n isValid = false;\n }\n });\n\n return isValid;\n }\n\n function seuilValeur() {\n const seuil = parseFloat(document.getElementById(\"valeurproduit\").value) || 0;\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n const seuilDiv = document.getElementById(\"valeur\");\n\n if (countryfrom === \"france\" && countryto === \"senegal\" && seuil >= 45) {\n seuilDiv.innerHTML = \"La valeur du produit est supperieur ou \u00e9gal \u00e0 45\u20ac. Un montant de TVA sera appliqu\u00e9 \u00e0 cette valeur.\";\n seuilDiv.style.color = \"\";\n }\n else if (countryfrom === \"senegal\" && countryto === \"france\" && seuil >= 200000) {\n seuilDiv.innerHTML = \"La valeur du produit est supperieur ou \u00e9gal \u00e0 200K. Il y'aura une application d'un d\u00e9douanement normal avec un paiement des 2\/3 de la facture douane.\";\n seuilDiv.style.color = \"\";\n }\n else {\n seuilDiv.innerHTML = \"\";\n }\n }\n\n document.getElementById(\"valeurproduit\").addEventListener(\"input\", seuilValeur);\n document.getElementById(\"countryfrom\").addEventListener(\"change\", seuilValeur);\n document.getElementById(\"countryto\").addEventListener(\"change\", seuilValeur);\n\n\n\n function calculatePrice(event) {\n event.preventDefault();\n\n if (!validateInputs()) {\n return;\n }\n\n const weight = parseFloat(document.getElementById(\"weight\").value);\n const length = parseFloat(document.getElementById(\"length\").value);\n const width = parseFloat(document.getElementById(\"width\").value);\n const height = parseFloat(document.getElementById(\"height\").value);\n const alertDiv = document.getElementById(\"alert\");\n const priceEstimDiv = document.getElementById(\"priceEstimatif\");\n\n alertDiv.innerHTML = \"\";\n\n \n\n const volumetricWeight = (length * width * height) \/ 5000;\n const finalWeight = Math.max(weight, volumetricWeight);\n\n const tranche = weight <= 1 ? \"0-1\" :\n weight <= 2.9 ? \"2.0-2.9\" :\n weight <= 3.9 ? \"3.0-3.9\" :\n weight <= 5 ? \"4-5\" :\n weight <= 7 ? \"6-7\" :\n weight <= 10 ? \"8-10\" :\n weight <= 15 ? \"11-15\" :\n weight <= 20 ? \"16-20\" :\n weight <= 25 ? \"21-25\" :\n weight <= 30 ? \"26-30\" :\n weight <= 100 ? \"31-50\" : null;\n\n if (!tranche) {\n alertDiv.innerHTML = \"Le poids d\u00e9passe 50 kg. Veuillez nous contacter.\";\n return;\n }\n\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n\n\n const basePricePerUnit = tarifs[countryfrom]?.[countryto]?.tranches?.[tranche] || 0;\n const totalBasePrice = basePricePerUnit * weight;\n\n\n let optionsPrice = 0;\n if (document.getElementById(\"deliveryHome\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.deliveryHome?.[tranche] || 0) * weight;\n if (document.getElementById(\"deliveryPoint\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.deliveryPoint?.[tranche] || 0) * weight;\n if (document.getElementById(\"pickupPoint\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.pickupPoint?.[tranche] || 0) * weight;\n if (document.getElementById(\"pickupHome\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.pickupHome?.[tranche] || 0) * weight;\n\n const totalPrice = totalBasePrice + optionsPrice;\n\n\n document.querySelector(\".result\").innerHTML = `Montant total : ${totalPrice.toFixed(2)} \u20ac`;\n document.querySelector(\".priceEstimatif\").innerHTML = `Ce montant est une estimation et peut varier en fonction des dimensions et la valeur du colis.`;\n document.getElementById(\"requestButton\").style.display = \"block\";\n\n if (totalPrice >= 200) {\n document.getElementById(\"alert\").innerText = \"Montant hors taxe (TVA non incluse).\";\n }\n\n const form = document.forms[\"contact-form\"];\n fetch(scriptURL, {\n method: \"POST\",\n body: new FormData(form)\n })\n .then(response => {\n ;\n })\n .catch(error => {\n alert(\"Une erreur s'est produite lors de l'envoi des donn\u00e9es.\");\n });\n }\n\n document.getElementById(\"submit\").addEventListener(\"click\", calculatePrice);\n\n function showContactFields() {\n document.getElementById(\"contactFields\").style.display = \"block\";\n }\n\n function updateSelectedOptions() {\n const selectedDepartOption = document.querySelector('input[name=\"opt1\"]:checked').value;\n document.getElementById(\"optionAuDepart\").value = selectedDepartOption;\n\n const selectedArriveeOption = document.querySelector('input[name=\"opt2\"]:checked').value;\n document.getElementById(\"optionALarrivee\").value = selectedArriveeOption;\n }\n\n function submitToHubspot(event) {\n event.preventDefault();\n\n\n updateSelectedOptions();\n\n const fields = {\n \"fields\": [\n { \"name\": \"countryfrom\", \"value\": document.getElementById(\"countryfrom\").value },\n { \"name\": \"countryto\", \"value\": document.getElementById(\"countryto\").value },\n { \"name\": \"codescountry\", \"value\": document.getElementById(\"codescountry\").value },\n { \"name\": \"phone\", \"value\": document.getElementById(\"phone\").value },\n { \"name\": \"email\", \"value\": document.getElementById(\"email\").value },\n { \"name\": \"weight\", \"value\": document.getElementById(\"weight\").value },\n { \"name\": \"length\", \"value\": document.getElementById(\"length\").value || \"0\" },\n { \"name\": \"width\", \"value\": document.getElementById(\"width\").value || \"0\" },\n { \"name\": \"height\", \"value\": document.getElementById(\"height\").value || \"0\" },\n { \"name\": \"nature_du_produits\", \"value\": document.getElementById(\"nature_du_produits\").value },\n { \"name\": \"valeurproduit\", \"value\": document.getElementById(\"valeurproduit\").value },\n { \"name\": \"optionDepart\", \"value\": document.getElementById(\"optionAuDepart\").value },\n { \"name\": \"optionArrivee\", \"value\": document.getElementById(\"optionALarrivee\").value },\n { \"name\": \"adressedestinataire\", \"value\": document.getElementById(\"adressedestinataire\").value },\n { \"name\": \"emaildestinataire\", \"value\": document.getElementById(\"emaildestinataire\").value },\n { \"name\": \"phonedestinataire\", \"value\": document.getElementById(\"phonedestinataire\").value },\n { \"name\": \"nomdestinataire\", \"value\": document.getElementById(\"nomdestinataire\").value },\n { \"name\": \"prenomdestinataire\", \"value\": document.getElementById(\"prenomdestinataire\").value },\n { \"name\": \"adressexpi\", \"value\": document.getElementById(\"adressexpi\").value },\n { \"name\": \"prenomexp\", \"value\": document.getElementById(\"prenomexp\").value },\n ]\n };\n\n const hubspotURL = \"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/26523294\/57841202-6467-4964-94d7-47edaf2332f7\";\n\n fetch(hubspotURL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify(fields)\n })\n .then(response => {\n if (response.ok) {\n $('#thankYouModal').modal('show');\n } else {\n alert(\"Erreur lors de l'envoi des donn\u00e9es \u00e0 HubSpot.\");\n }\n })\n .catch(error => {\n console.error(\"Erreur lors de la soumission \u00e0 HubSpot:\", error);\n alert(\"Une erreur est survenue. Veuillez r\u00e9essayer.\");\n });\n }\n\n function resetForm() {\n document.querySelector(\"form[name='contact-form']\").reset();\n }\n\n $('#thankYouModal').on('hidden.bs.modal', function () {\n resetForm();\n });\n\n document.getElementById(\"closeModalBtn\").addEventListener(\"click\", resetForm);\n document.getElementById(\"closeModalFooterBtn\").addEventListener(\"click\", resetForm);\n\n <\/script>\n <script>\n const apiUrl = 'https:\/\/restcountries.com\/v3.1\/all';\n\n const datalist = document.getElementById(\"countryCodes\");\n const countryCodeInput = document.getElementById(\"codescountry\");\n const selectedCode = document.getElementById(\"selectedCode\");\n const phoneNumberInput = document.getElementById(\"phone\");\n\n async function fetchCountryCodes() {\n try {\n const response = await fetch(apiUrl);\n if (!response.ok) throw new Error('Erreur lors du chargement des donn\u00e9es');\n\n const countries = await response.json();\n\n countries.forEach(country => {\n if (country.idd?.root && country.idd?.suffixes) {\n const code = `${country.idd.root}${country.idd.suffixes[0]}`;\n const name = country.name.common;\n\n const option = document.createElement(\"option\");\n option.value = `${code} (${name})`;\n datalist.appendChild(option);\n }\n });\n status.textContent = \"\";\n } catch (error) {\n console.error(error);\n status.textContent = \"Erreur de chargement des indicatifs.\";\n status.classList.add(\"error\");\n }\n }\n\n function updateSelectedCode() {\n const value = countryCodeInput.value.split(\" \")[0];\n selectedCode.textContent = value || \"+\";\n updateFullPhoneNumber();\n }\n\n function updateFullPhoneNumber() {\n const code = selectedCode.textContent;\n const number = phoneNumberInput.value;\n fullPhoneNumberDisplay.textContent = number\n ? `Num\u00e9ro complet : ${code}${number}`\n : \"\";\n }\n\n countryCodeInput.addEventListener(\"input\", updateSelectedCode);\n phoneNumberInput.addEventListener(\"input\", updateFullPhoneNumber);\n\n fetchCountryCodes();\n <\/script>\n\n\n\n<\/body>\n\n<\/html>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><\/div><div class=\"grve-background-wrapper\"> <div class=\"grve-bg-image grve-bg-image-id-17145 lazyload\" data-bgset=\"https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1.jpg 1920w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-300x169.jpg 300w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1024x576.jpg 1024w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-768x432.jpg 768w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1536x864.jpg 1536w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-18x10.jpg 18w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1390x782.jpg 1390w\" data-sizes=\"auto\"><\/div> <div class=\"grve-bg-overlay grve-bg-primary-2 grve-opacity-10\"><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Paps Easy Colis Calcul de Prix d'Envoi Pays de D\u00e9part * France S\u00e9n\u00e9gal Pays de Destination * S\u00e9n\u00e9gal France Num\u00e9ro de T\u00e9l\u00e9phone * Adresse Email * Poids R\u00e9el (kg) * Longueur (cm) Largeur (cm) Hauteur (cm) Option(s) au d\u00e9part D\u00e9p\u00f4t \u00e0 l'entrepot D\u00e9p\u00f4t au point relais Ramassage \u00e0 domicile Option(s) \u00e0 l'arriv\u00e9e Livraison \u00e0 l'entrepot [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17043","page","type-page","status-publish","hentry","grve-entry-item"],"yoast_head":"\n<title>Shipping Calculator - Paps Easy Colis - Paps Logistique<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shipping Calculator - Paps Easy Colis - Paps Logistique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/\" \/>\n<meta property=\"og:site_name\" content=\"Paps Logistique\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T00:06:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\",\"url\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\",\"name\":\"Shipping Calculator - Paps Easy Colis - Paps Logistique\",\"isPartOf\":{\"@id\":\"https:\/\/papslogistics.com\/#website\"},\"datePublished\":\"2024-12-02T16:28:04+00:00\",\"dateModified\":\"2025-01-07T00:06:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/papslogistics.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shipping Calculator – Paps Easy Colis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/papslogistics.com\/#website\",\"url\":\"https:\/\/papslogistics.com\/\",\"name\":\"Paps Logistique\",\"description\":\"Une exp\u00e9rience de logistique unique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/papslogistics.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n","yoast_head_json":{"title":"Shipping Calculator - Paps Easy Colis - Paps Logistique","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/","og_locale":"en_GB","og_type":"article","og_title":"Shipping Calculator - Paps Easy Colis - Paps Logistique","og_url":"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/","og_site_name":"Paps Logistique","article_modified_time":"2025-01-07T00:06:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/","url":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/","name":"Shipping Calculator - Paps Easy Colis - Paps Logistique","isPartOf":{"@id":"https:\/\/papslogistics.com\/#website"},"datePublished":"2024-12-02T16:28:04+00:00","dateModified":"2025-01-07T00:06:17+00:00","breadcrumb":{"@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/papslogistics.com\/"},{"@type":"ListItem","position":2,"name":"Shipping Calculator – Paps Easy Colis"}]},{"@type":"WebSite","@id":"https:\/\/papslogistics.com\/#website","url":"https:\/\/papslogistics.com\/","name":"Paps Logistique","description":"An unparalleled logistic experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/papslogistics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages\/17043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/comments?post=17043"}],"version-history":[{"count":0,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages\/17043\/revisions"}],"wp:attachment":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/media?parent=17043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div><\/div><\/div>

Paps Easy Parcel<\/span><\/h3><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div>
\r\n\t
\r\n\t\t
\r\n\t\t\t\n\n\n\n \n \n Calcul de Prix d'Envoi<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.0.0\/dist\/css\/bootstrap.min.css\"\n integrity=\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW\/dAiS6JXm\" crossorigin=\"anonymous\">\n\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');\n\n\n h1 {\n font-family: \"Ubuntu\", serif;\n text-align: center;\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n font-weight: normal;\n margin-top: 10px;\n font-size: 14px;\n }\n\n select,\n input,\n button {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 14px;\n }\n\n input[type=date],\n input[type=email],\n input[type=input],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=url] {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 14px;\n }\n\n button {\n margin-top: 30px;\n padding: 12px 20px;\n background-color: #399EBF;\n color: white;\n font-size: 16px;\n border: none;\n border-radius: 65px;\n cursor: pointer;\n width: 100%;\n }\n\n button:hover {\n background-color: #2986a4;\n }\n\n .alert {\n color: red;\n font-weight: bold;\n text-align: center;\n margin-top: 20px;\n border: none;\n }\n\n .result {\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n }\n\n .summary {\n margin-top: 20px;\n padding: 10px;\n background-color: #f9f9f9;\n border-radius: 5px;\n }\n\n .summary h3 {\n font-size: 20px;\n padding: 10px;\n }\n\n .summary ul {\n list-style: none;\n padding: 0;\n }\n\n .summary ul li {\n margin: 10px;\n font-size: 14px;\n }\n\n .link {\n text-align: center;\n margin-top: 20px;\n }\n\n .link a {\n text-decoration: none;\n color: #007bff;\n }\n\n .link a:hover {\n text-decoration: underline;\n }\n .priceEstimatif{\n text-align: center;\n margin-top: 0px;\n font-size: 12px;\n font-weight: 400;\n padding: .75rem 1.25rem;\n }\n\n .alert {\n color: #ff5040;\n text-align: center;\n margin-top: 0px;\n font-size: 12px;\n font-weight: 400;\n }\n\n .result {\n font-size: 18px;\n font-weight: bold;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n #redirect a {\n text-decoration: none;\n color: #FFF;\n text-align: center;\n font-size: 14px;\n }\n\n #redirect {\n margin-top: 30px;\n margin-bottom: 30px;\n }\n\n .summary-container h2 {\n margin-bottom: 10px;\n font-size: 16px;\n }\n\n .summary-list {\n list-style: none;\n padding: 0;\n font-size: 12px;\n }\n\n .summary-list li {\n margin-bottom: 10px;\n }\n\n .header-easy h1 {\n font-family: \"Ubuntu\", serif;\n font-weight: 500;\n font-size: 20px;\n padding: 10px;\n }\n\n .back-home {\n width: 20%;\n }\n\n .btn-back {\n display: flex;\n }\n\n .btn-back img {\n width: 25px;\n height: 25px;\n padding: 5px;\n background-color: #399EBF;\n border: 1px solid #399EBF;\n border-radius: 60px;\n margin: 10px;\n }\n\n .btn-back h3 {\n margin: 10px 2px;\n font-size: 14px;\n line-height: 1.8;\n color: #399EBF;\n }\n\n .back-home a {\n text-decoration: none;\n }\n\n input[type=checkbox],\n input[type=radio] {\n box-sizing: border-box;\n padding: 0;\n width: 13px;\n margin: 4px 6px;\n }\n\n .opt-livraison {\n display: flex;\n border: 1px solid #ccc;\n border-radius: 60px;\n padding: 10px 15px;\n font-size: 14px;\n margin: 18px 0px;\n }\n\n .exp,\n .dest {\n margin-top: 30px;\n }\n\n .opt-liv {\n margin-top: 30px;\n font-size: 14px;\n }\n\n .opt-liv h4 {\n font-size: 14px;\n }\n\n .obl {\n font-size: 12px;\n }\n\n .error {\n font-size: 10px;\n padding: 5px;\n color: #ff5040;\n }\n\n .hidden-section {\n display: none;\n margin-top: 20px;\n }\n .countrycode{\n display: flex;\n }\n .ind{\n width: 100px;\n margin-right: 10px;\n }\n .n-phone{\n width: 100%;\n }\n .close-modal{\n margin-top: 30px;\n padding: 12px 20px;\n background-color: #399EBF;\n color: #FFF;\n font-size: 16px;\n border: none;\n border-radius: 65px;\n cursor: pointer;\n width: 100%;\n }\n .modal-body{\n text-align: center;\n padding: 40px 40px 0px 40px;\n }\n .modal.show .modal-dialog {\n transform: translate(0, 50%);\n }\n .modal-header .close {\n justify-content: flex-end;\n display: flex;\n }\n .valeur{\n text-align: center;\n font-size: 12px;\n color: #212529;\n }\n .fade.show {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.6);\n }\n .modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: inherit;\n left: none;\n z-index: 1040;\n }\n .button.close:hover{\n background-color: transparent;\n }\n .button.close::after{\n background-color: transparent;\n }\n .modal-footer{\n border-top: none;\n }\n @media only screen and (max-width: 600px) {\n .grve-container{\n max-width: 500px;\n width: calc(100% - 65px);\n }\n .container {\n margin: auto;\n padding: 20px 0px;\n border-radius: 10px;\n }\n .easy-form {\n max-width: 890px;\n margin: auto;\n background: #fff;\n padding: 40px 25px;\n border-radius: 10px;\n }\n .easy-summary {\n margin-top: 20px;\n background: #fff;\n padding: 20px 20px;\n border-radius: 10px;\n }\n }\n @media only screen and (min-width: 768px) {\n .container {\n margin: auto;\n padding: 20px 40px;\n border-radius: 10px;\n }\n\n .easy-form{\n max-width: 890px;\n margin: auto;\n background: #fff;\n padding: 40px 50px;\n border-radius: 10px;\n }\n\n .easy-summary {\n margin: auto;\n background: #fff;\n padding: 20px 30px;\n border-radius: 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n <form method=\"post\" action=\"\" name=\"contact-form\" data-trp-original-action=\"\">\n <div class=\"row\">\n <div class=\"col-lg-8\">\n <div class=\"easy-form\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"countryFrom\">Pays de D\u00e9part <span class=\"obl\"><\/span><\/label>\n <select id=\"countryfrom\" name=\"Departure\" onchange=\"updateCountryTo(); updateSummary()\">\n <option value=\"france\">France<\/option>\n <option value=\"senegal\">Senegal<\/option>\n <\/select>\n <div class=\"error\" id=\"countryfromError\"><\/div>\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"countryTo\">Pays de Destination <span class=\"obl\"><\/span><\/label>\n <select id=\"countryto\" name=\"Destination\">\n <option value=\"senegal\">Senegal<\/option>\n <option value=\"france\">France<\/option>\n <\/select>\n <div class=\"error\" id=\"countrytoError\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"row\">\n\n <div class=\"col-lg-6\">\n <label for=\"phone\">Num\u00e9ro de T\u00e9l\u00e9phone <span class=\"obl\"><\/span><\/label>\n <div class=\"countrycode\">\n <div class=\"ind\">\n <input type=\"text\" list=\"countryCodes\" name=\"Indicatif\" id=\"codescountry\" placeholder=\"+221\">\n <datalist id=\"countryCodes\"><\/datalist>\n <\/div>\n <div class=\"n-phone\">\n <input type=\"tel\" id=\"phone\" name=\"Phone Number\" placeholder=\"Ex : +33 6 12345678\" oninput=\"updateSummary()\"\n pattern=\"[0-9]\" maxlength=\"15\">\n <\/div>\n <\/div>\n <div class=\"error\" id=\"phoneError\"><\/div>\n <\/div>\n\n <div class=\"col-lg-6\">\n <label for=\"email\">Email Address <span class=\"obl\"><\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"Adresse Email\" placeholder=\"Ex : exemple@email.com\"\n oninput=\"updateSummary()\">\n <div class=\"error\" id=\"emailError\"><\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"weight\">Poids R\u00e9el (kg) <span class=\"obl\"><\/span><\/label>\n <input type=\"number\" id=\"weight\" name=\"Poids Reel\" placeholder=\"Entrez le poids r\u00e9el\"\n min=\"0\" oninput=\"updateSummary()\">\n <div class=\"error\" id=\"weightError\"><\/div>\n <\/div>\n <div class=\"col-lg-6\">\n <label>Longueur (cm)<\/label>\n <input type=\"number\" id=\"length\" name=\"Longueur\" placeholder=\"Longueur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label>Largeur (cm)<\/label>\n <input type=\"number\" id=\"width\" name=\"Largeur\" placeholder=\"Largeur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label>Hauteur (cm)<\/label>\n <input type=\"number\" id=\"height\" name=\"Hauteur\" placeholder=\"Hauteur\" min=\"0\"\n oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n\n\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"opt-liv\">\n <label for=\"option_au_depart\">Option(s) au d\u00e9part<\/label>\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" checked value=\"pickupEntrepot\" onclick=\"displaySelection()\" id=\"pickupEntrepot\" onchange=\"updateSummary()\"> D\u00e9p\u00f4t \u00e0 l'entrepot\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" value=\"pickupPoint\" id=\"pickupPoint\" onclick=\"displaySelection()\" onchange=\"updateSummary()\"> D\u00e9p\u00f4t au point\n relais\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt1\" value=\"pickupHome\" id=\"pickupHome\" onclick=\"displaySelection()\" onchange=\"updateSummary()\"> Ramassage \u00e0\n domicile\n <\/div>\n <\/div>\n \n\n <div class=\"col-lg-6\">\n <div class=\"opt-liv\">\n <label for=\"optliv\">Option(s) \u00e0 l'arriv\u00e9e<\/label>\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryEntrepot\" checked id=\"deliveryEntrepot\" onchange=\"updateSummary()\"> Livraison \u00e0 l'entrepot\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryHome\" id=\"deliveryHome\" onchange=\"updateSummary()\"> Livraison \u00e0\n domicile\n <\/div>\n <div class=\"opt-livraison\">\n <input type=\"radio\" name=\"opt2\" value=\"deliveryPoint\" id=\"deliveryPoint\" onchange=\"updateSummary()\"> Livraison au\n point relais\n <\/div>\n <\/div>\n\n <input type=\"hidden\" id=\"optionAuDepart\" name=\"optionAuDepart\" value=\"\">\n <input type=\"hidden\" id=\"optionALarrivee\" name=\"optionALarrivee\" value=\"\">\n\n <\/div>\n\n <div class=\"hidden-section\" id=\"contactFields\">\n <h3>Veuillez compl\u00e9ter les informations suppl\u00e9mentaires.<\/h3>\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"natureProduit\">Nature du produit<\/label>\n <select id=\"nature_du_produits\">\n <option value=\"\">Veuillez s\u00e9lectionner<\/option>\n <option value=\"habit\">Habit<\/option>\n <option value=\"chaussure\">Chaussure<\/option>\n <option value=\"sac\">Sac<\/option>\n <option value=\"telephone\">Phone number<\/option>\n <option value=\"document\">Document<\/option>\n <option value=\"produitElectronique\">Produit \u00e9letronique<\/option>\n <option value=\"parfum\">Parfum<\/option>\n <\/select>\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"valeurProduit\">Valeur du produit<\/label>\n <input type=\"number\" id=\"valeurproduit\" placeholder=\"Exemple: 1000\u20ac\" min=\"0\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <div class=\"exp\" id=\"exp\">\n <h4>Exp\u00e9diteur<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"prenom\">Pr\u00e9nom<\/label>\n <input type=\"text\" id=\"prenomexp\" placeholder=\"Amadou\" oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"nom\">Name<\/label>\n <input type=\"text\" id=\"nomexp\" placeholder=\"Ndiaye\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <label for=\"adressexpi\">Adresse Exp\u00e9diteur<\/label>\n <input type=\"text\" id=\"adressexpi\" placeholder=\"Ex : Cit\u00e9 keur gorgui, dakar, s\u00e9n\u00e9gal\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <div class=\"dest\">\n <h4>Destinataire<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"prenom\">Pr\u00e9nom<\/label>\n <input type=\"text\" id=\"prenomdestinataire\" placeholder=\"Amadou\" oninput=\"updateSummary()\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"nom\">Name<\/label>\n <input type=\"text\" id=\"nomdestinataire\" placeholder=\"Ndiaye\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-6\">\n <label for=\"phone\">Num\u00e9ro de T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" id=\"phonedestinataire\" placeholder=\"Ex : +33 6 12345678\" oninput=\"updateSummary()\"\n pattern=\"[0-9]\" maxlength=\"15\">\n <\/div>\n <div class=\"col-lg-6\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"emaildestinataire\" placeholder=\"Ex : exemple@email.com\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <label for=\"email\">Adresse du Destinataire<\/label>\n <input type=\"text\" id=\"adressedestinataire\" placeholder=\"Ex : Cit\u00e9 keur gorgui, dakar, s\u00e9n\u00e9gal\" oninput=\"updateSummary()\">\n <\/div>\n <\/div>\n \n <div class=\"row\">\n <div class=\"col-lg-12\">\n <button type=\"submit\" name=\"submit\" value=\"submit\" onclick=\"submitToHubspot(event)\" id=\"redirect\" class=\"link\">\n Subscribe\n <\/button>\n <div class=\"valeur\" id=\"valeur\"><\/div>\n <\/div>\n <\/div>\n \n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"col-lg-4\">\n <div class=\"easy-summary\">\n <div class=\"summary\">\n <h3>Sommaire<\/h3>\n <ul id=\"summaryList\"><\/ul>\n <\/div>\n <button onclick=\"calculatePrice()\" type=\"submit\" value=\"submit\" id=\"submit\">Calculer le Prix<\/button>\n <div id=\"result\" class=\"result\"><\/div>\n <div id=\"priceEstimatif\" class=\"priceEstimatif\"><\/div>\n <div id=\"alert\" class=\"alert\"><\/div>\n <\/div>\n <div class=\"demandeMission\">\n <button type=\"button\" onclick=\"showContactFields()\" style=\"display:none; background-color: #FFF; padding: 12px 20px; border: 1px solid #FFF; color: #0d5369; font-size: 16px; font-weight: 500; border-radius: 65px; cursor: pointer; width: 100%;\" id=\"requestButton\">\n <a href=\"#nature_du_produits\" style=\"text-decoration: none; color: inherit;\">Request a quote<\/a>\n <\/button>\n <\/div>\n <div id=\"statusMessage\" style=\"display: none; font-size: 14px; margin-top: 10px;\"><\/div>\n <\/div>\n <\/div>\n\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n \n\n <div class=\"modal fade\" id=\"thankYouModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"thankYouModalLabel\"\n aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <h5 class=\"modal-title\" id=\"thankYouModalLabel\">Merci !<\/h5>\n Vos informations ont \u00e9t\u00e9 envoy\u00e9es avec succ\u00e8s. Merci pour votre demande !\n <\/div>\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn close-modal\" data-dismiss=\"modal\"\n id=\"closeModalFooterBtn\">Fermer<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n <\/div>\n\n\n <script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.slim.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.0.0\/dist\/js\/bootstrap.min.js\"><\/script>\n <script>\n const phone = document.getElementById('phone');\n const phonedestinataire = document.getElementById('phonedestinataire');\n\n phone.addEventListener('input', (event) => {\n phone.value = phone.value.replace(\/[^0-9+\\-\$\$\\s]\/g, '');\n });\n phonedestinataire.addEventListener('input', (event) => {\n phonedestinataire.value = phonedestinataire.value.replace(\/[^0-9+\\-\$\$\\s]\/g, '');\n });\n <\/script>\n <script>\n const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwpek6aV0WtF5JXYXeq_dG16mqkUEaacE7b3xrI6-YyHPkmPJmOz5ewL2GiYub-TTRZ\/exec';\n const tarifs = {\n \"france\": {\n \"senegal\": {\n \"tranches\": {\n \"0-1\": 8,\n \"2.0-2.9\": 8,\n \"3.0-3.9\": 8,\n \"4-5\": 8,\n \"6-7\": 8,\n \"8-10\": 8,\n \"11-15\": 8,\n \"16-20\": 8,\n \"21-25\": 8,\n \"26-30\": 8,\n \"31-100\": 7\n },\n \"options\": {\n \"pickupEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryHome\": { \"0-1\": 1.07, \"2.0-2.9\": 1.07, \"3.0-3.9\": 1.07, \"4-5\": 1.07, \"6-7\": 1.07, \"8-10\": 0.69, \"11-15\": 0.69, \"16-20\": 0.69, \"21-25\": 0.69, \"26-30\": 0.69, \"31-100\": 0.61 },\n \"pickupPoint\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 5.03, \"4-5\": 3.81, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 },\n \"pickupHome\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 5.03, \"4-5\": 3.81, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 }\n }\n }\n },\n \"senegal\": {\n \"france\": {\n \"tranches\": {\n \"0-1\": 8,\n \"2.0-2.9\": 8,\n \"3.0-3.9\": 8,\n \"4-5\": 8,\n \"6-7\": 8,\n \"8-10\": 8,\n \"11-15\": 8,\n \"16-20\": 8,\n \"21-25\": 8,\n \"26-30\": 8,\n \"31-100\": 7\n },\n \"options\": {\n \"deliveryEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"pickupEntrepot\": { \"0-1\": 0, \"2.0-2.9\": 0, \"3.0-3.9\": 0, \"4-5\": 0, \"6-7\": 0, \"8-10\": 0, \"11-15\": 0, \"16-20\": 0, \"21-25\": 0, \"26-30\": 0, \"31-100\": 0 },\n \"deliveryHome\": { \"0-1\": 11.43, \"2.0-2.9\": 6.86, \"3.0-3.9\": 3.62, \"4-5\": 2.97, \"6-7\": 2.90, \"8-10\": 2.29, \"11-15\": 1.98, \"16-20\": 1.75, \"21-25\": 1.37, \"26-30\": 1.14, \"31-100\": 1.14 },\n \"deliveryPoint\": { \"0-1\": 5.34, \"2.0-2.9\": 3.51, \"3.0-3.9\": 2.29, \"4-5\": 2.21, \"6-7\": 2.13, \"8-10\": 1.83, \"11-15\": 1.60, \"16-20\": 1.52, \"21-25\": 1.14, \"26-30\": 0.99, \"31-100\": 0.99 },\n \"pickupHome\": { \"0-1\": 1.07, \"2.0-2.9\": 1.07, \"3.0-3.9\": 1.07, \"4-5\": 1.07, \"6-7\": 1.07, \"8-10\": 0.69, \"11-15\": 0.69, \"16-20\": 0.69, \"21-25\": 0.69, \"26-30\": 0.69, \"31-100\": 0.61 }\n }\n }\n }\n };\n function displaySelection() { \n const selectedOption = document.querySelector('input[name=\"opt1\"]:checked').value;\n const selectedOption1 = document.querySelector('input[name=\"opt2\"]:checked').value;\n\n const resultDiv = document.getElementById(\"result\");\n if (selectedOption === \"option1\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Livraison \u00e0 domicile.\";\n } else if (selectedOption === \"option2\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Livraison au point relais.\";\n } else if (selectedOption === \"option3\") {\n resultDiv.innerText = \"Vous avez s\u00e9lectionn\u00e9 : Retrait en entrep\u00f4t.\";\n }\n }\n \n\n function updateCountryTo() {\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\");\n countryto.value = countryfrom === \"france\" ? \"senegal\" : \"france\";\n }\n\n function updateSummary() {\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n const phone = document.getElementById(\"phone\").value;\n const email = document.getElementById(\"email\").value;\n const weight = document.getElementById(\"weight\").value || 0;\n const length = document.getElementById(\"length\").value || 0;\n const width = document.getElementById(\"width\").value || 0;\n const height = document.getElementById(\"height\").value || 0;\n\n const pickupPoint = document.getElementById(\"pickupPoint\").checked ? \"D\u00e9p\u00f4t au point relais\" : \"\";\n const pickupHome = document.getElementById(\"pickupHome\").checked ? \"Ramassage \u00e0 domicile\" : \"\";\n const deliveryHome = document.getElementById(\"deliveryHome\").checked ? \"Livraison \u00e0 domicile\" : \"\";\n const deliveryPoint = document.getElementById(\"deliveryPoint\").checked ? \"Livraison au point relais\" : \"\";\n\n const summaryList = document.getElementById(\"summaryList\");\n summaryList.innerHTML = `\n <li>Pays de d\u00e9part : ${countryfrom.toUpperCase()}<\/li>\n <li>Pays de destination : ${countryto.toUpperCase()}<\/li>\n <li>Poids r\u00e9el (kg) : ${weight}<\/li>\n <li>Dimensions (cm) : ${length} x ${width} x ${height}<\/li>\n ${pickupPoint ? `<li>Option au d\u00e9part : ${pickupPoint}<\/li>` : \"\"}\n ${pickupHome ? `<li>Option au d\u00e9part : ${pickupHome}<\/li>` : \"\"}\n ${deliveryHome ? `<li>Option \u00e0 l'arriv\u00e9e : ${deliveryHome}<\/li>` : \"\"}\n ${deliveryPoint ? `<li>Option \u00e0 l'arriv\u00e9e : ${deliveryPoint}<\/li>` : \"\"}\n `;\n }\n\n function showError(inputId, message) {\n const errorField = document.getElementById(`${inputId}Error`);\n errorField.innerText = message;\n errorField.style.color = \"red\";\n }\n\n function clearErrors() {\n const errorFields = document.querySelectorAll(\".error\");\n errorFields.forEach(field => (field.innerText = \"\"));\n }\n\n function validateInputs() {\n clearErrors();\n\n let isValid = true;\n\n const inputsToValidate = [\n { id: \"countryfrom\", errorMessage: \"Veuillez s\u00e9lectionner un pays de d\u00e9part.\" },\n { id: \"countryto\", errorMessage: \"Veuillez s\u00e9lectionner un pays de destination.\" },\n { id: \"phone\", errorMessage: \"Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide.\" },\n { id: \"email\", errorMessage: \"Veuillez entrer une adresse email valide.\" },\n { id: \"weight\", errorMessage: \"Veuillez entrer un poids valide.\" },\n ];\n\n inputsToValidate.forEach(input => {\n const value = document.getElementById(input.id).value;\n if (!value || value <= 0) {\n showError(input.id, input.errorMessage);\n isValid = false;\n }\n });\n\n return isValid;\n }\n\n function seuilValeur() {\n const seuil = parseFloat(document.getElementById(\"valeurproduit\").value) || 0;\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n const seuilDiv = document.getElementById(\"valeur\");\n\n if (countryfrom === \"france\" && countryto === \"senegal\" && seuil >= 45) {\n seuilDiv.innerHTML = \"La valeur du produit est supperieur ou \u00e9gal \u00e0 45\u20ac. Un montant de TVA sera appliqu\u00e9 \u00e0 cette valeur.\";\n seuilDiv.style.color = \"\";\n }\n else if (countryfrom === \"senegal\" && countryto === \"france\" && seuil >= 200000) {\n seuilDiv.innerHTML = \"La valeur du produit est supperieur ou \u00e9gal \u00e0 200K. Il y'aura une application d'un d\u00e9douanement normal avec un paiement des 2\/3 de la facture douane.\";\n seuilDiv.style.color = \"\";\n }\n else {\n seuilDiv.innerHTML = \"\";\n }\n }\n\n document.getElementById(\"valeurproduit\").addEventListener(\"input\", seuilValeur);\n document.getElementById(\"countryfrom\").addEventListener(\"change\", seuilValeur);\n document.getElementById(\"countryto\").addEventListener(\"change\", seuilValeur);\n\n\n\n function calculatePrice(event) {\n event.preventDefault();\n\n if (!validateInputs()) {\n return;\n }\n\n const weight = parseFloat(document.getElementById(\"weight\").value);\n const length = parseFloat(document.getElementById(\"length\").value);\n const width = parseFloat(document.getElementById(\"width\").value);\n const height = parseFloat(document.getElementById(\"height\").value);\n const alertDiv = document.getElementById(\"alert\");\n const priceEstimDiv = document.getElementById(\"priceEstimatif\");\n\n alertDiv.innerHTML = \"\";\n\n \n\n const volumetricWeight = (length width * height) \/ 5000;\n const finalWeight = Math.max(weight, volumetricWeight);\n\n const tranche = weight <= 1 ? \"0-1\" :\n weight <= 2.9 ? \"2.0-2.9\" :\n weight <= 3.9 ? \"3.0-3.9\" :\n weight <= 5 ? \"4-5\" :\n weight <= 7 ? \"6-7\" :\n weight <= 10 ? \"8-10\" :\n weight <= 15 ? \"11-15\" :\n weight <= 20 ? \"16-20\" :\n weight <= 25 ? \"21-25\" :\n weight <= 30 ? \"26-30\" :\n weight <= 100 ? \"31-50\" : null;\n\n if (!tranche) {\n alertDiv.innerHTML = \"Le poids d\u00e9passe 50 kg. Veuillez nous contacter.\";\n return;\n }\n\n const countryfrom = document.getElementById(\"countryfrom\").value;\n const countryto = document.getElementById(\"countryto\").value;\n\n\n const basePricePerUnit = tarifs[countryfrom]?.[countryto]?.tranches?.[tranche] || 0;\n const totalBasePrice = basePricePerUnit * weight;\n\n\n let optionsPrice = 0;\n if (document.getElementById(\"deliveryHome\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.deliveryHome?.[tranche] || 0) * weight;\n if (document.getElementById(\"deliveryPoint\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.deliveryPoint?.[tranche] || 0) * weight;\n if (document.getElementById(\"pickupPoint\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.pickupPoint?.[tranche] || 0) * weight;\n if (document.getElementById(\"pickupHome\").checked) optionsPrice += (tarifs[countryfrom]?.[countryto]?.options?.pickupHome?.[tranche] || 0) * weight;\n\n const totalPrice = totalBasePrice + optionsPrice;\n\n\n document.querySelector(\".result\").innerHTML = `Montant total : ${totalPrice.toFixed(2)} \u20ac`;\n document.querySelector(\".priceEstimatif\").innerHTML = `Ce montant est une estimation et peut varier en fonction des dimensions et la valeur du colis.`;\n document.getElementById(\"requestButton\").style.display = \"block\";\n\n if (totalPrice >= 200) {\n document.getElementById(\"alert\").innerText = \"Montant hors taxe (TVA non incluse).\";\n }\n\n const form = document.forms[\"contact-form\"];\n fetch(scriptURL, {\n method: \"POST\",\n body: new FormData(form)\n })\n .then(response => {\n ;\n })\n .catch(error => {\n alert(\"Une erreur s'est produite lors de l'envoi des donn\u00e9es.\");\n });\n }\n\n document.getElementById(\"submit\").addEventListener(\"click\", calculatePrice);\n\n function showContactFields() {\n document.getElementById(\"contactFields\").style.display = \"block\";\n }\n\n function updateSelectedOptions() {\n const selectedDepartOption = document.querySelector('input[name=\"opt1\"]:checked').value;\n document.getElementById(\"optionAuDepart\").value = selectedDepartOption;\n\n const selectedArriveeOption = document.querySelector('input[name=\"opt2\"]:checked').value;\n document.getElementById(\"optionALarrivee\").value = selectedArriveeOption;\n }\n\n function submitToHubspot(event) {\n event.preventDefault();\n\n\n updateSelectedOptions();\n\n const fields = {\n \"fields\": [\n { \"name\": \"countryfrom\", \"value\": document.getElementById(\"countryfrom\").value },\n { \"name\": \"countryto\", \"value\": document.getElementById(\"countryto\").value },\n { \"name\": \"codescountry\", \"value\": document.getElementById(\"codescountry\").value },\n { \"name\": \"phone\", \"value\": document.getElementById(\"phone\").value },\n { \"name\": \"email\", \"value\": document.getElementById(\"email\").value },\n { \"name\": \"weight\", \"value\": document.getElementById(\"weight\").value },\n { \"name\": \"length\", \"value\": document.getElementById(\"length\").value || \"0\" },\n { \"name\": \"width\", \"value\": document.getElementById(\"width\").value || \"0\" },\n { \"name\": \"height\", \"value\": document.getElementById(\"height\").value || \"0\" },\n { \"name\": \"nature_du_produits\", \"value\": document.getElementById(\"nature_du_produits\").value },\n { \"name\": \"valeurproduit\", \"value\": document.getElementById(\"valeurproduit\").value },\n { \"name\": \"optionDepart\", \"value\": document.getElementById(\"optionAuDepart\").value },\n { \"name\": \"optionArrivee\", \"value\": document.getElementById(\"optionALarrivee\").value },\n { \"name\": \"adressedestinataire\", \"value\": document.getElementById(\"adressedestinataire\").value },\n { \"name\": \"emaildestinataire\", \"value\": document.getElementById(\"emaildestinataire\").value },\n { \"name\": \"phonedestinataire\", \"value\": document.getElementById(\"phonedestinataire\").value },\n { \"name\": \"nomdestinataire\", \"value\": document.getElementById(\"nomdestinataire\").value },\n { \"name\": \"prenomdestinataire\", \"value\": document.getElementById(\"prenomdestinataire\").value },\n { \"name\": \"adressexpi\", \"value\": document.getElementById(\"adressexpi\").value },\n { \"name\": \"prenomexp\", \"value\": document.getElementById(\"prenomexp\").value },\n ]\n };\n\n const hubspotURL = \"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/26523294\/57841202-6467-4964-94d7-47edaf2332f7\";\n\n fetch(hubspotURL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify(fields)\n })\n .then(response => {\n if (response.ok) {\n $('#thankYouModal').modal('show');\n } else {\n alert(\"Erreur lors de l'envoi des donn\u00e9es \u00e0 HubSpot.\");\n }\n })\n .catch(error => {\n console.error(\"Erreur lors de la soumission \u00e0 HubSpot:\", error);\n alert(\"Une erreur est survenue. Veuillez r\u00e9essayer.\");\n });\n }\n\n function resetForm() {\n document.querySelector(\"form[name='contact-form']\").reset();\n }\n\n $('#thankYouModal').on('hidden.bs.modal', function () {\n resetForm();\n });\n\n document.getElementById(\"closeModalBtn\").addEventListener(\"click\", resetForm);\n document.getElementById(\"closeModalFooterBtn\").addEventListener(\"click\", resetForm);\n\n <\/script>\n <script>\n const apiUrl = 'https:\/\/restcountries.com\/v3.1\/all';\n\n const datalist = document.getElementById(\"countryCodes\");\n const countryCodeInput = document.getElementById(\"codescountry\");\n const selectedCode = document.getElementById(\"selectedCode\");\n const phoneNumberInput = document.getElementById(\"phone\");\n\n async function fetchCountryCodes() {\n try {\n const response = await fetch(apiUrl);\n if (!response.ok) throw new Error('Erreur lors du chargement des donn\u00e9es');\n\n const countries = await response.json();\n\n countries.forEach(country => {\n if (country.idd?.root && country.idd?.suffixes) {\n const code = `${country.idd.root}${country.idd.suffixes[0]}`;\n const name = country.name.common;\n\n const option = document.createElement(\"option\");\n option.value = `${code} (${name})`;\n datalist.appendChild(option);\n }\n });\n status.textContent = \"\";\n } catch (error) {\n console.error(error);\n status.textContent = \"Erreur de chargement des indicatifs.\";\n status.classList.add(\"error\");\n }\n }\n\n function updateSelectedCode() {\n const value = countryCodeInput.value.split(\" \")[0];\n selectedCode.textContent = value || \"+\";\n updateFullPhoneNumber();\n }\n\n function updateFullPhoneNumber() {\n const code = selectedCode.textContent;\n const number = phoneNumberInput.value;\n fullPhoneNumberDisplay.textContent = number\n ? `Num\u00e9ro complet : ${code}${number}`\n : \"\";\n }\n\n countryCodeInput.addEventListener(\"input\", updateSelectedCode);\n phoneNumberInput.addEventListener(\"input\", updateFullPhoneNumber);\n\n fetchCountryCodes();\n <\/script>\n\n\n\n<\/body>\n\n<\/html>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><\/div><div class=\"grve-background-wrapper\"> <div class=\"grve-bg-image grve-bg-image-id-17145 lazyload\" data-bgset=\"https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1.jpg 1920w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-300x169.jpg 300w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1024x576.jpg 1024w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-768x432.jpg 768w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1536x864.jpg 1536w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-18x10.jpg 18w, https:\/\/papslogistics.com\/wp-content\/uploads\/Sans-titre-1-1390x782.jpg 1390w\" data-sizes=\"auto\"><\/div> <div class=\"grve-bg-overlay grve-bg-primary-2 grve-opacity-10\"><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Paps Easy Colis Calcul de Prix d'Envoi Pays de D\u00e9part * France S\u00e9n\u00e9gal Pays de Destination * S\u00e9n\u00e9gal France Num\u00e9ro de T\u00e9l\u00e9phone * Adresse Email * Poids R\u00e9el (kg) * Longueur (cm) Largeur (cm) Hauteur (cm) Option(s) au d\u00e9part D\u00e9p\u00f4t \u00e0 l'entrepot D\u00e9p\u00f4t au point relais Ramassage \u00e0 domicile Option(s) \u00e0 l'arriv\u00e9e Livraison \u00e0 l'entrepot [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17043","page","type-page","status-publish","hentry","grve-entry-item"],"yoast_head":"\n<title>Shipping Calculator - Paps Easy Colis - Paps Logistique<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shipping Calculator - Paps Easy Colis - Paps Logistique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/\" \/>\n<meta property=\"og:site_name\" content=\"Paps Logistique\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T00:06:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\",\"url\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\",\"name\":\"Shipping Calculator - Paps Easy Colis - Paps Logistique\",\"isPartOf\":{\"@id\":\"https:\/\/papslogistics.com\/#website\"},\"datePublished\":\"2024-12-02T16:28:04+00:00\",\"dateModified\":\"2025-01-07T00:06:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/papslogistics.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shipping Calculator – Paps Easy Colis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/papslogistics.com\/#website\",\"url\":\"https:\/\/papslogistics.com\/\",\"name\":\"Paps Logistique\",\"description\":\"Une exp\u00e9rience de logistique unique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/papslogistics.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n","yoast_head_json":{"title":"Shipping Calculator - Paps Easy Colis - Paps Logistique","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/","og_locale":"en_GB","og_type":"article","og_title":"Shipping Calculator - Paps Easy Colis - Paps Logistique","og_url":"https:\/\/papslogistics.com\/en\/shipping-calculator-paps-easy-colis\/","og_site_name":"Paps Logistique","article_modified_time":"2025-01-07T00:06:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/","url":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/","name":"Shipping Calculator - Paps Easy Colis - Paps Logistique","isPartOf":{"@id":"https:\/\/papslogistics.com\/#website"},"datePublished":"2024-12-02T16:28:04+00:00","dateModified":"2025-01-07T00:06:17+00:00","breadcrumb":{"@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/papslogistics.com\/shipping-calculator-paps-easy-colis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/papslogistics.com\/"},{"@type":"ListItem","position":2,"name":"Shipping Calculator – Paps Easy Colis"}]},{"@type":"WebSite","@id":"https:\/\/papslogistics.com\/#website","url":"https:\/\/papslogistics.com\/","name":"Paps Logistique","description":"An unparalleled logistic experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/papslogistics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages\/17043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/comments?post=17043"}],"version-history":[{"count":0,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages\/17043\/revisions"}],"wp:attachment":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/media?parent=17043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}