{"id":186,"date":"2026-01-08T20:52:27","date_gmt":"2026-01-08T19:52:27","guid":{"rendered":"https:\/\/dzbm.dzierzoniow.pl\/?page_id=186"},"modified":"2026-01-08T21:38:30","modified_gmt":"2026-01-08T20:38:30","slug":"generator","status":"publish","type":"page","link":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/generator\/","title":{"rendered":"Zlecenie reklamowe DZBM"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\n    <div id=\"reklama-final\" style=\"all: initial; font-family: Arial, sans-serif;\">\n        <style>\n            #reklama-final { display: block; max-width: 900px; margin: 10px auto; background: #f0f0f0; padding: 10px; box-sizing: border-box; }\n            .ui-top { display: flex; gap: 15px; margin-bottom: 10px; background: #fff; padding: 12px; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); align-items: center; }\n            .btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 13px; text-transform: uppercase; }\n            .btn-pdf { background: #0073aa; color: white; }\n            .btn-reset { background: #d63638; color: white; margin-left: auto; }\n            .toggle-label { font-size: 11px; font-weight: bold; color: #333; display: flex; align-items: center; gap: 4px; cursor: pointer; }\n            #pdf-page { background: white; width: 210mm; height: 296mm; padding: 8mm 15mm; box-sizing: border-box; margin: 0 auto; color: #000; display: flex; flex-direction: column; }\n            .header { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 12px; line-height: 1.2; }\n            .grid-info { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #000; margin-bottom: 8px; }\n            .box { border: 0.5px solid #000; padding: 5px; display: flex; flex-direction: column; }\n            .label { font-size: 9px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }\n            .in-f { width: 100%; border: none !important; padding: 0; font-size: 13px; font-family: inherit; outline: none; background: transparent; }\n            .termin { display: flex; border: 1px solid #000; margin-bottom: 8px; align-items: stretch; }\n            .termin-lbl { border-right: 1px solid #000; padding: 4px 12px; font-weight: bold; font-size: 14px; display: flex; align-items: center; text-align: center; }\n            .termin-ins { display: flex; align-items: center; gap: 12px; padding: 4px 12px; font-size: 13px; }\n            table.main-tbl { width: 100%; border-collapse: collapse; margin-bottom: 8px; table-layout: fixed; border: 1px solid #000; }\n            table.main-tbl th, table.main-tbl td { border: 1px solid #000; padding: 2px 5px; font-size: 10px; height: 23px; }\n            table.main-tbl th { background: #f2f2f2; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 9px; }\n            .c-nr { width: 25px; text-align: center; }\n            .c-fmt { width: 220px; }\n            .c-qty { width: 45px; text-align: center; }\n            .c-prc { width: 65px; text-align: right; }\n            .c-val { width: 80px; text-align: right; font-weight: bold; }\n            .calc-wrap { display: flex; justify-content: space-between; align-items: flex-start; }\n            .sum-box { width: 240px; }\n            .sum-row { display: flex; border: 1px solid #000; margin-top: -1px; }\n            .sum-lbl { flex: 1; padding: 3px 8px; background: #f2f2f2; text-align: right; font-weight: bold; border-right: 1px solid #000; font-size: 11px; }\n            .sum-val { width: 90px; padding: 3px 8px; text-align: right; font-weight: bold; font-size: 11px; }\n            .footer { margin-top: auto; padding-bottom: 5px; }\n            .sign-box { border: 1px solid #000; padding: 8px; min-height: 50px; font-size: 9px; text-align: center; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 12px; }\n            .bot-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n            .bot-line { border-top: 1px solid #000; text-align: center; font-size: 9px; padding-top: 3px; margin-top: 20px; }\n            @media print { .ui-top { display: none !important; } #pdf-page { padding: 5mm 10mm; } }\n        <\/style>\n        <div class=\"ui-top\">\n            <button class=\"btn btn-pdf\" onclick=\"saveAsPDF()\">Pobierz PDF<\/button>\n            <label class=\"toggle-label\"><input type=\"checkbox\" id=\"m-election\" onchange=\"hElection()\"> Kampania Wyborcza<\/label>\n            <label class=\"toggle-label\" id=\"l-ngo\"><input type=\"checkbox\" id=\"m-ngo\" onchange=\"calc()\"> NGO (-20%)<\/label>\n            <button class=\"btn btn-reset\" onclick=\"location.reload()\">Reset<\/button>\n        <\/div>\n        <div id=\"pdf-page\">\n            <div class=\"header\">ZLECENIE REKLAMY NA S\u0141UPACH OG\u0141OSZENIOWYCH<br>W DZIER\u017bONIOWIE<\/div>\n            <div class=\"grid-info\">\n                <div class=\"box\" style=\"grid-row: span 2;\"><label class=\"label\">Zleceniodawca<\/label><textarea id=\"c-info\" class=\"in-f\" rows=\"4\"><\/textarea><\/div>\n                <div class=\"box\"><label class=\"label\">Tytu\u0142 og\u0142oszenia<\/label><input type=\"text\" id=\"o-title\" class=\"in-f\"><\/div>\n                <div class=\"box\" style=\"display:grid; grid-template-columns: 1fr 1fr; padding:0;\">\n                    <div style=\"border-right:1px solid #000; padding:6px;\"><label class=\"label\">NIP<\/label><input type=\"text\" class=\"in-f\"><\/div>\n                    <div style=\"padding:6px;\"><label class=\"label\">Tel.<\/label><input type=\"text\" class=\"in-f\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"termin\">\n                <div class=\"termin-lbl\">TERMIN<br>ZLECENIA<\/div>\n                <div class=\"termin-ins\">\n                    Od: <input type=\"date\" id=\"d-s\" class=\"in-f\" style=\"width:130px;\" onchange=\"calcD()\">\n                    Do: <input type=\"date\" id=\"d-e\" class=\"in-f\" style=\"width:130px;\" onchange=\"calcD()\">\n                    Dni: <input type=\"number\" id=\"d-total\" class=\"in-f\" style=\"width:50px; font-weight:bold;\" disabled>\n                <\/div>\n            <\/div>\n            <table class=\"main-tbl\" role=\"presentation\">\n                <thead><tr><th class=\"c-nr\">Nr<\/th><th>Adres lokalizacji s\u0142upa<\/th><th class=\"c-fmt\">Format<\/th><th class=\"c-qty\">Ilo\u015b\u0107<\/th><th class=\"c-prc\">Cena netto<\/th><th class=\"c-val\">Warto\u015b\u0107<\/th><\/tr><\/thead>\n                <tbody id=\"t-rows\"><\/tbody>\n            <\/table>\n            <div class=\"calc-wrap\">\n                <div style=\"font-size: 9px; color: #555;\" id=\"info-mode\">Cennik standardowy<\/div>\n                <div class=\"sum-box\">\n                    <div class=\"sum-row\"><div class=\"sum-lbl\">Razem netto<\/div><div class=\"sum-val\" id=\"r-net\">0.00<\/div><\/div>\n                    <div class=\"sum-row\"><div class=\"sum-lbl\">Razem brutto (23%)<\/div><div class=\"sum-val\" id=\"r-gross\">0.00<\/div><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"footer\">\n                <div class=\"sign-box\">Piecz\u0119\u0107 i podpis osoby upowa\u017cnionej \/ czytelny podpis zleceniodawcy \/ uwagi<\/div>\n                <div class=\"bot-grid\"><div class=\"bot-line\">Data i godz. przyj\u0119cia<\/div><div class=\"bot-line\">Data i godz. wykonania<\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        const DB_PRICES = {\"std\":{\"3\":{\"A5\":\"2.90\",\"A4\":\"3.45\",\"A3\":\"4.90\",\"A2\":\"6.95\",\"A1\":\"9.75\",\"A0\":\"12.45\",\"2A0\":\"14.49\"},\"7\":{\"A5\":\"3.45\",\"A4\":\"4.90\",\"A3\":\"7.65\",\"A2\":\"11.80\",\"A1\":\"15.95\",\"A0\":\"20.10\",\"2A0\":\"24.25\"},\"14\":{\"A5\":\"4.90\",\"A4\":\"7.65\",\"A3\":\"10.40\",\"A2\":\"17.30\",\"A1\":\"19.35\",\"A0\":\"23.50\",\"2A0\":\"27.70\"}},\"election\":{\"3\":{\"A5\":\"3.85\",\"A4\":\"4.90\",\"A3\":\"6.95\",\"A2\":\"10.10\",\"A1\":\"14.25\",\"A0\":\"19.00\",\"2A0\":\"21.45\"},\"7\":{\"A5\":\"4.90\",\"A4\":\"6.95\",\"A3\":\"11.10\",\"A2\":\"17.30\",\"A1\":\"23.55\",\"A0\":\"29.70\",\"2A0\":\"35.95\"},\"14\":{\"A5\":\"6.95\",\"A4\":\"11.10\",\"A3\":\"15.25\",\"A2\":\"25.60\",\"A1\":\"28.65\",\"A0\":\"34.90\",\"2A0\":\"41.80\"}}};\n        const LOCS = [\"ul. Wroc\u0142awska - apteka\", \"ul. Pi\u0142sudskiego - przystanek\", \"Rynek - ul. \u015awidnicka\", \"Rynek - ul. Wroc\u0142awska\", \"Rynek - ul. Boh. Getta\", \"ul. Piastowska - brama Stadionu\", \"Deptak za \\\"Intermarche\\\"\", \"ul. \u015awidnicka przy os. Kolorowym\", \"os. Z\u0142ote - sklep \\\"Hert\\\"\", \"os. T\u0119czowe - parking\", \"ul. Sikorskiego - Aleja Gwiazd\", \"Os. Jasne - Sp\u00f3\u0142dzielnia\", \"Aleja Gwiazd - SP 5\", \"ul. Kopernika - Szko\u0142a nr 9\", \"os. Jasne - ul. Przesmyk\", \"ul. Akacjowa - przystanek\", \"os. B\u0142\u0119kitne - sklep\", \"ul. Sikorskiego (R\u00f3\u017cane)\"];\n        function setup() {\n            const b = document.getElementById('t-rows');\n            LOCS.forEach((l, i) => {\n                const tr = document.createElement('tr');\n                tr.innerHTML = `<td class=\"c-nr\">${i+1}<\/td><td>${l}<\/td><td><select class=\"in-f v-fmt\" onchange=\"calc()\"><option value=\"\">- wybierz -<\/option><option value=\"A5\">do formatu A5<\/option><option value=\"A4\">powy\u017cej formatu A5 do A4<\/option><option value=\"A3\">powy\u017cej formatu A4 do A3<\/option><option value=\"A2\">powy\u017cej formatu A3 do A2<\/option><option value=\"A1\">powy\u017cej formatu A2 do A1<\/option><option value=\"A0\">powy\u017cej formatu A1 do A0<\/option><option value=\"2A0\">powy\u017cej formatu A0 do 2A0<\/option><\/select><\/td><td><input type=\"number\" class=\"in-f v-q\" style=\"text-align:center\" oninput=\"calc()\"><\/td><td class=\"c-prc v-p\">0.00<\/td><td class=\"c-val v-t\">0.00<\/td>`;\n                b.appendChild(tr);\n            });\n        }\n        function hElection() { const e = document.getElementById('m-election').checked; const n = document.getElementById('m-ngo'); if(e){n.checked=false; n.disabled=true; document.getElementById('l-ngo').style.opacity=\"0.4\";} else {n.disabled=false; document.getElementById('l-ngo').style.opacity=\"1\";} calc(); }\n        function calc() {\n            let n = 0; const e = document.getElementById('m-election').checked, ngo = document.getElementById('m-ngo').checked, d = parseInt(document.getElementById('d-total').value) || 0;\n            let bracket = 3; if(d > 7) bracket = 14; else if(d > 3) bracket = 7;\n            const prices = e ? DB_PRICES.election[bracket] : DB_PRICES.std[bracket];\n            document.querySelectorAll('#t-rows tr').forEach(r => {\n                const f = r.querySelector('.v-fmt').value, q = parseFloat(r.querySelector('.v-q').value) || 0;\n                let p = (f && prices[f]) ? parseFloat(prices[f]) : 0; if(ngo) p *= 0.8;\n                r.querySelector('.v-p').innerText = p.toFixed(2); const s = q * p; r.querySelector('.v-t').innerText = s.toFixed(2); n += s;\n            });\n            document.getElementById('r-net').innerText = n.toFixed(2); document.getElementById('r-gross').innerText = (n * 1.23).toFixed(2);\n        }\n        function calcD() { const s = document.getElementById('d-s').value, e = document.getElementById('d-e').value; if(s && e) { const d = Math.floor((new Date(e) - new Date(s)) \/ 86400000) + 1; document.getElementById('d-total').value = d > 0 ? d : 0; calc(); } }\n        function saveAsPDF() { const el = document.getElementById('pdf-page'); html2pdf().set({ margin:0, filename:'Zlecenie_reklamy_na_slupach_DZBM.pdf', html2canvas:{scale:3, y:0, scrollY:0}, jsPDF:{unit:'mm', format:'a4', orientation:'portrait'} }).from(el).save(); }\n        setup();\n    <\/script>\n    <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/pages\/186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/comments?post=186"}],"version-history":[{"count":15,"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/pages\/186\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/pages\/186\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/dzbm.dzierzoniow.pl\/index.php\/wp-json\/wp\/v2\/media?parent=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}