{"id":17062,"date":"2024-12-02T19:58:13","date_gmt":"2024-12-02T19:58:13","guid":{"rendered":"https:\/\/papslogistics.com\/?page_id=17062"},"modified":"2024-12-13T10:58:47","modified_gmt":"2024-12-13T10:58:47","slug":"shipping-calculator-mise-a-disposition","status":"publish","type":"page","link":"https:\/\/papslogistics.com\/en\/shipping-calculator-mise-a-disposition\/","title":{"rendered":"Shipping Calculator &#8211; Mise \u00e0 disposition"},"content":{"rendered":"<div class=\"grve-section grve-row-section grve-fullwidth grve-with-bg-transparent grve-mobile-row-hide\" data-header-color=\"default\"><div class=\"grve-container\"><div class=\"grve-row grve-bookmark grve-columns-gap-default grve-mobile-vertical-gap-30\"><div class=\"grve-column wpb_column grve-bookmark grve-column-1 grve-wpb-1734036454954 grve-vertical-position-middle grve-with-bg-image\"><div class=\"grve-column-wrapper\"><div class=\"grve-column-content\" ><div class=\"grve-column-inner wpb_column grve-column-1  grve-with-bg-transparent grve-empty-column\"><div class=\"grve-column-wrapper-inner\"><div class=\"grve-column-inner-content\" ><\/div><\/div><\/div><div class=\"grve-inner-section grve-padding-top-3x grve-with-bg-transparent\"><div class=\"grve-row-inner grve-bookmark grve-columns-gap-default grve-mobile-vertical-gap-30\"><div class=\"grve-column-inner wpb_column grve-column-1  grve-vertical-position-middle grve-with-bg-transparent\"><div class=\"grve-column-wrapper-inner\"><div class=\"grve-column-inner-content\" >\r\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Calcul de Mise \u00e0 Disposition<\/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    <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        .mad {\n            width: 980px;\n            margin: auto;\n            background: #fff;\n            padding: 50px 60px;\n            border-radius: 10px;\n            font-family: \"Ubuntu\", sans-serif;\n        }\n\n        h1 {\n            font-size: 20px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        label {\n            font-size: 14px;\n            margin-bottom: 8px;\n            display: block;\n        }\n\n        button {\n            width: 100%;\n            padding: 10px;\n            margin-bottom: 15px;\n            border: 1px solid #ddd;\n            border-radius: 5px;\n            font-size: 14px;\n        }\n\n        button {\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: #2384a4;\n            border-color: #399EBF;\n        }\n\n        .result {\n            margin-top: 20px;\n            font-size: 16px;\n            font-weight: bold;\n            text-align: center;\n        }\n\n        .redirect-link {\n            display: block;\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .redirect-link a {\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            text-decoration: none;\n            font-weight: bold;\n        }\n\n        .redirect-link a:hover {\n            text-decoration: underline;\n        }\n\n        .header-mad h1 {\n            font-family: \"Ubuntu\", serif;\n            font-weight: 600;\n            font-size: 28px;\n        }\n\n        .header-mad {\n            margin-bottom: 50px;\n        }\n\n        .btn-mad {\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        .summary h3{\n            font-size: 16px;\n        }\n\n        .summary ul {\n            list-style: none;\n            padding: 0;\n        }\n\n        .summary ul li {\n            margin-bottom: 10px;\n        }\n\n        .back-home {\n            width: 20%;\n            margin-bottom: 10%;\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        select, input[type=date], input[type=email], input[type=input], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], 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        .col-lg-6{\n            padding: 10px;\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"mad\">\n        <div class=\"header-mad\">\n            <h1>Mise \u00e0 Disposition<\/h1>\n        <\/div>\n            <div class=\"row\">\n                <div class=\"col-lg-6\">\n                    <div class=\"row\">\n                        <div class=\"col-lg-6\">\n                            <label>Nom de l'entreprise<\/label>\n                            <input type=\"text\" id=\"entreprise\" placeholder=\"Nom de l'entreprise\" name=\"Nom de l'entreprise\">\n                        <\/div>\n            \n                        <div class=\"col-lg-6\">\n                            <label>Phone number<\/label>\n                            <input type=\"tel\" id=\"phone\" placeholder=\"Entrez le num\u00e9ro\" maxlength=\"15\" pattern=\"[0-9]*\"\n                                oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'');\" name=\"Phone Number\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-lg-6\">\n                            <label for=\"vehicle\">Type de V\u00e9hicule :<\/label>\n                            <select id=\"vehicle\" onchange=\"updateSummary()\" name=\"Type de V\u00e9hicule\">\n                                <option value=\"\">--Choisir--<\/option>\n                                <option value=\"scooter\">Scooter<\/option>\n                                <option value=\"minivan\">Mini Van<\/option>\n                                <option value=\"van\">Van<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"col-lg-6\">\n                            <label for=\"zone\">Zone de Prestation :<\/label>\n                            <select id=\"zone\" onchange=\"updateSummary()\" name=\"Zone de Prestation\">\n                                <option value=\"\">--Choisir--<\/option>\n                                <option value=\"dakar\">Dakar<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n            \n                    <div class=\"row\">\n                        <div class=\"col-lg-6\">\n                            <label for=\"mission\">Type de Mission :<\/label>\n                            <select id=\"mission\" onchange=\"updateSummary()\" name=\"Type de mission\">\n                                <option value=\"\">--Choisir--<\/option>\n                                <option value=\"ponctuel\">Ponctuel<\/option>\n                                <option value=\"abonnement\">Abonnement<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"col-lg-6\">\n                            <label>Adresse mail<\/label>\n                            <input type=\"email\" id=\"email\" placeholder=\"Exemple@exemple.com\" name=\"Adresse Email\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"col-lg-6\">\n                    <div class=\"summary\" id=\"summary\">\n                        <h3>Sommaire<\/h3>\n                        <ul id=\"summaryList\"><\/ul>\n                    <\/div>\n            \n                    <div class=\"btn-mad\">\n                        <button onclick=\"calculatePrice()\">Calculer le Montant<\/button>\n                    <\/div>\n            \n                    <div id=\"result\" class=\"result\"><\/div>\n                    <div class=\"redirect-link\" id=\"redirect\"><\/div>\n                <\/div>\n            <\/div>\n        \n\n        \n    <\/div>\n\n    <script>\n        const tarifs = {\n            \"scooter\": {\n                \"dakar\": { \"ponctuel\": 15000, \"abonnement\": 314270 },\n            },\n            \"minivan\": {\n                \"dakar\": { \"ponctuel\": 45300, \"abonnement\": 718300 },\n            },\n            \"van\": {\n                \"dakar\": { \"ponctuel\": 53350, \"abonnement\": 933350 },\n            }\n        };\n\n        function updateSummary() {\n            const vehicle = document.getElementById(\"vehicle\").value;\n            const zone = document.getElementById(\"zone\").value;\n            const mission = document.getElementById(\"mission\").value;\n\n            const summaryList = document.getElementById(\"summaryList\");\n            summaryList.innerHTML = `\n                <li>Type de V\u00e9hicule : ${vehicle || \"Non s\u00e9lectionn\u00e9\"}<\/li>\n                <li>Zone de Prestation : ${zone || \"Non s\u00e9lectionn\u00e9\"}<\/li>\n                <li>Type de Mission : ${mission || \"Non s\u00e9lectionn\u00e9\"}<\/li>\n            `;\n        }\n\n        function calculatePrice() {\n            const vehicle = document.getElementById(\"vehicle\").value;\n            const zone = document.getElementById(\"zone\").value;\n            const mission = document.getElementById(\"mission\").value;\n            const redirectDiv = document.getElementById(\"redirect\");\n            const resultDiv = document.getElementById(\"result\");\n\n            \/\/ Clear previous messages\n            resultDiv.innerHTML = \"\";\n            redirectDiv.innerHTML = \"\";\n\n            \/\/ Validate inputs\n            if (!vehicle || !zone || !mission) {\n                alert(\"Veuillez remplir tous les champs correctement.\");\n                return;\n            }\n\n            \/\/ Calculate price\n            const montant = tarifs[vehicle]?.[zone]?.[mission];\n\n            if (montant) {\n                resultDiv.innerHTML = `Montant total : ${montant} F CFA`;\n                redirectDiv.innerHTML = `<a href=\"javascript:redirectLink()\" style=\"border: 1px solid #399EBF; padding: 12px 100px; color: #399EBF; font-size: 16px; border-radius: 65px; cursor: pointer; text-decoration: none;\">Faire une demande de mission<\/a>`;\n            } else {\n                resultDiv.innerHTML = \"Aucune donn\u00e9e disponible pour cette s\u00e9lection.\";\n            }\n        }\n        function redirectLink() {\n                const data = {\n                    email: document.getElementById(\"email\").value,\n                    phone: document.getElementById(\"phone\").value,\n                    vehicle: document.getElementById(\"vehicle\").value,\n                    mission: document.getElementById(\"weight\").value,\n                    zone: document.getElementById(\"zone\").value,\n                    entreprise: document.getElementById(\"entreprise\").value,\n                };\n\n                fetch(\"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/26523294\/9c4eaefc-a8a2-458c-8702-2e9fb13bbec8\", {\n                    method: \"POST\",\n                    headers: {\n                        \"Content-Type\": \"application\/json\",\n                    },\n                    body: JSON.stringify({\n                        fields: Object.keys(data).map(key => ({\n                            name: key,\n                            value: data[key]\n                        }))\n                    })\n                }).then(response => {\n                    if (response.ok) {\n                        alert(\"Demande envoy\u00e9e avec succ\u00e8s \u00e0 HubSpot !\");\n                    } else {\n                        alert(\"Erreur lors de l'envoi \u00e0 HubSpot.\");\n                    }\n                }).catch(() => {\n                    alert(\"Erreur de connexion lors de l'envoi \u00e0 HubSpot.\");\n                });\n            }\n    <\/script>\n<\/body>\n\n<\/html>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><\/div><div class=\"grve-empty-space grve-height-4x\"><\/div><\/div><div class=\"grve-background-wrapper\">  <div class=\"grve-bg-image grve-bg-center-center 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><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Calcul de Mise \u00e0 Disposition Mise \u00e0 Disposition Nom de l'entreprise T\u00e9l\u00e9phone Type de V\u00e9hicule : --Choisir-- Scooter Mini Van Van Zone de Prestation : --Choisir-- Dakar Type de Mission : --Choisir-- Ponctuel Abonnement Adresse mail Sommaire Calculer le Montant","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17062","page","type-page","status-publish","hentry","grve-entry-item"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shipping Calculator - Mise \u00e0 disposition - 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-mise-a-disposition\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shipping Calculator - Mise \u00e0 disposition - Paps Logistique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/papslogistics.com\/en\/shipping-calculator-mise-a-disposition\/\" \/>\n<meta property=\"og:site_name\" content=\"Paps Logistique\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-13T10:58:47+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-mise-a-disposition\/\",\"url\":\"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/\",\"name\":\"Shipping Calculator - Mise \u00e0 disposition - Paps Logistique\",\"isPartOf\":{\"@id\":\"https:\/\/papslogistics.com\/#website\"},\"datePublished\":\"2024-12-02T19:58:13+00:00\",\"dateModified\":\"2024-12-13T10:58:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/papslogistics.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shipping Calculator &#8211; Mise \u00e0 disposition\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Shipping Calculator - Mise \u00e0 disposition - 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-mise-a-disposition\/","og_locale":"en_GB","og_type":"article","og_title":"Shipping Calculator - Mise \u00e0 disposition - Paps Logistique","og_url":"https:\/\/papslogistics.com\/en\/shipping-calculator-mise-a-disposition\/","og_site_name":"Paps Logistique","article_modified_time":"2024-12-13T10:58:47+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-mise-a-disposition\/","url":"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/","name":"Shipping Calculator - Mise \u00e0 disposition - Paps Logistique","isPartOf":{"@id":"https:\/\/papslogistics.com\/#website"},"datePublished":"2024-12-02T19:58:13+00:00","dateModified":"2024-12-13T10:58:47+00:00","breadcrumb":{"@id":"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/papslogistics.com\/shipping-calculator-mise-a-disposition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/papslogistics.com\/"},{"@type":"ListItem","position":2,"name":"Shipping Calculator &#8211; Mise \u00e0 disposition"}]},{"@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\/17062","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=17062"}],"version-history":[{"count":0,"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/pages\/17062\/revisions"}],"wp:attachment":[{"href":"https:\/\/papslogistics.com\/en\/wp-json\/wp\/v2\/media?parent=17062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}