{"id":8167,"date":"2025-10-16T14:12:53","date_gmt":"2025-10-16T12:12:53","guid":{"rendered":"https:\/\/markart.ba\/?page_id=8167"},"modified":"2025-10-21T10:16:10","modified_gmt":"2025-10-21T08:16:10","slug":"kalkulator-za-freelancere","status":"publish","type":"page","link":"https:\/\/markart.ba\/en\/kalkulator-za-freelancere\/","title":{"rendered":"Calculator for Freelancers"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"custom-calc-input\">\n  <label>Pogledajte sve kalkulatore<\/label>\n  <select id=\"calc-selector\" onchange=\"if (this.value) window.location.href=this.value;\">\n    <option value=\"\">-- Odaberite kalkulator --<\/option>\n    <option value=\"\/kalkulator-za-ugovor-o-radu\">Kalkulator za ugovor o radu<\/option>\n    <option value=\"\/kalkulator-za-ugovor-o-autorskom-djelu\">Kalkulator za ugovor o autorskom djelu<\/option>\n    <option value=\"\/kalkulator-za-ugovor-o-djelu\">Kalkulator za ugovor o djelu<\/option>\n<option value=\"\/kalkulator-za-privremene-i-povremene-poslove\">Kalkulator za ugovor o privremenim i povremenim poslovima<\/option>\n<option value=\"\/kalkulator-za-menadzerski-ugovor\">Kalkulator za Menad\u017eerski ugovor<\/option>\n<option value=\"\/kalkulator-za-freelancere\">Kalkulator za Freelancere<\/option>\n  <\/select>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <!-- Kalkulator plata za Freelancerski ugovor -->\r\n    <div id=\"payroll-calculator\" style=\"font-family: Arial, sans-serif; max-width: 1000px; margin: auto;\">\r\n        <style>\r\n            .kalkulator-wrapper {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 2rem;\r\n                font-family: Arial, sans-serif;\r\n                color: #333;\r\n            }\r\n\r\n            .kalkulator-left,\r\n            .kalkulator-right {\r\n                flex: 1;\r\n                min-width: 300px;\r\n            }\r\n\r\n            .kalkulator-section {\r\n                background: #f9f9f9;\r\n                padding: 1rem;\r\n                margin-bottom: 1rem;\r\n                border-left: 5px solid #FFD700;\r\n                border-radius: 8px;\r\n            }\r\n\r\n            .kalkulator-section h3 {\r\n                margin-top: 0;\r\n                font-size: 1.1rem;\r\n                color: #000;\r\n            }\r\n\r\n            label {\r\n                display: block;\r\n                margin-top: 0.5rem;\r\n            }\r\n\r\n            input[type=\"number\"] {\r\n                width: 100%;\r\n                padding: 0.5rem;\r\n                font-size: 1rem;\r\n                border: 1px solid #ccc;\r\n                border-radius: 5px;\r\n                background-color: #fff;\r\n                -moz-appearance: textfield;\r\n            }\r\n\r\n            input::-webkit-outer-spin-button,\r\n            input::-webkit-inner-spin-button {\r\n                -webkit-appearance: none;\r\n                margin: 0;\r\n            }\r\n\r\n            select {\r\n                width: 100%;\r\n                padding: 0.5rem;\r\n                border: 1px solid #ccc;\r\n                border-radius: 5px;\r\n            }\r\n\r\n            .kalkulator-buttons {\r\n                margin-top: 1.5rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 0.5rem;\r\n            }\r\n\r\n            .kalkulator-buttons button {\r\n                padding: 0.75rem;\r\n                background-color: #FFD700;\r\n                border: none;\r\n                font-weight: bold;\r\n                cursor: pointer;\r\n                border-radius: 5px;\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"kalkulator-wrapper\">\r\n            <div class=\"kalkulator-left\">\r\n                <div class=\"kalkulator-section\">\r\n                    <label for=\"tip-iznosa\">Tip iznosa (Neto)<\/label>\r\n\r\n                    <label for=\"iznos\">Iznos<\/label>\r\n                    <input type=\"number\" id=\"iznos\" placeholder=\"Unesite iznos (KM)\">\r\n\r\n                    <div class=\"kalkulator-buttons\">\r\n                        <button id=\"generate-pdf-autorski\">Generi\u0161i PDF<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n            <div class=\"kalkulator-right\">\r\n                <div id=\"rezultati-autorski\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kalkulator-rezident\">\r\n\r\n        <\/div>\r\n\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n        <script>\r\n            const iznosInput = document.getElementById('iznos');\r\n            const rezultatiDiv = document.getElementById('rezultati-autorski');\r\n            const rezultatiRezident = document.querySelector('.kalkulator-rezident');\r\n\r\n            const renderAutorski = () => {\r\n\r\n                let iznos = parseFloat(iznosInput.value);\r\n                if (!iznos || iznos <= 0) {\r\n                    rezultatiDiv.innerHTML = '<p>Unesite validan iznos.<\/p>';\r\n                    return;\r\n                }\r\n\r\n\r\n                const bruto = iznos;\r\n                const priznatiRashodi = bruto * 0.20;\r\n                const dohodakOsnovica = bruto - priznatiRashodi;\r\n                const doprinosZdravstvo = dohodakOsnovica * 0.04;\r\n                const doprinosPio = 0;\r\n                const osnovicaPorez = bruto - priznatiRashodi - doprinosZdravstvo;\r\n                const porez = osnovicaPorez * 0.10;\r\n                const neto = bruto - doprinosZdravstvo - porez;\r\n                const ukupno = bruto + 0; \/\/ po potrebi kasnije dodati druge stavke\r\n\r\n                let html = `\r\n                    <div class=\"kalkulator-section\">\r\n                        <h3>Rezultati obra\u010duna<\/h3>\r\n                        <label>Bruto prihod: ${bruto.toFixed(2)} KM<\/label>\r\n                        <label>Priznati rashodi: ${priznatiRashodi.toFixed(2)} KM<\/label>\r\n                        <label>Dohodak osnovica: ${dohodakOsnovica.toFixed(2)} KM<\/label>\r\n                        <label>Doprinos za zdravstvo: ${doprinosZdravstvo.toFixed(2)} KM<\/label>\r\n                        <label>Doprinos za PIO: ${doprinosPio.toFixed(2)} KM<\/label>\r\n                        <label>Osnovica za porez: ${osnovicaPorez.toFixed(2)} KM<\/label>\r\n                        <label>Porez: ${porez.toFixed(2)} KM<\/label>\r\n                        <h3 class=\"bold\">Neto isplata: ${bruto.toFixed(2)} KM<\/h3>\r\n                    <\/div> `;\r\n\r\n           \r\n\r\n                rezultatiDiv.innerHTML = html;\r\n                rezultatiRezident.innerHTML = kalkRezident;\r\n            };\r\n\r\n            iznosInput.addEventListener('input', renderAutorski);\r\n\r\n            document.getElementById('generate-pdf-autorski').addEventListener('click', () => {\r\n                const {\r\n                    jsPDF\r\n                } = window.jspdf;\r\n                const doc = new jsPDF();\r\n\r\n                const pdfWrapper = document.createElement('div');\r\n\r\n                const kalkRezidentDiv = document.querySelector('.kalkulator-rezident');\r\n                \/\/ Uzmi HTML sadr\u017eaj oba dijela\r\n                pdfWrapper.innerHTML = `\r\n        ${rezultatiDiv.innerHTML}\r\n        ${rezultatiRezident.innerHTML}\r\n    `;\r\n\r\n\r\n                if (!rezultatiDiv.innerHTML.trim()) {\r\n                    alert('Nema podataka za generisanje PDF-a.');\r\n                    return;\r\n                }\r\n\r\n                \/\/ Mora\u0161 dodati wrapper u DOM da bi html2canvas mogao da ga vidi\r\n                pdfWrapper.style.position = 'absolute';\r\n                pdfWrapper.style.left = '-9999px';\r\n                document.body.appendChild(pdfWrapper)\r\n\r\n                html2canvas(pdfWrapper).then(canvas => {\r\n                    const imgData = canvas.toDataURL('image\/png');\r\n                    const pdfWidth = 100;\r\n                    const pdfHeight = (canvas.height * pdfWidth) \/ canvas.width;\r\n\r\n                    doc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);\r\n                    doc.save('Freelancerski-ugovor.pdf');\r\n\r\n                    \/\/ Ukloni privremeni wrapper iz DOM-a\r\n                    document.body.removeChild(pdfWrapper);\r\n                });\r\n            });\r\n        <\/script>\r\n    <\/div>\r\n\r\n\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Pogledajte sve kalkulatore -- Odaberite kalkulator -- Kalkulator za ugovor o radu Kalkulator za ugovor o autorskom djelu Kalkulator za ugovor o djelu Kalkulator za ugovor o privremenim i povremenim poslovima Kalkulator za Menad\u017eerski ugovor Kalkulator za Freelancere Tip iznosa (Neto) Iznos Generi\u0161i PDF","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8167","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kalkulator za Freelancere - Markart d.o.o.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/markart.ba\/en\/kalkulator-za-freelancere\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kalkulator za Freelancere - Markart d.o.o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/markart.ba\/en\/kalkulator-za-freelancere\/\" \/>\n<meta property=\"og:site_name\" content=\"Markart d.o.o.\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-21T08:16:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/markart.ba\\\/kalkulator-za-freelancere\\\/\",\"url\":\"https:\\\/\\\/markart.ba\\\/kalkulator-za-freelancere\\\/\",\"name\":\"Kalkulator za Freelancere - Markart d.o.o.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/markart.ba\\\/#website\"},\"datePublished\":\"2025-10-16T12:12:53+00:00\",\"dateModified\":\"2025-10-21T08:16:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/markart.ba\\\/kalkulator-za-freelancere\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/markart.ba\\\/kalkulator-za-freelancere\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/markart.ba\\\/kalkulator-za-freelancere\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/markart.ba\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kalkulator za Freelancere\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/markart.ba\\\/#website\",\"url\":\"https:\\\/\\\/markart.ba\\\/\",\"name\":\"Markart d.o.o.\",\"description\":\"Preduze\u0107e za ra\u010dunovodstvene usluge\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/markart.ba\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kalkulator za Freelancere - Markart d.o.o.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/markart.ba\/en\/kalkulator-za-freelancere\/","og_locale":"en_US","og_type":"article","og_title":"Kalkulator za Freelancere - Markart d.o.o.","og_url":"https:\/\/markart.ba\/en\/kalkulator-za-freelancere\/","og_site_name":"Markart d.o.o.","article_modified_time":"2025-10-21T08:16:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/markart.ba\/kalkulator-za-freelancere\/","url":"https:\/\/markart.ba\/kalkulator-za-freelancere\/","name":"Kalkulator za Freelancere - Markart d.o.o.","isPartOf":{"@id":"https:\/\/markart.ba\/#website"},"datePublished":"2025-10-16T12:12:53+00:00","dateModified":"2025-10-21T08:16:10+00:00","breadcrumb":{"@id":"https:\/\/markart.ba\/kalkulator-za-freelancere\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/markart.ba\/kalkulator-za-freelancere\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/markart.ba\/kalkulator-za-freelancere\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/markart.ba\/"},{"@type":"ListItem","position":2,"name":"Kalkulator za Freelancere"}]},{"@type":"WebSite","@id":"https:\/\/markart.ba\/#website","url":"https:\/\/markart.ba\/","name":"Markart doo","description":"Accounting services company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/markart.ba\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/pages\/8167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/comments?post=8167"}],"version-history":[{"count":3,"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/pages\/8167\/revisions"}],"predecessor-version":[{"id":8220,"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/pages\/8167\/revisions\/8220"}],"wp:attachment":[{"href":"https:\/\/markart.ba\/en\/wp-json\/wp\/v2\/media?parent=8167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}