{"id":682,"date":"2025-06-13T16:43:26","date_gmt":"2025-06-13T16:43:26","guid":{"rendered":"https:\/\/tattoo.ba\/?page_id=682"},"modified":"2025-06-13T16:43:26","modified_gmt":"2025-06-13T16:43:26","slug":"tattoo-kalkulator","status":"publish","type":"page","link":"https:\/\/tattoo.ba\/en\/tattoo-kalkulator\/","title":{"rendered":"Tattoo Kalkulator"},"content":{"rendered":"<div class=\"tattoo-calculator\" style=\"max-width:600px;margin:0 auto;padding:30px;\">\n    <h2>Kalkulator cijene tetova\u017ee<\/h2>\n\n    <form id=\"calculator-form\" action=\"\">\n\n        <label for=\"style\">Stil tetova\u017ee<\/label><br>\n        <select id=\"style\" name=\"style\" style=\"width:100%;padding:10px;margin-top:5px;margin-bottom:20px;\">\n            <option value=\"5\">Realizam (Black & Grey \/ Color)<\/option>\n            <option value=\"4.5\">Black & Grey<\/option>\n            <option value=\"4\">Traditional (Old School)<\/option>\n            <option value=\"4.5\">Neo Traditional<\/option>\n            <option value=\"3.5\">Fine Line<\/option>\n            <option value=\"3\">Minimalizam<\/option>\n            <option value=\"4.5\">Dotwork<\/option>\n            <option value=\"4.5\">Geometrijski stil<\/option>\n            <option value=\"3.5\">Lettering (tekst \/ fontovi)<\/option>\n            <option value=\"5\">Color Tattoo<\/option>\n        <\/select>\n\n        <label for=\"width\">\u0160irina (cm)<\/label>\n        <input type=\"number\" id=\"width\" name=\"width\" step=\"0.1\"\n               style=\"width:100%;padding:10px;margin-bottom:20px;\">\n\n        <label for=\"height\">Visina (cm)<\/label>\n        <input type=\"number\" id=\"height\" name=\"height\" step=\"0.1\"\n               style=\"width:100%;padding:10px;margin-bottom:20px;\">\n\n        <div id=\"result\" style=\"margin-top:20px;font-size:22px;font-weight:bold;\">\n            Cijena tetova\u017ee je ??? KM\n        <\/div>\n\n        <p style=\"margin-top:10px;font-size:14px;color:#666;\">\n            Minimalna cijena tetova\u017ee: <strong>80 KM<\/strong><br>\n            Cover-up i korekcije: po dogovoru\n        <\/p>\n\n        <a id=\"booking-link\"\n           href=\"https:\/\/tattoo.ba\/en\/termini\/\"\n           target=\"_blank\"\n           style=\"display:inline-block;margin-top:30px;padding:12px 24px;background:#000;color:#fff;text-decoration:none;border-radius:30px;font-weight:bold;\">\n            Rezervi\u0161i termin \u2192\n        <\/a>\n\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    const style = document.getElementById('style');\n    const width = document.getElementById('width');\n    const height = document.getElementById('height');\n    const result = document.getElementById('result');\n    const bookingLink = document.getElementById('booking-link');\n\n    function calculatePrice() {\n        const w = parseFloat(width.value);\n        const h = parseFloat(height.value);\n        const pricePerCm = parseFloat(style.value);\n        const styleLabel = style.options[style.selectedIndex].text;\n\n        if (!w || !h || w <= 0 || h <= 0) {\n            result.textContent = \"Cijena tetova\u017ee je ??? KM\";\n            bookingLink.href = \"https:\/\/tattoo.ba\/termini\";\n            return;\n        }\n\n        const area = w * h;\n        let price = area * pricePerCm;\n\n        \/\/ Minimalna cijena\n        if (price < 80) {\n            price = 80;\n        }\n\n        const priceFormatted = price.toFixed(2);\n\n        result.textContent = `Cijena tetova\u017ee je ${priceFormatted} KM`;\n\n        const notes = encodeURIComponent(\n            `--- Automatski generisano putem Tattoo Kalukatora ---\\nStil: ${styleLabel}\\nVeli\u010dina: ${w} x ${h} cm\\nProcijenjena cijena: ${priceFormatted} KM`\n        );\n\n        bookingLink.href = `https:\/\/tattoo.ba\/termini?notes=${notes}`;\n    }\n\n    style.addEventListener('change', calculatePrice);\n    width.addEventListener('input', calculatePrice);\n    height.addEventListener('input', calculatePrice);\n\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-682","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/pages\/682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/comments?post=682"}],"version-history":[{"count":1,"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/pages\/682\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/tattoo.ba\/en\/wp-json\/wp\/v2\/media?parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}