{"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":"2026-08-31T07:10:00","modified_gmt":"2026-08-31T07:10:00","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-9b67b50 e-flex e-con-boxed e-con e-parent\" data-id=\"9b67b50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65dd8b1 elementor-widget elementor-widget-page-title\" data-id=\"65dd8b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;align&quot;:&quot;center&quot;}\" data-widget_type=\"page-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<div class=\"hfe-page-title hfe-page-title-wrapper elementor-widget-heading\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sv-performance.de\">\n\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\t\t\t\t\t\t\t\t\n\t\t\t\tTerminanfrage  \n\t\t\t<\/h2 > \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\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<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\">\r\n    <div class=\"spinner-content\">\r\n        <div class=\"spinner\"><\/div>\r\n        <div class=\"spinner-text\">\u23f3 Wird verarbeitet...<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<form id=\"appointment-request-form\" method=\"post\">\r\n <div class=\"form-section\">\r\n\t <h3 style=\"text-align: center;\"> Terminanfrage<\/h3>\r\n\r\n\r\n         <label>\r\n        Name <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"name\" placeholder=\"z. B. Max Mustermann\" required>\r\n    <\/label>\r\n    <label>\r\n        E-Mail <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"email\" name=\"email\" placeholder=\"z. B. max.mustermann@mail.de\" required>\r\n    <\/label>\r\n    <label>\r\n        Telefon \/ Handy <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"phone\" placeholder=\"z. B. +49 171 1234567\" required>\r\n    <\/label>\r\n<\/div>\r\n\r\n<div class=\"form-section\">\r\n    <h3>Fahrzeugdaten<\/h3>\r\n    <label>\r\n        Hersteller <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"manufacturer\" placeholder=\"z. B. BMW\" required>\r\n    <\/label>\r\n    <label>\r\n        Modell <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"model\" placeholder=\"z. B. 3er E91\" required>\r\n    <\/label>\r\n    <label>\r\n        Baujahr <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"year\" placeholder=\"z. B. 2000-2025\" required>\r\n    <\/label>\r\n    <label>\r\n        Leistung (PS) <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n        <input type=\"text\" name=\"power\" placeholder=\"z. B. Leistung  150PS\" required>\r\n    <\/label>\r\n\t<label>\r\n    Kraftstoff <span class=\"required-note\">(Pflichtfeld)<\/span>\r\n    <select name=\"fuel\" required>\r\n        <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\r\n        <option value=\"Benzin\">Benzin<\/option>\r\n        <option value=\"Diesel\">Diesel<\/option>\r\n    <\/select>\r\n<\/label>\r\n\r\n<\/div>\r\n    <div class=\"form-section\">\r\n        <h3>Termine Anfragen 1<\/h3>\r\n        <label>Datum<input type=\"date\" name=\"date1\" required><\/label>\r\n        <label>Uhrzeit<input type=\"time\" name=\"time1\" required><\/label>\r\n    <\/div>\r\n\r\n    <div class=\"form-section\">\r\n        <h3>Termine Anfragen 2<\/h3>\r\n        <label>Datum<input type=\"date\" name=\"date2\"><\/label>\r\n        <label>Uhrzeit<input type=\"time\" name=\"time2\"><\/label>\r\n    <\/div>\r\n\r\n    <div class=\"form-section\">\r\n        <h3>Termine Anfragen 3<\/h3>\r\n        <label>Datum<input type=\"date\" name=\"date3\"><\/label>\r\n        <label>Uhrzeit<input type=\"time\" name=\"time3\"><\/label>\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"submit-button\">Termine Anfragen<\/button>\r\n    <div id=\"appointment-form-response\"><\/div>\r\n<\/form>\r\n\r\n<style>\r\n.overlay-spinner {\r\n    position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.6); z-index: 9999;\r\n    display: none; align-items: center; justify-content: center;\r\n}\r\n.spinner-content { text-align: center; color: white; }\r\n.spinner { border: 6px solid #f3f3f3; border-top: 6px solid black; border-radius: 50%;\r\n    width: 50px; height: 50px; margin: 0 auto 10px auto; animation: spin 3s linear infinite; }\r\n@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }\r\n.submit-button { background: white; color: black; border: 2px solid black;\r\n    width: 100%; padding: 10px; font-weight: 700; cursor: pointer; transition: 0.5s; }\r\n.submit-button:hover { background: black; color: white; }\r\nlabel { display: block; margin-bottom: 15px; font-weight: 600; }\r\ninput, select { width: 100%; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; }\r\n\t .required-note {\r\n        color: red;\r\n        font-weight: normal;\r\n        font-size: 0.9em;\r\n        margin-left: 5px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const form = document.getElementById(\"appointment-request-form\");\r\n    const overlay = document.getElementById(\"appointment-overlay-spinner\");\r\n    const response = document.getElementById(\"appointment-form-response\");\r\n\r\n    form.addEventListener(\"submit\", function (e) {\r\n        e.preventDefault();\r\n        overlay.style.display = \"flex\";\r\n        response.innerHTML = \"\";\r\n\r\n        const formData = new FormData(form);\r\n        formData.append(\"action\", \"submit_appointment_form\");\r\n\r\n        fetch(\"https:\/\/sv-performance.de\/wp-admin\/admin-ajax.php\", {\r\n            method: \"POST\",\r\n            body: formData\r\n        })\r\n        .then(res => res.json())\r\n      .then(data => {\r\n    overlay.style.display = \"none\";\r\n    if (data.success) {\r\n        response.innerHTML = \"<span style='color:green; font-weight:bold'>\" + data.data.message + \"<\/span>\";\r\n        form.reset(); \/\/ \ud83d\udd39 clear inputs after success\r\n    } else {\r\n        response.innerHTML = \"<span style='color:red; font-weight:bold'>\" + data.data.message + \"<\/span>\";\r\n    }\r\n})\r\n\r\n        .catch(() => {\r\n            overlay.style.display = \"none\";\r\n            response.innerHTML = \"<span style='color:red'>Fehler beim Senden.<\/span>\";\r\n        });\r\n    });\r\n});\r\n<\/script>\r\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":"<p>Terminanfrage<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":14,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":1423,"href":"https:\/\/sv-performance.de\/index.php?rest_route=\/wp\/v2\/pages\/485\/revisions\/1423"}],"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}]}}