{"id":485,"date":"2025-09-08T13:13:56","date_gmt":"2025-09-08T13:13:56","guid":{"rendered":"https:\/\/sv-performance.de\/?page_id=485"},"modified":"2025-09-09T12:15:47","modified_gmt":"2025-09-09T12:15:47","slug":"terminanfrage","status":"publish","type":"page","link":"https:\/\/sv-performance.de\/?page_id=485","title":{"rendered":"Terminanfrage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"485\" class=\"elementor elementor-485\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5d8b9 e-flex e-con-boxed e-con e-parent\" data-id=\"cd5d8b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bc0bb6 elementor-widget elementor-widget-shortcode\" data-id=\"9bc0bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"appointment-overlay-spinner\" class=\"overlay-spinner\">\n    <div class=\"spinner-content\">\n        <div class=\"spinner\"><\/div>\n        <div class=\"spinner-text\">\u23f3 Wird verarbeitet...<\/div>\n    <\/div>\n<\/div>\n\n<form id=\"appointment-request-form\" method=\"post\">\n <div class=\"form-section\">\n\t <h3 style=\"text-align: center;\"> Terminanfrage<\/h3>\n\n\n         <label>\n        Name <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"name\" placeholder=\"z. B. Max Mustermann\" required>\n    <\/label>\n    <label>\n        E-Mail <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"email\" name=\"email\" placeholder=\"z. B. max.mustermann@mail.de\" required>\n    <\/label>\n    <label>\n        Telefon \/ Handy <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"phone\" placeholder=\"z. B. +49 171 1234567\" required>\n    <\/label>\n<\/div>\n\n<div class=\"form-section\">\n    <h3>Fahrzeugdaten<\/h3>\n    <label>\n        Hersteller <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"manufacturer\" placeholder=\"z. B. BMW\" required>\n    <\/label>\n    <label>\n        Modell <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"model\" placeholder=\"z. B. 3er E91\" required>\n    <\/label>\n    <label>\n        Baujahr <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"year\" placeholder=\"z. B. 2000-2025\" required>\n    <\/label>\n    <label>\n        Leistung (PS) <span class=\"required-note\">(Pflichtfeld)<\/span>\n        <input type=\"text\" name=\"power\" placeholder=\"z. B. Leistung  150PS\" required>\n    <\/label>\n\t<label>\n    Kraftstoff <span class=\"required-note\">(Pflichtfeld)<\/span>\n    <select name=\"fuel\" required>\n        <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\n        <option value=\"Benzin\">Benzin<\/option>\n        <option value=\"Diesel\">Diesel<\/option>\n    <\/select>\n<\/label>\n\n<\/div>\n    <div class=\"form-section\">\n        <h3>Termine Anfragen 1<\/h3>\n        <label>Datum<input type=\"date\" name=\"date1\" required><\/label>\n        <label>Uhrzeit<input type=\"time\" name=\"time1\" required><\/label>\n    <\/div>\n\n    <div class=\"form-section\">\n        <h3>Termine Anfragen 2<\/h3>\n        <label>Datum<input type=\"date\" name=\"date2\"><\/label>\n        <label>Uhrzeit<input type=\"time\" name=\"time2\"><\/label>\n    <\/div>\n\n    <div class=\"form-section\">\n        <h3>Termine Anfragen 3<\/h3>\n        <label>Datum<input type=\"date\" name=\"date3\"><\/label>\n        <label>Uhrzeit<input type=\"time\" name=\"time3\"><\/label>\n    <\/div>\n\n    <button type=\"submit\" class=\"submit-button\">Termine Anfragen<\/button>\n    <div id=\"appointment-form-response\"><\/div>\n<\/form>\n\n<style>\n.overlay-spinner {\n    position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(0, 0, 0, 0.6); z-index: 9999;\n    display: none; align-items: center; justify-content: center;\n}\n.spinner-content { text-align: center; color: white; }\n.spinner { border: 6px solid #f3f3f3; border-top: 6px solid black; border-radius: 50%;\n    width: 50px; height: 50px; margin: 0 auto 10px auto; animation: spin 3s linear infinite; }\n@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }\n.submit-button { background: white; color: black; border: 2px solid black;\n    width: 100%; padding: 10px; font-weight: 700; cursor: pointer; transition: 0.5s; }\n.submit-button:hover { background: black; color: white; }\nlabel { display: block; margin-bottom: 15px; font-weight: 600; }\ninput, select { width: 100%; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; }\n\t .required-note {\n        color: red;\n        font-weight: normal;\n        font-size: 0.9em;\n        margin-left: 5px;\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const form = document.getElementById(\"appointment-request-form\");\n    const overlay = document.getElementById(\"appointment-overlay-spinner\");\n    const response = document.getElementById(\"appointment-form-response\");\n\n    form.addEventListener(\"submit\", function (e) {\n        e.preventDefault();\n        overlay.style.display = \"flex\";\n        response.innerHTML = \"\";\n\n        const formData = new FormData(form);\n        formData.append(\"action\", \"submit_appointment_form\");\n\n        fetch(\"https:\/\/sv-performance.de\/wp-admin\/admin-ajax.php\", {\n            method: \"POST\",\n            body: formData\n        })\n        .then(res => res.json())\n      .then(data => {\n    overlay.style.display = \"none\";\n    if (data.success) {\n        response.innerHTML = \"<span style='color:green; font-weight:bold'>\" + data.data.message + \"<\/span>\";\n        form.reset(); \/\/ \ud83d\udd39 clear inputs after success\n    } else {\n        response.innerHTML = \"<span style='color:red; font-weight:bold'>\" + data.data.message + \"<\/span>\";\n    }\n})\n\n        .catch(() => {\n            overlay.style.display = \"none\";\n            response.innerHTML = \"<span style='color:red'>Fehler beim Senden.<\/span>\";\n        });\n    });\n});\n<\/script>\n<\/div>\n\t\t\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":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-485","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sv-performance.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=485"}],"version-history":[{"count":8,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/485\/revisions\/503"}],"wp:attachment":[{"href":"https:\/\/sv-performance.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}