{"id":461,"date":"2025-02-04T15:37:42","date_gmt":"2025-02-04T15:37:42","guid":{"rendered":"https:\/\/authenticcars.dkonto.pl\/?page_id=461"},"modified":"2025-02-04T15:39:56","modified_gmt":"2025-02-04T15:39:56","slug":"wycena-felg","status":"publish","type":"page","link":"https:\/\/authenticcars.dkonto.pl\/index.php\/wycena-felg\/","title":{"rendered":"Wycena felg"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"461\" class=\"elementor elementor-461\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5321f1 e-flex e-con-boxed e-con e-parent\" data-id=\"a5321f1\" 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-9cb0584 elementor-widget elementor-widget-heading\" data-id=\"9cb0584\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wycena renowacji felg<\/h2>\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-3abbbd7 e-flex e-con-boxed e-con e-parent\" data-id=\"3abbbd7\" 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-3456c55 elementor-widget elementor-widget-shortcode\" data-id=\"3456c55\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <!-- Style odpowiedzialne za kwadratowy uk\u0142ad element\u00f3w -->\n    <style>\n      \/* Pojedynczy kwadratowy przycisk *\/\n      .item-label {\n          width: 175px;\n          height: 175px;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          text-align: center;\n          border: 1px solid #ddd;\n          box-sizing: border-box;\n          cursor: pointer;\n          margin: 10px;\n          position: relative;\n      }\n      \/* Ukrycie natywnych radio\/checkbox *\/\n      .item-label input[type=\"radio\"],\n      .item-label input[type=\"checkbox\"] {\n          display: none;\n      }\n      \/* Kontener wewn\u0119trzny *\/\n      .item-content {\n          width: 100%;\n          height: 100%;\n          display: flex;\n          flex-direction: column;\n      }\n      \/* Obszar na zdj\u0119cie \u2013 zawsze widoczny, zajmuje 60% wysoko\u015bci *\/\n      .item-image {\n          width: 100%;\n          height: 60%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-bottom: 5px;\n      }\n      .item-image img {\n          max-width: 100%;\n          max-height: 100%;\n          object-fit: contain;\n      }\n      \/* Obszar na tekst \u2013 wy\u015brodkowany, zajmuje pozosta\u0142e miejsce *\/\n      .item-text {\n          flex: 1;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n      }\n      \/* Obramowanie zaznaczonego elementu *\/\n      .selected-border {\n          border: 3px solid #922497 !important;\n      }\n      h3 {\n          font-family: \"Lato\";\n          font-size: 30px;\n      }\n    <\/style>\n    \n    <div id=\"wycena-app\">\n      <wycena><\/wycena>\n    <\/div>\n\n    <!-- Szablon Vue -->\n    <script type=\"text\/x-template\" id=\"wycena-template\">\n      <div class=\"cpt-accordions\">\n        \n        <!-- P\u0119tla po widocznych zak\u0142adkach -->\n        <div\n          v-for=\"(cpt, index) in visibleCptSlugs\"\n          :key=\"cpt.slug\"\n          class=\"accordion-item\"\n          style=\"margin-bottom: 1rem; border: 1px solid #ddd; border-radius: 5px;\"\n        >\n          <button\n            class=\"accordion-toggle\"\n            @click=\"toggleAccordion(index)\"\n            :style=\"accordionStyle(cpt.slug)\"\n          >\n            <span v-html=\"cpt.title\"><\/span>\n            <template v-if=\"selectedTitleFor(cpt.slug)\">\n              : <span v-html=\"selectedTitleFor(cpt.slug)\"><\/span>\n            <\/template>\n          <\/button>\n\n          <div\n            class=\"accordion-content\"\n            v-if=\"accordionOpen === index\"\n            style=\"padding: 20px 40px; background: #fff;\"\n          >\n            <!-- Ka\u017cdy element wy\u015bwietlany jako kwadratowy przycisk -->\n            <div \n              v-for=\"post in cptData[cpt.slug]\"\n              :key=\"post.id\"\n              style=\"display: inline-block;\"\n            >\n              <label class=\"item-label\" :class=\"{'selected-border': isSelected(cpt.slug, post.id)}\">\n                <template v-if=\"cpt.slug === 'usluga-dodatkowa'\">\n                  <input type=\"checkbox\" :value=\"post.id\" v-model=\"selectedUsluga\">\n                <\/template>\n                <template v-else>\n                  <input type=\"radio\" :name=\"cpt.slug\" :value=\"post.id\" v-model=\"selectedPostsNonUsluga[cpt.slug]\">\n                <\/template>\n                <div class=\"item-content\">\n                  <div class=\"item-image\">\n                    <img v-if=\"hasFeaturedImage(post)\" :src=\"getFeaturedImageUrl(post)\" alt=\"\">\n                  <\/div>\n                  <div class=\"item-text\">\n                    <strong v-html=\"post.title.rendered\"><\/strong>\n                  <\/div>\n                <\/div>\n              <\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Sekcja z cen\u0105 \/ informacj\u0105 -->\n        <!-- Usuwamy sta\u0142y style i zast\u0119pujemy go :style=\"infoBoxStyle\" -->\n        <div :style=\"infoBoxStyle\">\n          <template v-if=\"isAllRequiredCptSelected\">\n            <div v-if=\"hasIndividualWycena\">\n              <strong>Wymagana wycena indywidualna.<\/strong>\n              <p>Wype\u0142nij poni\u017cszy formularz aby otrzyma\u0107 szczeg\u00f3\u0142ow\u0105 wycen\u0119<\/p>\n            <\/div>\n            <div v-else>\n              <strong>Twoja wycena:<\/strong> {{ finalPriceAllSelected.toFixed(2) }} z\u0142\n            <\/div>\n          <\/template>\n          <template v-else>\n            Uzupe\u0142nij wszystkie pola, aby pozna\u0107 wycen\u0119 renowacji felg\n          <\/template>\n        <\/div>\n\n        <!-- Formularz kontaktowy -->\n        <div\n          v-if=\"isAllRequiredCptSelected\"\n          style=\"margin-top: 2em; border: solid 1px #f1f1f1; padding: 1em;\"\n        >\n          <h3>Formularz kontaktowy<\/h3>\n          <label style=\"display: block; margin-bottom: 15px; padding-bottom: 5px\">\n            <span style=\"display: block; font-family: 'Poppins'; margin-bottom: 5px;\">Imi\u0119 i nazwisko*:<\/span>\n            <input type=\"text\" v-model=\"formData.name\" style=\"width: 100%; padding: 10px; margin-bottom: 5px; border-color: #C8D5DC;\">\n          <\/label>\n          <label style=\"display: block; margin-bottom: 15px;\">\n            <span style=\"display: block; font-family: 'Poppins'; margin-bottom: 5px;\">Telefon*:<\/span>\n            <input type=\"text\" v-model=\"formData.phone\" style=\"width: 100%; padding: 10px; margin-bottom: 5px; border-color: #C8D5DC;\">\n          <\/label>\n          <label style=\"display: block; margin-bottom: 15px;\">\n            <span style=\"display: block; font-family: 'Poppins'; margin-bottom: 5px;\">Email*:<\/span>\n            <input type=\"email\" v-model=\"formData.email\" style=\"width: 100%; padding: 10px; margin-bottom: 5px; border-color: #C8D5DC;\">\n          <\/label>\n          <label style=\"display: block; margin-bottom: 15px;\">\n            <span style=\"display: block; font-family: 'Poppins'; margin-bottom: 5px;\">Uwagi:<\/span>\n            <textarea v-model=\"formData.remarks\" style=\"width: 100%; padding: 10px; margin-bottom: 5px; border-color: #C8D5DC;\"><\/textarea>\n          <\/label>\n          <button\n            @click=\"submitWycena\"\n            style=\"background: #922497; color: #fff; padding: 15px 45px; border: none; cursor: pointer;\"\n          >\n            Wy\u015blij\n          <\/button>\n          <div v-if=\"submissionSuccess\" style=\"margin-top: 1em; color: green;\">\n            {{ submissionSuccess }}\n          <\/div>\n          <div v-if=\"submissionError\" style=\"margin-top: 1em; color: red;\">\n            {{ submissionError }}\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/script>\n    <\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wycena renowacji felg<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-461","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/pages\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":14,"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/authenticcars.dkonto.pl\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}