{"id":556,"date":"2025-11-18T14:19:56","date_gmt":"2025-11-18T13:19:56","guid":{"rendered":"https:\/\/organizacio.hu\/?page_id=556"},"modified":"2026-02-18T18:16:54","modified_gmt":"2026-02-18T17:16:54","slug":"ajanlatkeres","status":"publish","type":"page","link":"https:\/\/organizacio.hu\/index.php\/ajanlatkeres\/","title":{"rendered":"Aj\u00e1nlatk\u00e9r\u00e9s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"556\" class=\"elementor elementor-556\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72651c8 e-flex e-con-boxed e-con e-parent\" data-id=\"72651c8\" 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-abf29c3 elementor-widget elementor-widget-shortcode\" data-id=\"abf29c3\" 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\">    <style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');<\/style>\n\n    <div class=\"tm-quote-wrapper\">\n        <div class=\"tm-quote-header\">\n            <h3 class=\"tm-quote-title\">\n                <i class=\"fas fa-clipboard-list\" style=\"color: #6a9c48; margin-right: 10px;\"><\/i> \n                Aj\u00e1nlatk\u00e9r\u00e9s tartalma\n            <\/h3>\n            <p class=\"tm-quote-subtitle\">Ellen\u0151rizze a kiv\u00e1lasztott term\u00e9keket, m\u00f3dos\u00edtsa a mennyis\u00e9get sz\u00fcks\u00e9g szerint, majd t\u00f6ltse ki az \u0171rlapot.<\/p>\n        <\/div>\n\n        <div class=\"tm-list-container\">\n            <ul id=\"tm-quote-items-list\">\n                <li class=\"tm-empty-msg\">A lista bet\u00f6lt\u00e9se...<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"tm-quote-footer\">\n            <button id=\"tm-clear-quote\" onclick=\"tmClearQuote()\">\n                <i class=\"fas fa-trash-alt\"><\/i> Teljes lista t\u00f6rl\u00e9se\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* --- ALAP KERET --- *\/\n        .tm-quote-wrapper { font-family: 'Poppins', sans-serif; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); max-width: 800px; margin: 0 auto 30px auto; color: #333333; }\n        .tm-quote-header { border-bottom: 2px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; }\n        .tm-quote-title { font-size: 24px; font-weight: 600; color: #222; margin: 0 0 10px 0; display: flex; align-items: center; }\n        .tm-quote-subtitle { font-size: 14px; color: #777; margin: 0; }\n        \n        \/* --- LISTA ELEMEK --- *\/\n        #tm-quote-items-list { list-style: none; padding: 0; margin: 0; }\n        \n        #tm-quote-items-list li { \n            background: #fcfcfc; \n            border: 1px solid #eee; \n            border-radius: 8px; \n            padding: 10px 15px; \n            margin-bottom: 10px; \n            display: flex; \n            justify-content: space-between; \n            align-items: center; \n            flex-wrap: nowrap; \n            gap: 15px; \n            transition: all 0.2s; \n        }\n        #tm-quote-items-list li:hover { border-color: #6a9c48; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\n\n        \/* Term\u00e9k neve - LINKK\u00c9NT *\/\n        .tm-item-name { \n            font-weight: 600; \n            font-size: 15px; \n            color: #333; \n            flex: 1; \n            padding-right: 10px;\n            text-decoration: none; \/* Ne legyen alapb\u00f3l al\u00e1h\u00fazva *\/\n            transition: color 0.2s;\n        }\n        \n        \/* Ha van link, hoverre z\u00f6ld legyen *\/\n        a.tm-item-name:hover {\n            color: #6a9c48;\n            text-decoration: underline;\n        }\n        \n        \/* --- VEZ\u00c9RL\u0150K (JOBB OLDAL) --- *\/\n        .tm-item-controls { \n            display: flex; \n            align-items: center; \n            gap: 10px; \n            flex-shrink: 0; \n        }\n        \n        \/* Mennyis\u00e9g doboz *\/\n        .tm-qty-wrapper { \n            display: flex; \n            align-items: center; \n            background: #fff; \n            border: 1px solid #ddd; \n            border-radius: 6px; \n            padding: 3px 8px; \n        }\n        \n        .tm-qty-label { font-size: 13px; color: #777; margin-right: 5px; font-weight: 500; }\n        \n        \/* A Sz\u00e1m mez\u0151 *\/\n        .tm-qty-input-list { \n            width: 80px !important; \n            border: none; \n            font-weight: 600; \n            font-size: 15px; \n            color: #333; \n            text-align: center; \n            font-family: 'Poppins', sans-serif; \n            padding: 0;\n            background: transparent;\n        }\n        .tm-qty-input-list:focus { outline: none; }\n        \n        .tm-qty-unit { font-size: 13px; color: #333; font-weight: 500; margin-left: 2px; }\n\n        \/* T\u00f6rl\u00e9s gomb *\/\n        .tm-remove-item { \n            color: #e74c3c; \n            background: rgba(231, 76, 60, 0.1); \n            padding: 6px 10px; \n            border-radius: 6px; \n            cursor: pointer; \n            font-size: 12px; \n            font-weight: 600; \n            transition: 0.3s; \n            border: none; \n            white-space: nowrap;\n        }\n        .tm-remove-item:hover { background: #e74c3c; color: white; }\n\n        \/* Egy\u00e9b *\/\n        .tm-empty-msg { text-align: center; color: #999; font-style: italic; justify-content: center !important; background: none !important; border: none !important; }\n        .tm-quote-footer { margin-top: 25px; padding-top: 20px; border-top: 1px solid #f0f0f0; text-align: right; }\n        #tm-clear-quote { background: #fff; color: #666; border: 1px solid #ddd; padding: 10px 20px; font-family: 'Poppins', sans-serif; font-size: 14px; border-radius: 6px; cursor: pointer; transition: 0.3s; }\n        #tm-clear-quote:hover { background: #f5f5f5; color: #333; border-color: #ccc; }\n        \n        @media(max-width: 600px) {\n            #tm-quote-items-list li { flex-wrap: wrap; }\n            .tm-item-controls { width: 100%; justify-content: space-between; margin-top: 5px; }\n            .tm-qty-wrapper { flex: 1; justify-content: center; }\n        }\n    <\/style>\n\n    <script>\n    function tmRenderQuoteList() {\n        let listContainer = document.getElementById('tm-quote-items-list');\n        if (!listContainer) return;\n\n        let items = JSON.parse(localStorage.getItem('tm_quote_items')) || [];\n        listContainer.innerHTML = ''; \n\n        if (items.length === 0) {\n            listContainer.innerHTML = '<li class=\"tm-empty-msg\">Jelenleg nincs term\u00e9k az aj\u00e1nlatk\u00e9r\u0151 list\u00e1n.<\/li>';\n            document.getElementById('tm-clear-quote').style.display = 'none';\n        } else {\n            document.getElementById('tm-clear-quote').style.display = 'inline-block';\n            items.forEach((item, index) => {\n                let li = document.createElement('li');\n                \n                let itemName = typeof item === 'object' ? item.name : item;\n                let itemQty = typeof item === 'object' ? item.qty : 1; \n                let itemUrl = typeof item === 'object' ? item.url : ''; \/\/ <-- \u00daJ: URL lek\u00e9r\u00e9se\n                \n                if (typeof item === 'string' && item.includes('(db:')) {\n                    itemName = item.split('(db:')[0].trim();\n                }\n\n                \/\/ --- \u00daJ LOGIKA A KATTINTHAT\u00d3 N\u00c9VHEZ ---\n                let nameHtml = '';\n                if (itemUrl && itemUrl !== '') {\n                    \/\/ Ha van URL, linkk\u00e9nt jelen\u00edtj\u00fck meg (\u00faj lapon ny\u00edlik meg)\n                    nameHtml = `<a href=\"${itemUrl}\" target=\"_blank\" class=\"tm-item-name\" title=\"Term\u00e9k megtekint\u00e9se\">${itemName} <i class=\"fas fa-external-link-alt\" style=\"font-size:12px; margin-left:5px; color:#aaa;\"><\/i><\/a>`;\n                } else {\n                    \/\/ Ha r\u00e9gebbi elem, \u00e9s nincs URL, marad sima sz\u00f6veg\n                    nameHtml = `<span class=\"tm-item-name\">${itemName}<\/span>`;\n                }\n\n                li.innerHTML = `\n                    ${nameHtml} \n                    \n                    <div class=\"tm-item-controls\">\n                        <div class=\"tm-qty-wrapper\">\n                            <span class=\"tm-qty-label\">Mennyis\u00e9g:<\/span>\n                            <input type=\"number\" min=\"1\" value=\"${itemQty}\" \n                                   class=\"tm-qty-input-list\" \n                                   onchange=\"tmUpdateListQty(${index}, this.value)\">\n                            <span class=\"tm-qty-unit\">db<\/span>\n                        <\/div>\n\n                        <button class=\"tm-remove-item\" onclick=\"tmRemoveItem(${index})\" title=\"Elt\u00e1vol\u00edt\u00e1s\">\n                            <i class=\"fas fa-times\"><\/i> T\u00f6rl\u00e9s\n                        <\/button>\n                    <\/div>\n                `;\n                listContainer.appendChild(li);\n            });\n        }\n        tmUpdateHiddenField();\n    }\n\n    function tmUpdateListQty(index, newQty) {\n        let items = JSON.parse(localStorage.getItem('tm_quote_items')) || [];\n        if (newQty < 1) newQty = 1;\n        \n        if (typeof items[index] === 'string') {\n            let name = items[index].includes('(db:') ? items[index].split('(db:')[0].trim() : items[index];\n            items[index] = { name: name, qty: parseInt(newQty) };\n        } else {\n            items[index].qty = parseInt(newQty);\n        }\n\n        localStorage.setItem('tm_quote_items', JSON.stringify(items));\n        tmUpdateHiddenField(); \n    }\n\n    function tmRemoveItem(index) {\n        let items = JSON.parse(localStorage.getItem('tm_quote_items')) || [];\n        items.splice(index, 1);\n        localStorage.setItem('tm_quote_items', JSON.stringify(items));\n        tmRenderQuoteList();\n    }\n\n    function tmClearQuote() {\n        if(confirm('Biztosan t\u00f6r\u00f6lni szeretn\u00e9 a teljes list\u00e1t?')) {\n            localStorage.removeItem('tm_quote_items');\n            tmRenderQuoteList();\n        }\n    }\n\n    function tmUpdateHiddenField() {\n        let formField = document.getElementById('ajanlat_tartalom');\n        if (!formField) return;\n\n        let items = JSON.parse(localStorage.getItem('tm_quote_items')) || [];\n        let textContent = \"\";\n\n        items.forEach(item => {\n            if (typeof item === 'object') {\n                textContent += `- ${item.name} (Mennyis\u00e9g: ${item.qty} db)\\n`;\n            } else {\n                textContent += `- ${item}\\n`;\n            }\n        });\n\n        formField.value = textContent;\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        tmRenderQuoteList();\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f6bbf8 elementor-widget elementor-widget-shortcode\" data-id=\"3f6bbf8\" 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\">\n    <div class=\"tm-form-wrapper\">\n        \n                    \n            \n            <form method=\"post\" action=\"\" class=\"tm-quote-form\">\n                <input type=\"hidden\" id=\"tm_nonce_field\" name=\"tm_nonce_field\" value=\"46effe641d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/556\" \/>\n                <div class=\"tm-form-row\">\n                    <div class=\"tm-form-group\">\n                        <label>Teljes n\u00e9v <span class=\"tm-req\">*<\/span><\/label>\n                        <input type=\"text\" name=\"tm_name\" required placeholder=\"Pl. Kiss P\u00e9ter\" value=\"\">\n                    <\/div>\n                    <div class=\"tm-form-group\">\n                        <label>Email c\u00edm <span class=\"tm-req\">*<\/span><\/label>\n                        <input type=\"email\" name=\"tm_email\" required placeholder=\"pelda@email.hu\" value=\"\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"tm-form-group\">\n                    <label>Telefonsz\u00e1m<\/label>\n                    <input type=\"text\" name=\"tm_phone\" placeholder=\"+36 30 123 4567\" value=\"\">\n                <\/div>\n\n                <div class=\"tm-form-group\">\n                    <label>Megjegyz\u00e9s \/ K\u00e9rd\u00e9s<\/label>\n                    <textarea name=\"tm_message\" rows=\"4\" placeholder=\"\u00cdrja ide egy\u00e9b k\u00e9r\u00e9seit...\"><\/textarea>\n                <\/div>\n\n                <input type=\"hidden\" name=\"tm_products\" id=\"ajanlat_tartalom\">\n\n                <div class=\"tm-required-note\">\n                    * A csillaggal jel\u00f6lt mez\u0151k kit\u00f6lt\u00e9se k\u00f6telez\u0151.\n                <\/div>\n\n                <button type=\"submit\" name=\"tm_submit_quote\" class=\"tm-submit-btn\">\n                    Aj\u00e1nlatk\u00e9r\u00e9s elk\u00fcld\u00e9se <i class=\"fas fa-paper-plane\"><\/i>\n                <\/button>\n            <\/form>\n\n        \n    <\/div>\n\n    <style>\n        .tm-form-wrapper {\n            font-family: 'Poppins', sans-serif;\n            background: #fff;\n            padding: 30px;\n            border: 1px solid #e0e0e0;\n            border-radius: 12px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .tm-form-row { display: flex; gap: 20px; }\n        .tm-form-group { margin-bottom: 20px; flex: 1; }\n\n        .tm-form-group label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            color: #333;\n            font-size: 14px;\n        }\n        \n        \/* A csillag sz\u00edne *\/\n        .tm-req { color: #e74c3c; font-weight: bold; margin-left: 3px; }\n\n        .tm-form-group input, \n        .tm-form-group textarea {\n            width: 100%;\n            padding: 12px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            font-family: 'Poppins', sans-serif;\n            font-size: 15px;\n            box-sizing: border-box; \n            transition: border-color 0.3s;\n        }\n\n        .tm-form-group input:focus, \n        .tm-form-group textarea:focus {\n            outline: none;\n            border-color: #6a9c48; \n        }\n\n        \/* --- \u00daJ: MAGYAR\u00c1Z\u00d3 SZ\u00d6VEG ST\u00cdLUSA --- *\/\n        .tm-required-note {\n            font-size: 13px;\n            color: #777;\n            font-style: italic;\n            margin-bottom: 15px;\n            text-align: right; \/* Jobbra igaz\u00edtva a gomb f\u00f6l\u00f6tt *\/\n        }\n\n        .tm-submit-btn {\n            width: 100%;\n            background: #6a9c48;\n            color: white;\n            padding: 15px;\n            border: none;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: background 0.3s, transform 0.2s;\n            font-family: 'Poppins', sans-serif;\n        }\n\n        .tm-submit-btn:hover {\n            background: #557d39;\n            transform: translateY(-2px);\n        }\n\n        .tm-success-msg { text-align: center; color: #6a9c48; padding: 40px 20px; }\n        .tm-success-msg i { font-size: 50px; margin-bottom: 15px; }\n        .tm-success-msg h3 { font-size: 24px; margin: 0 0 10px 0; }\n        \n        .tm-error-msg { background: #ffe6e6; color: #d63031; padding: 10px; border-radius: 5px; margin-bottom: 20px; text-align: center; }\n\n        @media (max-width: 600px) {\n            .tm-form-row { flex-direction: column; gap: 0; }\n        }\n    <\/style>\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":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/comments?post=556"}],"version-history":[{"count":19,"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":2034,"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/pages\/556\/revisions\/2034"}],"wp:attachment":[{"href":"https:\/\/organizacio.hu\/index.php\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}