{"id":107,"date":"2026-05-05T18:33:53","date_gmt":"2026-05-05T18:33:53","guid":{"rendered":"https:\/\/www.papafly.fr\/?page_id=107"},"modified":"2026-05-06T16:31:53","modified_gmt":"2026-05-06T16:31:53","slug":"commande","status":"publish","type":"page","link":"https:\/\/www.papafly.fr\/en\/commande\/","title":{"rendered":"Commander une voile"},"content":{"rendered":"        <div class=\"papa-commande-wrapper papa-theme-light\" style=\"--papa-custom-font-size:18px;--papa-custom-text:#1f2937;--papa-custom-muted:#6b7280;--papa-custom-field-bg:#ffffff;--papa-custom-field-text:#111827;--papa-custom-border:#cbd5e1;--papa-custom-panel:#f8fafc;--papa-custom-button-bg:#0087a8;--papa-custom-button-text:#ffffff;--papa-custom-button-radius:40px;--papa-custom-table-head-bg:#f1f5f9;--papa-custom-table-head-text:#111827;--papa-custom-table-row-bg:#ffffff;--papa-custom-table-row-text:#1f2937;--papa-custom-table-border:#cbd5e1;\">\n                        <form method=\"post\" class=\"papa-commande-form\" id=\"papa-commande-form\">\n                <input type=\"hidden\" id=\"papa_commande_nonce\" name=\"papa_commande_nonce\" value=\"47540fe91d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/107\" \/>\n                                    <p>\n                        <label>Mod\u00e8le *<\/label><br>\n                                                    <select name=\"papa_fields[modele]\" required>\n                                <option value=\"\" data-price=\"0\">Choisir<\/option>\n                                                                    <option value=\"Papente 5m2\" data-price=\"650\">\n                                        Papente 5m2 - 650,00 \u20ac                                    <\/option>\n                                                                    <option value=\"Papa-Kite 8m2\" data-price=\"800\">\n                                        Papa-Kite 8m2 - 800,00 \u20ac                                    <\/option>\n                                                            <\/select>\n                                            <\/p>\n                                    <p>\n                        <label>Couleur *<\/label><br>\n                                                    <select name=\"papa_fields[couleur]\" required>\n                                <option value=\"\" data-price=\"0\">Choisir<\/option>\n                                                                    <option value=\"Vert \/ Bleu\" data-price=\"0\">\n                                        Vert \/ Bleu                                    <\/option>\n                                                            <\/select>\n                                            <\/p>\n                                    <p>\n                        <label>Nom Personnalis\u00e9<\/label><br>\n                                                    <input type=\"text\" name=\"papa_fields[nom-personnalise]\" data-price=\"50\" >\n                                                            <small>Prix ajout\u00e9 si ce champ est rempli : 50,00 \u20ac<\/small>\n                                                                        <\/p>\n                                    <p>\n                        <label>Livraison *<\/label><br>\n                                                    <select name=\"papa_fields[livraison]\" required>\n                                <option value=\"\" data-price=\"0\">Choisir<\/option>\n                                                                    <option value=\"France\" data-price=\"15\">\n                                        France - 15,00 \u20ac                                    <\/option>\n                                                                    <option value=\"Europe\" data-price=\"30\">\n                                        Europe - 30,00 \u20ac                                    <\/option>\n                                                                    <option value=\"Monde\" data-price=\"50\">\n                                        Monde - 50,00 \u20ac                                    <\/option>\n                                                            <\/select>\n                                            <\/p>\n                \n                <p>\n                    <label>Email *<\/label><br>\n                    <input type=\"email\" name=\"papa_email\" required>\n                <\/p>\n\n                <p>\n                    <label>Num\u00e9ro de t\u00e9l\u00e9phone *<\/label><br>\n                    <input type=\"tel\" name=\"papa_phone\" required>\n                <\/p>\n\n                <p class=\"papa-total-line\"><strong>Total estim\u00e9 : <span id=\"papa-total-estime\">0,00 \u20ac<\/span><\/strong><\/p>\n\n                <p><button type=\"submit\" name=\"papa_commande_submit\" value=\"1\">Valider ma commande<\/button><\/p>\n            <\/form>\n        <\/div>\n\n        <style>\n            .papa-commande-wrapper {\n                --papa-bg: #ffffff;\n                --papa-text: #1f2937;\n                --papa-muted: #6b7280;\n                --papa-field-bg: #ffffff;\n                --papa-field-text: #111827;\n                --papa-border: #cbd5e1;\n                --papa-panel: #f8fafc;\n                --papa-success-bg: #ecfdf5;\n                --papa-success-text: #065f46;\n                --papa-success-border: #10b981;\n                --papa-error-bg: #fef2f2;\n                --papa-error-text: #991b1b;\n                --papa-error-border: #ef4444;\n                --papa-button-bg: #111827;\n                --papa-button-text: #ffffff;\n                color: var(--papa-text);\n                font-size: var(--papa-custom-font-size);\n                --papa-text: var(--papa-custom-text);\n                --papa-muted: var(--papa-custom-muted);\n                --papa-field-bg: var(--papa-custom-field-bg);\n                --papa-field-text: var(--papa-custom-field-text);\n                --papa-border: var(--papa-custom-border);\n                --papa-panel: var(--papa-custom-panel);\n                --papa-button-bg: var(--papa-custom-button-bg);\n                --papa-button-text: var(--papa-custom-button-text);\n            }\n\n            .papa-commande-wrapper.papa-theme-dark {\n                --papa-bg: #111827;\n                --papa-text: #f9fafb;\n                --papa-muted: #d1d5db;\n                --papa-field-bg: #1f2937;\n                --papa-field-text: #ffffff;\n                --papa-border: #4b5563;\n                --papa-panel: #1f2937;\n                --papa-success-bg: #052e1b;\n                --papa-success-text: #bbf7d0;\n                --papa-success-border: #22c55e;\n                --papa-error-bg: #450a0a;\n                --papa-error-text: #fecaca;\n                --papa-error-border: #ef4444;\n                --papa-button-bg: #ffffff;\n                --papa-button-text: #111827;\n                --papa-text: var(--papa-custom-text);\n                --papa-muted: var(--papa-custom-muted);\n                --papa-field-bg: var(--papa-custom-field-bg);\n                --papa-field-text: var(--papa-custom-field-text);\n                --papa-border: var(--papa-custom-border);\n                --papa-panel: var(--papa-custom-panel);\n                --papa-button-bg: var(--papa-custom-button-bg);\n                --papa-button-text: var(--papa-custom-button-text);\n            }\n\n            .papa-commande-form {\n                max-width: 620px;\n                color: var(--papa-text);\n            }\n\n            .papa-commande-form label {\n                color: var(--papa-text);\n                font-weight: 700;\n            }\n\n            .papa-commande-form input,\n            .papa-commande-form select {\n                width: 100%;\n                padding: 10px;\n                box-sizing: border-box;\n                background: var(--papa-field-bg);\n                color: var(--papa-field-text);\n                border: 1px solid var(--papa-border);\n                border-radius: 4px;\n            }\n\n            .papa-commande-form small {\n                color: var(--papa-muted);\n            }\n\n            .papa-commande-form button {\n                padding: 10px 18px;\n                cursor: pointer;\n                background: var(--papa-button-bg);\n                color: var(--papa-button-text);\n                border: 1px solid var(--papa-button-bg);\n                border-radius: var(--papa-custom-button-radius);\n                font-weight: 700;\n            }\n\n            .papa-commande-form button:hover {\n                opacity: 0.9;\n            }\n\n            .papa-total-line {\n                padding: 12px;\n                background: var(--papa-panel);\n                color: var(--papa-text);\n                border: 1px solid var(--papa-border);\n                border-radius: 4px;\n            }\n\n            .papa-total-line strong,\n            .papa-total-line span {\n                color: var(--papa-text);\n            }\n\n            .papa-message {\n                padding: 12px;\n                margin-bottom: 15px;\n                border-radius: 4px;\n                font-weight: 600;\n            }\n\n            .papa-success {\n                background: var(--papa-success-bg);\n                border: 1px solid var(--papa-success-border);\n                color: var(--papa-success-text);\n            }\n\n            .papa-error {\n                background: var(--papa-error-bg);\n                border: 1px solid var(--papa-error-border);\n                color: var(--papa-error-text);\n            }\n        <\/style>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function () {\n                const form = document.getElementById('papa-commande-form');\n                const totalEl = document.getElementById('papa-total-estime');\n\n                if (!form || !totalEl) {\n                    return;\n                }\n\n                function formatPrice(amount) {\n                    return amount.toLocaleString('fr-FR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' \u20ac';\n                }\n\n                function calculateTotal() {\n                    let total = 0;\n\n                    form.querySelectorAll('select').forEach(function (select) {\n                        const option = select.options[select.selectedIndex];\n                        total += parseFloat(option ? option.dataset.price || '0' : '0') || 0;\n                    });\n\n                    form.querySelectorAll('input[type=\"text\"][data-price]').forEach(function (input) {\n                        if (input.value.trim() !== '') {\n                            total += parseFloat(input.dataset.price || '0') || 0;\n                        }\n                    });\n\n                    totalEl.textContent = formatPrice(total);\n                }\n\n                form.addEventListener('change', calculateTotal);\n                form.addEventListener('input', calculateTotal);\n                calculateTotal();\n            });\n        <\/script>\n        \n\n\n\n<p class=\"wp-block-paragraph\">Liste d&rsquo;attente :<\/p>\n\n\n            <table class=\"papa-liste-attente papa-theme-light\" style=\"--papa-custom-font-size:18px;--papa-custom-text:#1f2937;--papa-custom-muted:#6b7280;--papa-custom-field-bg:#ffffff;--papa-custom-field-text:#111827;--papa-custom-border:#cbd5e1;--papa-custom-panel:#f8fafc;--papa-custom-button-bg:#0087a8;--papa-custom-button-text:#ffffff;--papa-custom-button-radius:40px;--papa-custom-table-head-bg:#f1f5f9;--papa-custom-table-head-text:#111827;--papa-custom-table-row-bg:#ffffff;--papa-custom-table-row-text:#1f2937;--papa-custom-table-border:#cbd5e1;\">\n                <thead>\n                    <tr>\n                        <th>Position<\/th>\n                        <th>Commande<\/th>\n                        <th>Statut<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                            <tr>\n                            <td>1<\/td>\n                            <td>PC-0001<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>2<\/td>\n                            <td>PC-0002<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>3<\/td>\n                            <td>PC-0003<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>4<\/td>\n                            <td>PC-0004<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>5<\/td>\n                            <td>PC-0005<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>6<\/td>\n                            <td>PC-0006<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                            <tr>\n                            <td>7<\/td>\n                            <td>PC-0007<\/td>\n                            <td>Fini<\/td>\n                        <\/tr>\n                                    <\/tbody>\n            <\/table>\n                <style>\n            .papa-liste-attente {\n                --papa-table-head-bg: #f1f5f9;\n                --papa-table-head-text: #111827;\n                --papa-table-row-bg: #ffffff;\n                --papa-table-row-text: #1f2937;\n                --papa-table-border: #cbd5e1;\n                width: 100%;\n                border-collapse: collapse;\n                font-size: var(--papa-custom-font-size);\n                --papa-table-head-bg: var(--papa-custom-table-head-bg);\n                --papa-table-head-text: var(--papa-custom-table-head-text);\n                --papa-table-row-bg: var(--papa-custom-table-row-bg);\n                --papa-table-row-text: var(--papa-custom-table-row-text);\n                --papa-table-border: var(--papa-custom-table-border);\n                color: var(--papa-table-row-text);\n            }\n\n            .papa-liste-attente.papa-theme-dark {\n                --papa-table-head-bg: #111827;\n                --papa-table-head-text: #ffffff;\n                --papa-table-row-bg: #1f2937;\n                --papa-table-row-text: #f9fafb;\n                --papa-table-border: #4b5563;\n                --papa-table-head-bg: var(--papa-custom-table-head-bg);\n                --papa-table-head-text: var(--papa-custom-table-head-text);\n                --papa-table-row-bg: var(--papa-custom-table-row-bg);\n                --papa-table-row-text: var(--papa-custom-table-row-text);\n                --papa-table-border: var(--papa-custom-table-border);\n            }\n\n            .papa-liste-attente th,\n            .papa-liste-attente td {\n                border: 1px solid var(--papa-table-border);\n                padding: 10px;\n                text-align: left;\n            }\n\n            .papa-liste-attente th {\n                background: var(--papa-table-head-bg);\n                color: var(--papa-table-head-text);\n                font-weight: 700;\n            }\n\n            .papa-liste-attente td {\n                background: var(--papa-table-row-bg);\n                color: var(--papa-table-row-text);\n            }\n        <\/style>\n        \n","protected":false},"excerpt":{"rendered":"<p>Liste d&rsquo;attente :<\/p>","protected":false},"author":1,"featured_media":29,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-107","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":7,"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/pages\/107\/revisions\/232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/media\/29"}],"wp:attachment":[{"href":"https:\/\/www.papafly.fr\/en\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}