{"id":2261,"date":"2024-08-16T12:45:09","date_gmt":"2024-08-16T11:45:09","guid":{"rendered":"https:\/\/suricate.ch\/folgen-sie\/"},"modified":"2024-11-09T11:56:45","modified_gmt":"2024-11-09T10:56:45","slug":"folgen-sie","status":"publish","type":"page","link":"https:\/\/suricate.ch\/de\/folgen-sie\/","title":{"rendered":"Folgen Sie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2261\" class=\"elementor elementor-2261 elementor-46\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5da0e47 e-flex e-con-boxed e-con e-parent\" data-id=\"5da0e47\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f362936 elementor-widget elementor-widget-html\" data-id=\"f362936\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  <script src=\"https:\/\/www.google.com\/recaptcha\/enterprise.js?render=6LdSancqAAAAAClq2BM_xnM4iHZkmLituy3eSqta\"><\/script>\n\n\n<div id=\"orderFormContainer\">\n    <form id=\"orderForm\">\n        <label for=\"orderNumber\">Geben Sie Ihre Bestellnummer ein:<\/label><input type=\"text\" id=\"orderNumber\" name=\"orderNumber\" required=\"\"><button id=\"button\" type=\"submit\">Anzeigen<\/button>\n    <\/form>\n\n    <div id=\"error-message\" class=\"hidden\">  Falsche Bestellnummer. Bitte \u00fcberpr\u00fcfen Sie Ihre Bestellnummer.   <\/div>\n<\/div>\n\n<script>\n    document.getElementById('orderForm').addEventListener('submit', function(event) {\n        event.preventDefault(); \/\/ Emp\u00eache le rechargement de la page lors de la soumission du formulaire\n        document.getElementById('button').classList.add('loading');\n\n        \n        var orderNumber = document.getElementById('orderNumber').value; \/\/ R\u00e9cup\u00e8re le num\u00e9ro de commande entr\u00e9 par l'utilisateur\n        grecaptcha.enterprise.ready(async () => {\n            \n      const token = await grecaptcha.enterprise.execute('6LdSancqAAAAAClq2BM_xnM4iHZkmLituy3eSqta', {action: 'LOGIN'});\n    \n        let order = {\n            \"token\": token,\n            \"order_nb\": orderNumber\n        }\n        \/\/console.log(order);\n        fetch(\"https:\/\/suricate.ch\/wp-content\/plugins\/eform-trap_api\/eform-trap_api.php\", {\n            method: \"POST\",\n            headers: {\n                \"Content-Type\": \"application\/json; charset=utf-8\"\n            },\n            body: JSON.stringify(order)\n        })\n        .then(function(response) {\n            return response.json();\n        })\n        .then(function(data) {\n            \/\/console.log(data);\n            \n           if(data[\"error\"] === -1){\n                document.getElementById('iframe-container').classList.add('hidden'); \n                document.getElementById('error-message').classList.remove('hidden');\n                document.getElementById('error-message').innerText = \"reCaptcha invalide\";\n                document.getElementById('container_order_review').classList.add('hidden');\n                document.getElementById('container_data').classList.add('hidden');\n            } else if (data[\"bexioData\"].length === 0) {\n                document.getElementById('iframe-container').classList.add('hidden'); \/\/ Cache l'iframe si non valide\n                document.getElementById('error-message').classList.remove('hidden');\n                document.getElementById('container_order_review').classList.add('hidden');\n                document.getElementById('container_data').classList.add('hidden');\n            }\n            \n            else {\n                document.getElementById('container_data').classList.remove('hidden');\n                order = data[\"bexioData\"][0];\n                \n                document.getElementById('error-message').classList.add('hidden');\n                document.getElementById('container_order_review').classList.remove('hidden');\n                document.getElementById('name').innerText = order['contact_address'].split('\\n')[0];\n                \n                switch (order['api_reference'].charAt(0)) {\n                    case 'D':\n                        document.getElementById('type').innerText = \"iPhone \/ iPad \/ Android\";\n                        break;\n                    case 'A':\n                        document.getElementById('type').innerText = \"Disque dur HDD\";\n                        break;\n                    case 'B':\n                        document.getElementById('type').innerText = \"SSD \/ USB \/ mSD\";\n                        break;\n                    case 'E':\n                        document.getElementById('type').innerText = \"PC \/ Laptop\";\n                        break;\n                    default:\n                }\n                \n                document.getElementById('price').innerText = order[\"total\"].split('.')[0] + \" CHF\";\n                \n                switch (order['kb_item_status_id']) {\n                    case 1:\n                        document.getElementById('status').innerText = \"Offre en cours de traitement\";\n                        break;\n                    case 2:\n                        document.getElementById('status').innerText = \"Offre \u00e9tablie, veuillez consultez vos mails\";\n                        break;\n                    case 3:\n                        document.getElementById('status').innerText = \"Offre accept\u00e9, r\u00e9cup\u00e9ration en cours\";\n                        break;\n                    case 4:\n                        document.getElementById('status').innerText = \"Offre refus\u00e9e\";\n                        break;\n                    default:\n                }\n                \n                document.getElementById('date').innerText = order[\"is_valid_from\"].split(\"-\")[2] + \".\" + order[\"is_valid_from\"].split(\"-\")[1] + \".\" + order[\"is_valid_from\"].split(\"-\")[0];\n            }\n\n            var iframe = document.getElementById('orderFrame'); \/\/ R\u00e9cup\u00e8re l'iframe\n\n            \/\/ Construit l'URL bas\u00e9e sur le num\u00e9ro de commande\n            var baseUrl = \"https:\/\/suricate.ch\/wp-content\/uploads\/suivis\/\"; \/\/ Remplacez par le chemin de base de vos fichiers\n            var fileExtension = \".html\"; \/\/ Si tous les fichiers ont la m\u00eame extension\n            var dataFileExtension = \".data\";\n\n            \/\/ G\u00e9n\u00e8re l'URL finale\n            var fileUrl = baseUrl + orderNumber + dataFileExtension + fileExtension;\n\n            \/\/ Fonction pour v\u00e9rifier l'existence du fichier\n            function checkFileExists(url) {\n                fetch(url, { method: 'HEAD' }) \/\/ On utilise HEAD pour ne r\u00e9cup\u00e9rer que les en-t\u00eates\n                .then(response => {\n                    if (response.ok) {\n                        \/\/ Le fichier existe, on charge l'iframe\n                        document.getElementById('iframe-container').classList.remove('hidden');\n                        document.getElementById('prev').innerText = \"Pr\u00e9visualisation des donn\u00e9es :\";\n                        document.getElementById('orderFrame').src = url;\n                        document.getElementById('confirmationFormContainer').classList.remove('hidden');\n                    } else {\n                        \/\/ Le fichier n'existe pas (404 ou autre erreur)\n                        document.getElementById('iframe-container').classList.add('hidden');\n                        document.getElementById('prev').innerText = \"Pr\u00e9visualisation des donn\u00e9es indisponible...\";\n                        document.getElementById('confirmationFormContainer').classList.add('hidden');\n                    }\n                })\n                .catch(error => {\n                    \/\/ Gestion des autres erreurs (comme un probl\u00e8me r\u00e9seau)\n                    console.error('Erreur lors de la v\u00e9rification du fichier:', error);\n                    document.getElementById('iframe-container').classList.add('hidden');\n                    document.getElementById('prev').innerText = \"Erreur lors de la v\u00e9rification du fichier...\";\n                });\n            }\n\n            \/\/ Appel de la fonction pour v\u00e9rifier l'existence du fichier\n            checkFileExists(fileUrl);\n            document.getElementById('button').classList.remove('loading');\n        });\n        });\n\n    });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-368803d e-con-full hidden e-flex e-con e-child\" data-id=\"368803d\" data-element_type=\"container\" id=\"container_order_review\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83096b9 elementor-widget elementor-widget-text-editor\" data-id=\"83096b9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Hallo <span id=\"name\"><\/span>, hier ist die Zusammenfassung Ihrer Bestellung:<\/h2>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7aa56c9 e-con-full e-flex e-con e-child\" data-id=\"7aa56c9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a537ec7 elementor-widget elementor-widget-text-editor\" data-id=\"a537ec7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tArt der Verwertung: <strong><span id=\"type\">n\/a<\/span><\/strong><br> Datum der Bestellung : <strong><span id=\"date\">n\/a<\/span><\/strong><br> Gesch\u00e4tzter Preis : <strong><span id=\"price\">n\/a<\/span><\/strong><br> Status: <strong><span id=\"status\">n\/a<\/span><\/strong><br>\n\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94dfa45 e-con-full e-flex e-con e-child\" data-id=\"94dfa45\" data-element_type=\"container\" id=\"container_data\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc96f21 elementor-widget elementor-widget-text-editor\" data-id=\"fc96f21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong><span id=\"prev\"> <\/span><\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9a362 elementor-widget elementor-widget-html\" data-id=\"5a9a362\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- L'iframe o\u00f9 le fichier HTML sera affich\u00e9 -->\n<div id=\"iframe-container\" class=\"hidden\">\n    <iframe id=\"orderFrame\" frameborder=\"0\"><\/iframe>\n<\/div>\n<br>\n<div id=\"confirmationFormContainer\" class=\"hidden\">\n<form id=\"confirmationForm\">\n        <label for=\"response\">Stimmt die obige Vorschau mit Ihren Daten \u00fcberein?<\/label><br><br>\n        \n        <input type=\"radio\" id=\"oui\" name=\"response\" value=\"yes\" required=\"\">\n        <label for=\"oui\">Ja<\/label><br><input type=\"radio\" id=\"non\" name=\"response\" value=\"no\" required=\"\"><label for=\"non\">Nein<\/label><br><br>\n\n\n        <button type=\"submit\" class=\"btn-submit\">Senden Sie<\/button>\n    <\/form>\n    <p id=\"quittance_message\"><\/p>\n<\/div>\n\n\n<script>\n    document.getElementById('confirmationForm').addEventListener('submit', function(event) {\n            event.preventDefault(); \/\/ Emp\u00eache l'envoi par d\u00e9faut du formulaire\n            \n            let order_nb = document.getElementById('orderNumber').value;\n            \n            \n             const ouiChecked = document.getElementById('oui').checked;\n        let quittance = \"\";\n        if (ouiChecked) {\n            quittance = \"oui\";\n        } else {\n            quittance = \"non\";\n        } \n            \n            let resp = {\n\t            \"order_nb\": order_nb,\n\t            \"quittance\": quittance\n            \t}\n            console.log(resp);\n            fetch(\"https:\/\/suricate.ch\/wp-content\/plugins\/eform-trap_api\/send_mail.php\",\n    {\n    \"method\": \"POST\",\n\t   \"headers\": {\n\t      \"Content-Type\": \"application\/json; charset=utf-8\"\n\t   },\n\t   \"body\": JSON.stringify(resp)\n\t   }).then(function (response){\n\t       return response.text();\n\t   }).then(function(data){\n\t       console.log(data);\n\t   })\n    document.getElementById('confirmationForm').classList.add('hidden');\n    \n    document.getElementById('quittance_message').innerText = \"Merci pour votre confirmation, vous recevrez un email pour la suite de la proc\u00e9dure d'ici quelques jours.\";\n    \n    \n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Geben Sie Ihre Bestellnummer ein:Anzeigen Falsche Bestellnummer. Bitte \u00fcberpr\u00fcfen Sie Ihre Bestellnummer. Hallo , hier ist die Zusammenfassung Ihrer Bestellung: Art der Verwertung: n\/a Datum der Bestellung : n\/a Gesch\u00e4tzter Preis : n\/a Status: n\/a Stimmt die obige Vorschau mit Ihren Daten \u00fcberein? JaNein Senden Sie<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2261","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/pages\/2261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/comments?post=2261"}],"version-history":[{"count":1,"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/pages\/2261\/revisions"}],"predecessor-version":[{"id":2269,"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/pages\/2261\/revisions\/2269"}],"wp:attachment":[{"href":"https:\/\/suricate.ch\/de\/wp-json\/wp\/v2\/media?parent=2261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}