{"id":510,"date":"2020-09-17T12:05:52","date_gmt":"2020-09-17T12:05:52","guid":{"rendered":"https:\/\/nsbi.org.rs\/?page_id=510"},"modified":"2026-07-22T15:51:01","modified_gmt":"2026-07-22T14:51:01","slug":"doniraj","status":"publish","type":"page","link":"https:\/\/nsbi.org.rs\/sr\/doniraj","title":{"rendered":"Doniraj"},"content":{"rendered":"<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-65f7c6d6 uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-false uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height     \" data-faqtoggle=\"true\" role=\"tablist\"><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-4e4d7e28 \" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 640 512\"><path d=\"M347.2 32C358.1 32 369.8 38.44 375.4 48.78L473.3 229.1C485.5 226.1 498.5 224 512 224C582.7 224 640 281.3 640 352C640 422.7 582.7 480 512 480C441.3 480 384 422.7 384 352C384 311.1 402.4 276.3 431.1 252.8L409.4 212.7L324.7 356.2C320.3 363.5 312.5 368 304 368H255C247.1 431.1 193.3 480 128 480C57.31 480 0 422.7 0 352C0 281.3 57.31 224 128 224C138.7 224 149.2 225.3 159.2 227.8L185.8 174.7L163.7 144H120C106.7 144 96 133.3 96 120C96 106.7 106.7 96 120 96H176C183.7 96 190.1 99.71 195.5 105.1L222.9 144H372.3L337.7 80H311.1C298.7 80 287.1 69.25 287.1 56C287.1 42.75 298.7 32 311.1 32H347.2zM440 352C440 391.8 472.2 424 512 424C551.8 424 584 391.8 584 352C584 312.2 551.8 280 512 280C508.2 280 504.5 280.3 500.8 280.9L533.1 340.6C539.4 352.2 535.1 366.8 523.4 373.1C511.8 379.4 497.2 375.1 490.9 363.4L458.6 303.7C447 316.5 440 333.4 440 352V352zM108.8 328.6L133.1 280.2C131.4 280.1 129.7 280 127.1 280C88.24 280 55.1 312.2 55.1 352C55.1 391.8 88.24 424 127.1 424C162.3 424 190.9 400.1 198.2 368H133.2C112.1 368 99.81 346.7 108.8 328.6H108.8zM290.3 320L290.4 319.9L217.5 218.7L166.8 320H290.3zM257.4 192L317 274.8L365.9 192H257.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 256 512\"><path d=\"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Kako se inicijativa finansira?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Rad Novosadske biciklisti\u010dke inicijative zasniva se na kombinaciji razli\u010ditih izvora finansiranja. Sredstva se obezbe\u0111uju kroz:<br>1. Projektno finansiranje (donacije doma\u0107ih i me\u0111unarodnih fondacija, organizacija i institucija za konkretne aktivnosti od javnog interesa \u2014 promocija bicikliranja, unapre\u0111enje bezbednosti, edukacija, javno zagovaranje i sli\u010dno).<br>2. Sponzorstva kompanija koje prepoznaju zna\u010daj odr\u017eive mobilnosti i razvoja zajednice.<br>3. Donacije gra\u0111ana koji \u017eele da podr\u017ee na\u0161 rad.<br>4. \u010clanarine.<br>Va\u017eno je naglasiti da su projektna sredstva namenska \u2014 unapred je definisano na \u0161ta mogu da se tro\u0161e i ne mogu se koristiti za osnovno funkcionisanje organizacije. Upravo zato su donacije gra\u0111ana i podr\u0161ka zajednice klju\u010dne za na\u0161 opstanak.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-58bb9068 \" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 640 512\"><path d=\"M347.2 32C358.1 32 369.8 38.44 375.4 48.78L473.3 229.1C485.5 226.1 498.5 224 512 224C582.7 224 640 281.3 640 352C640 422.7 582.7 480 512 480C441.3 480 384 422.7 384 352C384 311.1 402.4 276.3 431.1 252.8L409.4 212.7L324.7 356.2C320.3 363.5 312.5 368 304 368H255C247.1 431.1 193.3 480 128 480C57.31 480 0 422.7 0 352C0 281.3 57.31 224 128 224C138.7 224 149.2 225.3 159.2 227.8L185.8 174.7L163.7 144H120C106.7 144 96 133.3 96 120C96 106.7 106.7 96 120 96H176C183.7 96 190.1 99.71 195.5 105.1L222.9 144H372.3L337.7 80H311.1C298.7 80 287.1 69.25 287.1 56C287.1 42.75 298.7 32 311.1 32H347.2zM440 352C440 391.8 472.2 424 512 424C551.8 424 584 391.8 584 352C584 312.2 551.8 280 512 280C508.2 280 504.5 280.3 500.8 280.9L533.1 340.6C539.4 352.2 535.1 366.8 523.4 373.1C511.8 379.4 497.2 375.1 490.9 363.4L458.6 303.7C447 316.5 440 333.4 440 352V352zM108.8 328.6L133.1 280.2C131.4 280.1 129.7 280 127.1 280C88.24 280 55.1 312.2 55.1 352C55.1 391.8 88.24 424 127.1 424C162.3 424 190.9 400.1 198.2 368H133.2C112.1 368 99.81 346.7 108.8 328.6H108.8zM290.3 320L290.4 319.9L217.5 218.7L166.8 320H290.3zM257.4 192L317 274.8L365.9 192H257.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 256 512\"><path d=\"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Kako se tro\u0161i novac od donacija?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Sredstva kojima raspola\u017eemo koristimo odgovorno i transparentno, kako bismo obezbedili kontinuiran rad organizacije i realizaciju aktivnosti. Tro\u0161kovi uklju\u010duju:<br>1. Zakup prostora (mesto gde se okupljamo, organizujemo radionice i gradimo zajednicu).<br>2. Teku\u0107e tro\u0161kove i ra\u010dune (struja, internet, telefon i odr\u017eavanje).<br>3. Odr\u017eavanje platforme <a href=\"https:\/\/dopisi.nsbi.org.rs\"><strong>dopisi.nsbi.org.rs<\/strong><\/a> i podno\u0161enje i pra\u0107enje prijava gra\u0111ana.<br>4. Knjigovodstvene i administrativne usluge (neophodne za zakonito poslovanje).<br>5. Organizaciju aktivnosti (doga\u0111aji, radionice, akcije, kampanje).<br>6. Javno zagovaranje (rad na unapre\u0111enju politika, istra\u017eivanja, inicijative i komunikacija sa institucijama).<br>7. Opremu i logistiku (alati, materijali, tehni\u010dka sredstva).<br>Drugim re\u010dima, sredstva ne koristimo za profit, ve\u0107 za stvaranje konkretnih promena u gradu i zajednici.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-21ece8ed \" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 640 512\"><path d=\"M347.2 32C358.1 32 369.8 38.44 375.4 48.78L473.3 229.1C485.5 226.1 498.5 224 512 224C582.7 224 640 281.3 640 352C640 422.7 582.7 480 512 480C441.3 480 384 422.7 384 352C384 311.1 402.4 276.3 431.1 252.8L409.4 212.7L324.7 356.2C320.3 363.5 312.5 368 304 368H255C247.1 431.1 193.3 480 128 480C57.31 480 0 422.7 0 352C0 281.3 57.31 224 128 224C138.7 224 149.2 225.3 159.2 227.8L185.8 174.7L163.7 144H120C106.7 144 96 133.3 96 120C96 106.7 106.7 96 120 96H176C183.7 96 190.1 99.71 195.5 105.1L222.9 144H372.3L337.7 80H311.1C298.7 80 287.1 69.25 287.1 56C287.1 42.75 298.7 32 311.1 32H347.2zM440 352C440 391.8 472.2 424 512 424C551.8 424 584 391.8 584 352C584 312.2 551.8 280 512 280C508.2 280 504.5 280.3 500.8 280.9L533.1 340.6C539.4 352.2 535.1 366.8 523.4 373.1C511.8 379.4 497.2 375.1 490.9 363.4L458.6 303.7C447 316.5 440 333.4 440 352V352zM108.8 328.6L133.1 280.2C131.4 280.1 129.7 280 127.1 280C88.24 280 55.1 312.2 55.1 352C55.1 391.8 88.24 424 127.1 424C162.3 424 190.9 400.1 198.2 368H133.2C112.1 368 99.81 346.7 108.8 328.6H108.8zM290.3 320L290.4 319.9L217.5 218.7L166.8 320H290.3zM257.4 192L317 274.8L365.9 192H257.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 256 512\"><path d=\"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Transparentnost!<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Rad Novosadske biciklisti\u010dke inicijative je javan i transparentan. Redovni finansijski izve\u0161taji dostupni su putem <strong><a href=\"https:\/\/fin.apr.gov.rs\/JavnaPretraga\">sajta Agencije za privredne registre<\/a><\/strong>, a o radu organizacije odlu\u010duje skup\u0161tina udru\u017eenja, koja razmatra izve\u0161taje i donosi klju\u010dne odluke.<br>Kompletne finansijske izve\u0161taje za prethodne godine mo\u017ee\u0161 pogledati u nastavku:<br>1. <a href=\"https:\/\/drive.google.com\/file\/d\/19pMppUEa6tawoZzfTAcGTR6W3v8_rtw9\/view?usp=drive_link\">Finansijski izve\u0161taj 2022. godina<\/a><br>2. <a href=\"https:\/\/drive.google.com\/file\/d\/1KAWyORUZu40ExA4MGJqk51UjVAkHOrvL\/view?usp=drive_link\">Finansijski izve\u0161taj 2023. godina<\/a><br>3. <a href=\"https:\/\/drive.google.com\/file\/d\/19xGTCMYTpSzDNeDgZkNQ_RqHIi_rdPkt\/view?usp=drive_link\">Finansijski izve\u0161taj 2024. godina<\/a><br>4. <a href=\"https:\/\/drive.google.com\/file\/d\/1pmHnxdqJskFBA0Uf021F7BflVN5D_4bV\/view?usp=drive_link\">Finansijski izve\u0161taj 2025. godina<\/a><\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-e84e855e \" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 640 512\"><path d=\"M347.2 32C358.1 32 369.8 38.44 375.4 48.78L473.3 229.1C485.5 226.1 498.5 224 512 224C582.7 224 640 281.3 640 352C640 422.7 582.7 480 512 480C441.3 480 384 422.7 384 352C384 311.1 402.4 276.3 431.1 252.8L409.4 212.7L324.7 356.2C320.3 363.5 312.5 368 304 368H255C247.1 431.1 193.3 480 128 480C57.31 480 0 422.7 0 352C0 281.3 57.31 224 128 224C138.7 224 149.2 225.3 159.2 227.8L185.8 174.7L163.7 144H120C106.7 144 96 133.3 96 120C96 106.7 106.7 96 120 96H176C183.7 96 190.1 99.71 195.5 105.1L222.9 144H372.3L337.7 80H311.1C298.7 80 287.1 69.25 287.1 56C287.1 42.75 298.7 32 311.1 32H347.2zM440 352C440 391.8 472.2 424 512 424C551.8 424 584 391.8 584 352C584 312.2 551.8 280 512 280C508.2 280 504.5 280.3 500.8 280.9L533.1 340.6C539.4 352.2 535.1 366.8 523.4 373.1C511.8 379.4 497.2 375.1 490.9 363.4L458.6 303.7C447 316.5 440 333.4 440 352V352zM108.8 328.6L133.1 280.2C131.4 280.1 129.7 280 127.1 280C88.24 280 55.1 312.2 55.1 352C55.1 391.8 88.24 424 127.1 424C162.3 424 190.9 400.1 198.2 368H133.2C112.1 368 99.81 346.7 108.8 328.6H108.8zM290.3 320L290.4 319.9L217.5 218.7L166.8 320H290.3zM257.4 192L317 274.8L365.9 192H257.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 256 512\"><path d=\"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Kako mogu donirati?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>Doniranje je sada postalo veoma lako. Ispod ima\u0161 onlajn alat za generisanje QR koda za donaciju. Broj ra\u010duna i naziv primaoca su ve\u0107 popunjeni, a u polju &#8220;Svrha uplate&#8221; potrebno je samo da odabere\u0161 opciju &#8220;Donacija&#8221;. Nakon toga izaberi \u017eeljeni iznos donacije &#8211; mo\u017ee\u0161 upisati samostalno ili izabrati neki od ponu\u0111enih, te klikni na opciju &#8220;Generi\u0161i QR kod&#8221;. Iza\u0107i \u0107e ti QR kod koji mo\u017ee\u0161 podeliti u svojoj mobilnoj aplikaciji i tako lako donirati, ili kopirati kompletan tekst i samo prelepiti u mobilnoj aplikaciji.<br><br>Hvala ti \u0161to podr\u017eava\u0161 rad udru\u017eenja i borbu za bolji biciklisti\u010dki Novi Sad.<\/p><\/div><\/div><\/div>\n\n\n<!-- Biblioteka za stilizovanje QR koda -->\n<script src=\"https:\/\/unpkg.com\/qr-code-styling@1.5.0\/lib\/qr-code-styling.js\"><\/script>\n\n<!-- Izolovani CSS stilovi -->\n<style>\n  #qr-donacije-wrapper {\n    font-family: Arial, Helvetica, sans-serif;\n    max-width: 480px;\n    margin: 25px auto;\n    padding: 25px;\n    background-color: #ffffff;\n    border: 2px solid #335f28; \/* NSBI zelena *\/\n    border-radius: 8px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    position: relative;\n  }\n  #qr-donacije-wrapper h3 {\n    text-align: center;\n    color: #335f28;\n    margin-top: 0;\n    margin-bottom: 20px;\n    font-size: 22px;\n    font-weight: 700;\n  }\n  #qr-donacije-wrapper .qr-form-group {\n    margin-bottom: 18px;\n    text-align: left;\n  }\n  #qr-donacije-wrapper label {\n    display: block;\n    margin-bottom: 6px;\n    font-weight: 600;\n    color: #222222;\n    font-size: 14px;\n  }\n  #qr-donacije-wrapper input,\n  #qr-donacije-wrapper select {\n    width: 100%;\n    padding: 12px;\n    border: 1px solid #cccccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n    font-size: 15px;\n    background-color: #fcfdfe !important;\n    color: #222222 !important;\n    transition: border-color 0.2s, box-shadow 0.2s;\n  }\n  #qr-donacije-wrapper select {\n    cursor: pointer;\n    appearance: auto;\n  }\n  #qr-donacije-wrapper input[readonly] {\n    background-color: #f2f4f1 !important;\n    color: #555555 !important;\n    cursor: not-allowed;\n    border-color: #d1d8cf;\n  }\n  #qr-donacije-wrapper input:focus:not([readonly]),\n  #qr-donacije-wrapper select:focus {\n    border-color: #335f28;\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(51, 95, 40, 0.2);\n  }\n  \n  \/* Brza dugmad za iznos *\/\n  #qr-donacije-wrapper .quick-amounts {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 8px;\n  }\n  #qr-donacije-wrapper .quick-btn {\n    flex: 1 1 calc(25% - 8px);\n    min-width: 70px;\n    padding: 8px 5px;\n    background-color: #f1f6f0;\n    color: #335f28;\n    border: 1px solid #c8dcc3;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  #qr-donacije-wrapper .quick-btn:hover {\n    background-color: #e2ede0;\n  }\n  #qr-donacije-wrapper .quick-btn.active {\n    background-color: #335f28 !important;\n    color: #ffffff !important;\n    border-color: #335f28 !important;\n  }\n\n  \/* Polje za ru\u010dni unos svrhe ako izabere 'Drugo' *\/\n  #qr-donacije-wrapper #custom-svrha-wrapper {\n    margin-top: 8px;\n    display: none;\n  }\n\n  #qr-donacije-wrapper #btn-generisi {\n    width: 100%;\n    padding: 14px;\n    margin-top: 10px;\n    background-color: #335f28;\n    color: #ffffff;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: background-color 0.2s;\n  }\n  #qr-donacije-wrapper #btn-generisi:hover {\n    background-color: #26491e;\n  }\n\n  \/* Red sa akcionim dugmadima *\/\n  #qr-donacije-wrapper .action-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 15px;\n  }\n  #qr-donacije-wrapper .btn-sec {\n    flex: 1 1 calc(50% - 8px);\n    padding: 10px 4px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: bold;\n    cursor: pointer;\n    border: 1px solid #335f28;\n    background-color: #ffffff;\n    color: #335f28;\n    transition: all 0.2s;\n    text-align: center;\n  }\n  #qr-donacije-wrapper .btn-sec:hover {\n    background-color: #f1f6f0;\n  }\n\n  #qr-donacije-wrapper .btn-reset {\n    width: 100%;\n    margin-top: 15px;\n    padding: 10px;\n    background-color: #e2e8e0;\n    border: none;\n    color: #335f28;\n    border-radius: 4px;\n    font-size: 13px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n  #qr-donacije-wrapper .btn-reset:hover {\n    background-color: #d1dcd8;\n  }\n\n  #qr-donacije-wrapper #qr-error-msg {\n    color: #d9534f;\n    font-weight: bold;\n    text-align: center;\n    margin-top: 12px;\n    display: none;\n  }\n\n  #qr-donacije-wrapper #qrcode-container {\n    margin-top: 25px;\n    padding-top: 20px;\n    border-top: 1px solid #eeeeee;\n    text-align: center;\n    display: none;\n  }\n\n  \/* Poruka zahvalnosti *\/\n  #qr-donacije-wrapper .thank-you-msg {\n    background-color: #f1f6f0;\n    color: #335f28;\n    padding: 12px 15px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 18px;\n    line-height: 1.4;\n    border: 1px dashed #c8dcc3;\n  }\n\n  #qr-donacije-wrapper #qrcode {\n    display: inline-block;\n    padding: 15px;\n    background: #ffffff;\n    border-radius: 8px;\n    border: 2px solid #335f28;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  }\n  #qr-donacije-wrapper #qrcode canvas {\n    display: block;\n    margin: 0 auto;\n  }\n  #qr-donacije-wrapper .instructions {\n    font-size: 13px;\n    color: #555555;\n    margin-top: 12px;\n    line-height: 1.4;\n  }\n\n  \/* Notifikacija za kopiranje (Toast) *\/\n  #qr-donacije-wrapper #copy-toast {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #335f28;\n    color: #ffffff;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 13px;\n    font-weight: bold;\n    display: none;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n    z-index: 10;\n  }\n\n  #uplatnica-canvas {\n    display: none;\n  }\n<\/style>\n\n<!-- Kontejner forme -->\n<div id=\"qr-donacije-wrapper\">\n  <h3>Generi\u0161ite QR kod za donaciju<\/h3>\n  \n  <form id=\"qr-form\" onsubmit=\"return false;\">\n    <div class=\"qr-form-group\">\n      <label for=\"racun\">Broj ra\u010duna primaoca:<\/label>\n      <input type=\"text\" id=\"racun\" value=\"340000001100899296\" readonly=\"\" title=\"Broj ra\u010duna je fiksiran za NSBI\">\n    <\/div>\n\n    <div class=\"qr-form-group\">\n      <label for=\"primalac\">Naziv primaoca:<\/label>\n      <input type=\"text\" id=\"primalac\" value=\"Novosadska biciklisti\u010dka inicijativa\" readonly=\"\" title=\"Naziv primaoca je fiksiran\">\n    <\/div>\n\n    <div class=\"qr-form-group\">\n      <label for=\"svrha-select\">Svrha uplate:<\/label>\n      <select id=\"svrha-select\" onchange=\"promeniSvrhuIPrilagodiIznose()\">\n        <option value=\"Donacija\" selected=\"\">Donacija<\/option>\n        <option value=\"Biciklograd \u010dlanarina\">Biciklograd \u010dlanarina<\/option>\n        <option value=\"Redovna \u010dlanarina\">Redovna \u010dlanarina<\/option>\n        <option value=\"Podr\u0161ka za Bike Kitchen\">Podr\u0161ka za Bike Kitchen<\/option>\n        <option value=\"Rent-a-cargo\">Rent-a-cargo<\/option>\n        <option value=\"Bicikloteka \u010dlanarina\">Bicikloteka \u010dlanarina<\/option>\n        <option value=\"Podr\u0161ka za Kriti\u010dnu masu\">Podr\u0161ka za Kriti\u010dnu masu<\/option>\n        <option value=\"Podr\u0161ka za mapiranje\">Podr\u0161ka za mapiranje<\/option>\n        <option value=\"SOS pomo\u0107 na stazi\">SOS pomo\u0107 na stazi<\/option>\n        <option value=\"DRUGO\">Drugo&#8230; (Upi\u0161ite ru\u010dno)<\/option>\n      <\/select>\n\n      <div id=\"custom-svrha-wrapper\">\n        <input type=\"text\" id=\"svrha-custom\" placeholder=\"Unesite svrhu uplate\">\n      <\/div>\n    <\/div>\n\n    <div class=\"qr-form-group\">\n      <label for=\"iznos\">Iznos uplate (RSD):<\/label>\n      <input type=\"number\" id=\"iznos\" placeholder=\"Unesite iznos\" step=\"1\" min=\"1\" oninput=\"ukloniAktivneIznose()\" required=\"\">\n      \n      <!-- Brza dugmad za iznos -->\n      <div class=\"quick-amounts\" id=\"quick-amounts-container\"><\/div>\n    <\/div>\n\n    <button type=\"button\" id=\"btn-generisi\">Generi\u0161i QR Kod<\/button>\n  <\/form>\n\n  <div id=\"qr-error-msg\"><\/div>\n\n  <div id=\"qrcode-container\">\n    <div class=\"thank-you-msg\" id=\"thank-you-msg\"><\/div>\n\n    <p style=\"font-weight: bold; margin-bottom: 12px; color: #333333;\">Prika\u017eite ovaj kod donatoru ili skenirajte:<\/p>\n    \n    <div id=\"qrcode\"><\/div>\n\n    <div class=\"action-buttons\">\n      <button type=\"button\" class=\"btn-sec\" onclick=\"kopirajUplatnicu()\">\ud83d\udccb Kopiraj uplatnicu<\/button>\n      <button type=\"button\" class=\"btn-sec\" onclick=\"preuzmiQR()\">\ud83d\uddbc\ufe0f Preuzmi QR kod<\/button>\n      <button type=\"button\" class=\"btn-sec\" onclick=\"preuzmiUplatnicu()\">\ud83d\udcc4 Preuzmi uplatnicu<\/button>\n      <button type=\"button\" class=\"btn-sec\" onclick=\"podeliUplatnicu()\">\ud83d\udcf2 Podeli<\/button>\n    <\/div>\n\n    <p class=\"instructions\">Donator treba da otvori m-Banking aplikaciju svoje banke i izabere opciju <strong>IPS Skeniraj<\/strong>.<\/p>\n    \n    <button type=\"button\" class=\"btn-reset\" onclick=\"resetujFormu()\">\ud83d\udd04 Nova donacija<\/button>\n  <\/div>\n\n  <div id=\"copy-toast\">Uplatnica je kopirana!<\/div>\n  \n  <canvas id=\"uplatnica-canvas\" width=\"800\" height=\"380\"><\/canvas>\n<\/div>\n\n<script>\n  \/\/ \u010cista i jasna vektorska grafika bicikla\n  const bikeSvgDataUrl = \"data:image\/svg+xml;charset=utf-8,\" + encodeURIComponent(`\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" width=\"100\" height=\"100\">\n      <circle cx=\"25\" cy=\"65\" r=\"18\" stroke=\"#335f28\" stroke-width=\"7\" fill=\"none\"\/>\n      <circle cx=\"75\" cy=\"65\" r=\"18\" stroke=\"#335f28\" stroke-width=\"7\" fill=\"none\"\/>\n      <path d=\"M25 65 L43 65 L63 35 L75 65 M43 65 L37 35 M25 65 L37 35 M30 35 H44 M63 35 L68 23 H58\" \n            stroke=\"#335f28\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n    <\/svg>\n  `);\n\n  \/\/ Inicijalizacija stilizovanog QR koda\n  const qrCodeStyling = new QRCodeStyling({\n    width: 220,\n    height: 220,\n    type: \"canvas\",\n    data: \"\",\n    image: bikeSvgDataUrl,\n    dotsOptions: {\n      color: \"#335f28\",\n      type: \"rounded\"\n    },\n    backgroundOptions: {\n      color: \"#ffffff\",\n    },\n    cornersSquareOptions: {\n      color: \"#335f28\",\n      type: \"extra-rounded\"\n    },\n    cornersDotOptions: {\n      color: \"#335f28\",\n      type: \"dot\"\n    },\n    imageOptions: {\n      hideBackgroundDots: true,\n      imageSize: 0.26,\n      margin: 3\n    },\n    qrOptions: {\n      errorCorrectionLevel: 'Q'\n    }\n  });\n\n  \/\/ Dodavanje QR koda u kontejner\n  document.getElementById('qrcode').innerHTML = '';\n  qrCodeStyling.append(document.getElementById('qrcode'));\n\n  const iznosiPoSvrsi = {\n    'Donacija': [200, 500, 1000, 2000],\n    'Biciklograd \u010dlanarina': [1500, 2500, 3500, 4000, 6000],\n    'Redovna \u010dlanarina': [500, 1000],\n    'Bicikloteka \u010dlanarina': [1000, 1500, 2000, 3000],\n    'Podr\u0161ka za Bike Kitchen': [300, 500, 1000, 1500],\n    'Rent-a-cargo': [300, 500, 1000, 1500],\n    'Podr\u0161ka za Kriti\u010dnu masu': [200, 500, 1000, 2000],\n    'Podr\u0161ka za mapiranje': [200, 500, 1000, 1500],\n    'SOS pomo\u0107 na stazi': [500, 1000, 2000],\n    'DRUGO': [200, 500, 1000, 2000]\n  };\n\n  const zahvalnicePoSvrsi = {\n    'Donacija': '\ud83d\udc9a Hvala ti \u0161to podr\u017eava\u0161 rad NSBI i borbu za bolji biciklisti\u010dki Novi Sad! \ud83d\udeb2',\n    'Biciklograd \u010dlanarina': '\ud83c\udfdb\ufe0f Hvala ti \u0161to podr\u017eava\u0161 viziju Biciklograda i aktivno u\u010destvuje\u0161 u stvaranju odr\u017eivog grada!',\n    'Redovna \u010dlanarina': '\ud83d\udeb2 Dobrodo\u0161ao\/la! Hvala ti \u0161to si zvani\u010dni deo NSBI tima i na\u0161e biciklisti\u010dke pri\u010de.',\n    'Bicikloteka \u010dlanarina': '\ud83d\udcda Hvala ti \u0161to podr\u017eava\u0161 Bicikloteku i deli\u0161 sa nama ljubav prema vo\u017enji na dva to\u010dka!',\n    'Podr\u0161ka za Bike Kitchen': '\ud83d\udee0\ufe0f Hvala ti! Tvoja podr\u0161ka odr\u017eava Bike Kitchen otvorenim za sve kojima treba popravka i alat.',\n    'Rent-a-cargo': '\ud83d\udce6 Hvala ti \u0161to koristi\u0161 i podr\u017eava\u0161 cargo bicikle \u2014 manje gu\u017eve, vi\u0161e \u010distog vazduha!',\n    'Podr\u0161ka za Kriti\u010dnu masu': '\ud83d\udce3 Hvala ti! Tvoj doprinos nam poma\u017ee da poguramo slede\u0107u Kriti\u010dnu masu i budemo glasniji!',\n    'Podr\u0161ka za mapiranje': '\ud83d\uddfa\ufe0f Hvala ti \u0161to poma\u017ee\u0161 mapiranje i unapre\u0111enje biciklisti\u010dke infrastrukture na\u0161eg grada!',\n    'SOS pomo\u0107 na stazi': 'Zna\u0161 da smo uvek tu da pomognemo kada je najpotrebnije. Hvala ti \u0161to donacijama podr\u017eava\u0161 \"pomo\u0107 na putu za bicikliste.\"',\n    'DRUGO': '\ud83d\udc9a Hvala ti na podr\u0161ci i svakoj donaciji koja pokre\u0107e pozitivne promene! \ud83d\udeb2'\n  };\n\n  function generisiDugmadZaIznos(listaIznosa) {\n    const container = document.getElementById('quick-amounts-container');\n    container.innerHTML = '';\n\n    listaIznosa.forEach(iznos => {\n      const btn = document.createElement('button');\n      btn.type = 'button';\n      btn.className = 'quick-btn';\n      btn.innerText = iznos + ' RSD';\n      btn.onclick = function() { postaviIznos(iznos, btn); };\n      container.appendChild(btn);\n    });\n  }\n\n  function promeniSvrhuIPrilagodiIznose() {\n    const selectVal = document.getElementById('svrha-select').value;\n    const customWrapper = document.getElementById('custom-svrha-wrapper');\n    \n    if (selectVal === 'DRUGO') {\n      customWrapper.style.display = 'block';\n    } else {\n      customWrapper.style.display = 'none';\n    }\n\n    const noviIznosi = iznosiPoSvrsi[selectVal] || [200, 500, 1000, 2000];\n    generisiDugmadZaIznos(noviIznosi);\n\n    document.getElementById('iznos').value = '';\n    ukloniAktivneIznose();\n  }\n\n  function postaviIznos(vrednost, el) {\n    document.getElementById('iznos').value = vrednost;\n    ukloniAktivneIznose();\n    if (el) el.classList.add('active');\n  }\n\n  function ukloniAktivneIznose() {\n    const btns = document.querySelectorAll('#qr-donacije-wrapper .quick-btn');\n    btns.forEach(btn => btn.classList.remove('active'));\n  }\n\n  function resetujFormu() {\n    document.getElementById('iznos').value = '';\n    document.getElementById('svrha-select').value = 'Donacija';\n    promeniSvrhuIPrilagodiIznose();\n\n    document.getElementById('qrcode-container').style.display = 'none';\n    document.getElementById('qr-error-msg').style.display = 'none';\n  }\n\n  function iscrtajUplatnicu(qrCanvasElement) {\n    const uCanvas = document.getElementById('uplatnica-canvas');\n    const ctx = uCanvas.getContext('2d');\n\n    const racun = document.getElementById('racun').value;\n    const primalac = document.getElementById('primalac').value;\n    const iznosVal = document.getElementById('iznos').value.trim();\n    const selectVal = document.getElementById('svrha-select').value;\n    let svrha = selectVal === 'DRUGO' ? document.getElementById('svrha-custom').value.trim() : selectVal;\n\n    \/\/ Pozadina uplatnice\n    ctx.fillStyle = '#fff0f3';\n    ctx.fillRect(0, 0, 800, 380);\n\n    ctx.strokeStyle = '#335f28';\n    ctx.lineWidth = 3;\n    ctx.strokeRect(10, 10, 780, 360);\n\n    \/\/ Naslov\n    ctx.fillStyle = '#335f28';\n    ctx.font = 'bold 20px Arial';\n    ctx.fillText('NALOG ZA UPLATU', 30, 40);\n\n    ctx.font = '12px Arial';\n    ctx.fillStyle = '#555';\n    ctx.fillText('platilac', 30, 70);\n    ctx.strokeRect(30, 75, 340, 50);\n\n    ctx.fillText('svrha doznake', 30, 145);\n    ctx.strokeRect(30, 150, 340, 50);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 14px Arial';\n    ctx.fillText(svrha, 40, 180);\n\n    ctx.fillStyle = '#555';\n    ctx.font = '12px Arial';\n    ctx.fillText('primalac', 30, 220);\n    ctx.strokeRect(30, 225, 340, 60);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 14px Arial';\n    ctx.fillText(primalac, 40, 250);\n    ctx.font = '12px Arial';\n    ctx.fillText('Novi Sad', 40, 270);\n\n    \/\/ Desna strana - podaci za uplatu\n    ctx.fillStyle = '#555';\n    ctx.fillText('\u0161ifra pla\u0107anja', 400, 70);\n    ctx.strokeRect(400, 75, 70, 35);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 14px Arial';\n    ctx.fillText('289', 420, 98);\n\n    ctx.fillStyle = '#555';\n    ctx.font = '12px Arial';\n    ctx.fillText('valuta', 485, 70);\n    ctx.strokeRect(485, 75, 55, 35);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 14px Arial';\n    ctx.fillText('RSD', 495, 98);\n\n    ctx.fillStyle = '#555';\n    ctx.font = '12px Arial';\n    ctx.fillText('iznos', 550, 70);\n    ctx.strokeRect(550, 75, 220, 35);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 16px Arial';\n    ctx.fillText('= ' + iznosVal + ',00', 560, 98);\n\n    ctx.fillStyle = '#555';\n    ctx.font = '12px Arial';\n    ctx.fillText('ra\u010dun primaoca', 400, 130);\n    ctx.strokeRect(400, 135, 370, 35);\n    ctx.fillStyle = '#000';\n    ctx.font = 'bold 15px Arial';\n    ctx.fillText(racun, 410, 158);\n\n    ctx.fillStyle = '#555';\n    ctx.font = '12px Arial';\n    ctx.fillText('model i poziv na broj (odobrenje)', 400, 185);\n    ctx.strokeRect(400, 190, 370, 35);\n\n    \/\/ Crtanje zaobljenog QR koda na uplatnici\n    if (qrCanvasElement) {\n      ctx.drawImage(qrCanvasElement, 610, 235, 130, 130);\n      ctx.strokeStyle = '#335f28';\n      ctx.strokeRect(610, 235, 130, 130);\n    }\n  }\n\n  document.getElementById('btn-generisi').addEventListener('click', function() {\n    const errorDiv = document.getElementById('qr-error-msg');\n    const container = document.getElementById('qrcode-container');\n    const thankYouDiv = document.getElementById('thank-you-msg');\n    \n    errorDiv.style.display = 'none';\n    errorDiv.innerText = '';\n\n    const racun = document.getElementById('racun').value;\n    const primalac = document.getElementById('primalac').value;\n    const iznosVal = document.getElementById('iznos').value.trim();\n    \n    const selectVal = document.getElementById('svrha-select').value;\n    let svrha = selectVal;\n    if (selectVal === 'DRUGO') {\n      svrha = document.getElementById('svrha-custom').value.trim();\n    }\n\n    if (!iznosVal || parseFloat(iznosVal) <= 0) {\n      errorDiv.innerText = 'Unesite ispravan iznos donacije.';\n      errorDiv.style.display = 'block';\n      return;\n    }\n\n    if (!svrha) {\n      errorDiv.innerText = 'Unesite ili izaberite svrhu uplate.';\n      errorDiv.style.display = 'block';\n      return;\n    }\n\n    thankYouDiv.innerText = zahvalnicePoSvrsi[selectVal] || zahvalnicePoSvrsi['DRUGO'];\n\n    const iznosFormatiran = 'RSD' + parseFloat(iznosVal).toFixed(2).replace('.', ',');\n    const nbsText = `K:PR|V:01|C:1|R:${racun}|N:${primalac}|I:${iznosFormatiran}|SF:289|S:${svrha}`;\n\n    qrCodeStyling.update({\n      data: nbsText\n    });\n\n    container.style.display = 'block';\n\n    setTimeout(() => {\n      const generatedCanvas = document.querySelector(\"#qrcode canvas\");\n      if (generatedCanvas) {\n        iscrtajUplatnicu(generatedCanvas);\n      }\n    }, 150);\n  });\n\n  function kopirajUplatnicu() {\n    const racun = document.getElementById('racun').value;\n    const primalac = document.getElementById('primalac').value;\n    const iznosVal = document.getElementById('iznos').value.trim();\n    const selectVal = document.getElementById('svrha-select').value;\n    let svrha = selectVal === 'DRUGO' ? document.getElementById('svrha-custom').value.trim() : selectVal;\n\n    const tekstZaKopiranje = `Ra\u010dun: ${racun}\\nPrimalac: ${primalac}\\nIznos: ${iznosVal} RSD\\nSvrha: ${svrha}`;\n\n    navigator.clipboard.writeText(tekstZaKopiranje).then(() => {\n      prikaziToast('Uplatnica je kopirana!');\n    }).catch(() => {\n      prikaziToast('Gre\u0161ka pri kopiranju!');\n    });\n  }\n\n  function prikaziToast(poruka) {\n    const toast = document.getElementById('copy-toast');\n    toast.innerText = poruka;\n    toast.style.display = 'block';\n    setTimeout(() => {\n      toast.style.display = 'none';\n    }, 2000);\n  }\n\n  function preuzmiQR() {\n    qrCodeStyling.download({\n      name: \"NSBI-Donacija-QR\",\n      extension: \"png\"\n    });\n  }\n\n  function preuzmiUplatnicu() {\n    const canvas = document.getElementById('uplatnica-canvas');\n    try {\n      const imageURI = canvas.toDataURL('image\/png');\n      const a = document.createElement('a');\n      a.href = imageURI;\n      a.download = 'NSBI-Uplatnica.png';\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n    } catch (e) {\n      prikaziToast('Gre\u0161ka pri preuzimanju uplatnice!');\n    }\n  }\n\n  function podeliUplatnicu() {\n    const canvas = document.getElementById('uplatnica-canvas');\n    if (navigator.share) {\n      canvas.toBlob(function(blob) {\n        if (!blob) return;\n        const file = new File([blob], 'NSBI-Uplatnica.png', { type: 'image\/png' });\n        navigator.share({\n          title: 'NSBI Uplatnica',\n          text: 'Uplatnica i QR kod za podr\u0161ku Novosadskoj biciklisti\u010dkoj inicijativi',\n          files: [file]\n        }).catch(() => {});\n      });\n    } else {\n      prikaziToast('Opcija deljenja nije podr\u017eana u ovom pregleda\u010du.');\n    }\n  }\n\n  promeniSvrhuIPrilagodiIznose();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Generi\u0161ite QR kod za donaciju Broj ra\u010duna primaoca: Naziv primaoca: Svrha uplate: DonacijaBiciklograd \u010dlanarinaRedovna \u010dlanarinaPodr\u0161ka za Bike KitchenRent-a-cargoBicikloteka \u010dlanarinaPodr\u0161ka za Kriti\u010dnu masuPodr\u0161ka za mapiranjeSOS pomo\u0107 na staziDrugo&#8230; (Upi\u0161ite ru\u010dno) Iznos&#8230;<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-510","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"NSBI","author_link":"https:\/\/nsbi.org.rs\/sr\/author\/nsbi"},"uagb_comment_info":0,"uagb_excerpt":"Generi\u0161ite QR kod za donaciju Broj ra\u010duna primaoca: Naziv primaoca: Svrha uplate: DonacijaBiciklograd \u010dlanarinaRedovna \u010dlanarinaPodr\u0161ka za Bike KitchenRent-a-cargoBicikloteka \u010dlanarinaPodr\u0161ka za Kriti\u010dnu masuPodr\u0161ka za mapiranjeSOS pomo\u0107 na staziDrugo&#8230; (Upi\u0161ite ru\u010dno) Iznos...","_links":{"self":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/comments?post=510"}],"version-history":[{"count":86,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":9447,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/510\/revisions\/9447"}],"wp:attachment":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/media?parent=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}