https://ckrm.org.mk/_next/static/chunks/401.b5c717d736289b5a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[401],{3557:function(e,t,r){r.r(t),r.d(t,{default:function(){return p}});var a=r(5893),i=r(7294),n=r(8458),o=r(3481),l=r(4797),s=r(8258),d=e=>{let{title:t,url:r}=e;return(0,a.jsxs)(o.Z,{gap:".5rem",justifyContent:"flex-start",children:[(0,a.jsx)(s.cG,{subject:t,url:r,separator:" | ",children:(0,a.jsx)(s.LQ,{size:40})}),(0,a.jsx)(s.Dk,{title:t,url:r,separator:" | ",children:(0,a.jsx)(s.Vq,{size:40})}),(0,a.jsx)(s.r2,{title:t,url:r,separator:" | ",children:(0,a.jsx)(s.pA,{size:40})}),(0,a.jsx)(s.B,{title:t,url:r,separator:" | ",children:(0,a.jsx)(s.Zm,{size:40})}),(0,a.jsx)(s.UE,{title:t,url:r,separator:" | ",children:(0,a.jsx)(s.Y7,{size:40})}),(0,a.jsx)(s.N0,{title:t,url:r,separator:" | ",children:(0,a.jsx)(s.ud,{size:40})})]})},c=r(8882),m=r(1801),p=e=>{let{sidebar:t=!0,title:n,content:s,url:p="",bocaFields:f=null}=e,b=(0,i.useRef)(null),v=e=>{e.target.querySelectorAll(".field-validation-message").forEach(e=>e.remove()),e.target.querySelectorAll(".invalid-field").forEach(e=>e.classList.remove("invalid-field"))};async function y(e){e.preventDefault(),v(e);let t=e.target.querySelector('input[type="submit"], button[type="submit"]');e.target.querySelectorAll(".form-message").forEach(e=>e.remove()),t&&t.classList.add("loading");try{let r=new FormData(e.target),a=r.get("_wpcf7"),i=r.get("_wpcf7_version"),n=r.get("_wpcf7_locale"),o=r.get("_wpcf7_unit_tag"),l=await (0,c.z)({formId:a,formData:r,formWpcfVersion:i,formLocale:n,formUnitTag:o}),s=document.createElement("div");if(s.className="success"===l.messageType?"form-message success":"form-message error",s.innerHTML=l.message,e.target.appendChild(s),"success"===l.messageType&&(e.target.querySelectorAll(".field-validation-message").forEach(e=>e.remove()),e.target.querySelectorAll(".invalid-field").forEach(e=>e.classList.remove("invalid-field")),t&&t.remove()),"error"===l.messageType){let t=l.requiredFields;if(t.forEach(t=>{let r=e.target.querySelector('[name="'.concat(t,'"]'));if(r){let e=document.createElement("div");e.className="field-validation-message",e.innerHTML="This field is required.",r.parentNode.classList.add("invalid-field"),r.parentNode.insertBefore(e,r.nextSibling)}}),t.length>0){let r=e.target.querySelector('[name="'.concat(t[0],'"]'));r&&r.scrollIntoView({behavior:"smooth",block:"center"})}}t&&t.classList.remove("loading")}catch(a){let r=document.createElement("div");r.className="form-message error",r.innerHTML="An error occurred while submitting the form. Please try again later.",e.target.appendChild(r),t&&t.classList.remove("loading")}finally{t&&t.classList.remove("loading"),e.target.reset()}return!1}return(0,i.useEffect)(()=>{let e=Array.from(b.current.querySelectorAll("form")).filter(e=>"cpayForm"!==e.name);return e.forEach(e=>{e.addEventListener("submit",y)}),()=>{e.forEach(e=>{e.removeEventListener("submit",y)})}},[b]),(0,i.useEffect)(()=>{let e=b.current,t=e.querySelector('input[name="submit_popolni_prijava"]'),r=e.querySelector("#tip_clenstvo"),a=e.querySelector("#vozaci-poddrzuvaci"),i=e.querySelectorAll('input[name="suma"]'),n=e.querySelector('form[name="cpayForm"]'),o=e.querySelector(".select-wrap.active"),l=o?o.querySelector('select[name="opshtina"]'):null,s=t=>{t.preventDefault();let r=e.querySelector('.active select[name="opshtina"]').value,a=e.querySelector('select[name="tip_kurs"]').value;window.open("".concat(r,"/").concat(a),"_blank")},d=()=>{e.querySelectorAll(".select-wrap").forEach(e=>{e.classList.toggle("hidden"),e.classList.toggle("active")})},c=()=>{p(window.location.hostname)},m=()=>{let t=e.querySelector(".field_group.select-wrap.hidden");t&&("https://ckgs.org.mk"===l.value?(t.style.display="block",t.classList.remove("hidden")):(t.style.display="none",t.classList.add("hidden")))},p=t=>{let r=e.querySelector('select[name="tip_kurs"]');if("ckrm.org.mk"===t){if("chlen"===r.options[r.selectedIndex].dataset.id)e.querySelector('option[data-opstina="crven-krst-na-republika-severna-makedonija"]').remove();else{let t=document.createElement("option");t.dataset.opstina="crven-krst-na-republika-severna-makedonija",t.value="https://api.ckrm.org.mk",t.textContent="Црвен крст република северна Македонија",e.querySelector('select[name="opshtina"]').appendChild(t)}}},g=()=>{let t=e.querySelector("#drug");if(t&&t.checked){let t=document.createElement("div");t.className="field_group vnesete_suma",t.innerHTML='<label>Внесете сума во Денари*</label><input type="number" min="100" data-parsley-min="100" data-parsley-min-message="Минимална сума е 100" data-parsley-required="true" value="100" name="suma" />',e.querySelector('label[for="drug"]').insertAdjacentElement("afterend",t)}else{let t=e.querySelector(".vnesete_suma");t&&t.remove()}},u=async t=>{t.preventDefault();let r=e.querySelector('form[name="cpayForm"]');

1r.querySelectorAll(".invalid-field").forEach(e=>e.classList.remove("invalid-field"));let a=!0;if(r.querySelectorAll("[required]").forEach(e=>{e.value.trim()||(e.classList.add("invalid-field"),a=!1)}),a){let e=new URLSearchParams(new FormData(r)).toString(),t=r.querySelector('input[name="form_name"]').value,a={action:"ckrmform_".concat(t),page:window.location.href,form_data:e};try{let e=await fetch("https://api.ckrm.org.mk/wp-admin/admin-ajax.php",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams(a)}),t=await e.json();r.querySelector(".later_payments").innerHTML=t,r.submit()}catch(e){console.error("Error submitting form:",e)}}};return t&&t.addEventListener("click",s),r&&r.addEventListener("change",d),a&&a.addEventListener("change",c),l&&l.addEventListener("change",m),i&&i.forEach(e=>{e.addEventListener("change",g)}),n&&n.addEventListener("submit",u),()=>{t&&t.removeEventListener("click",s),r&&r.removeEventListener("change",d),a&&a.removeEventListener("change",c),l&&l.removeEventListener("change",m),i&&i.forEach(e=>{e.removeEventListener("change",g)}),n&&n.removeEventListener("submit",u)}},[b]),(0,i.useEffect)(()=>{let e=b.current;if(!e)return;let t=e.querySelectorAll(".gallery");if(0===t.length)return;let a=[],i=!0;return(async()=>{try{let[{default:e}]=await Promise.all([r.e(276).then(r.bind(r,9276)),Promise.all([r.e(421),r.e(269)]).then(r.t.bind(r,7269,23))]);if(!i)return;t.forEach((t,i)=>{let n="wp-gallery-".concat(i);t.setAttribute("id",n),t.querySelectorAll(".gallery-item a").forEach(e=>{let t=e.querySelector("img");if(t){e.setAttribute("data-pswp-src",e.href);let r=t.getAttribute("srcset"),a=1600,i=1200;if(r){let e=r.split(","),n=e[e.length-1].trim().match(/(\d+)w$/);if(n){a=parseInt(n[1],10);let e=t.getAttribute("width"),r=t.getAttribute("height");e&&r&&(i=Math.round(parseInt(r,10)/parseInt(e,10)*a))}}e.setAttribute("data-pswp-width",a),e.setAttribute("data-pswp-height",i)}});let o=new e({gallery:"#".concat(n),children:".gallery-item a",pswpModule:()=>r.e(687).then(r.bind(r,5826))});o.init(),a.push(o)})}catch(e){console.error("Failed to initialize PhotoSwipe:",e)}})(),()=>{i=!1,a.forEach(e=>{e&&e.destroy&&e.destroy()})}},[s]),(0,a.jsxs)(g,{$sidebar:t?"0":"1",children:[f&&f.boxes&&f.boxes.length>0&&(0,a.jsx)(o.Z,{children:f.boxes.map((e,t)=>(0,a.jsx)(l.Z,{className:"col-6",children:(0,a.jsx)(h,{children:(0,a.jsx)(m.Z,{image:e.image?e.image.node.sourceUrl:null,headline:e.title,subhead:e.subtitle,link:e.link})})},t))}),(0,a.jsx)(u,{ref:b,dangerouslySetInnerHTML:{__html:s}}),p&&(0,a.jsx)(d,{title:n,url:p})]})};let g=n.ZP.div.withConfig({componentId:"sc-ae892a8b-0"})(["width:100%;background:white;border-bottom-left-radius:2rem;padding:2rem 1rem;box-shadow:15px 30px 35px #0000003a;"," @media (min-width:992px){padding:4rem 2.5rem;padding-top:2rem;min-height:100vh;}"],e=>"1"===e.$sidebar&&(0,n.iv)(["@media (min-width:0px) and (max-width:991px){margin-top:4rem;}@media (min-width:992px){margin-top:5rem;}"])),u=n.ZP.div.withConfig({componentId:"sc-ae892a8b-1"})(['img{max-width:100%;height:auto;margin:12px auto;}.size-full{width:100%;height:auto;}ul,ol,p,div{margin-bottom:1rem;a{position:relative;border-bottom:1px solid var(--ck-red);&:after{content:\'\';height:1px;position:absolute;bottom:0;left:0;width:100%;background:var(--ck-red);transition:all .2s ease;}&:hover{color:gray;&:after{height:4px;bottom:-4px;}}}}div,ul,ol,p,li{font-family:var(--font) !important;font-size:18px;line-height:1.625;margin:.5rem 0;span{font-family:var(--font) !important;}}ul{margin:24px 0;list-style-position:inside;}.entry-content img{margin:0 0 1.5em 0;}.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left;width:auto;}.alignright,img.alignright{margin-left:1.5em;display:inline;float:right;width:auto;}.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both;}.alignnone,img.alignnone{}.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;}.wp-caption img{border:0 none;padding:0;margin:0;}.wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0;}.wp-smiley{margin:0 !important;max-height:1em;}blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left;}blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right;}form{padding:2rem;padding-bottom:3rem;background:#eeeeee;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;label{display:block;}.form-label{margin-top:1rem;p{font-weight:500;font-size:1rem;}}.form-input{position:relative;}p{margin:0;}input:not([type="radio"]):not([type="checkbox"]),textarea{padding:.825rem;border:1px solid #ddd;font-size:1rem;width:100%;max-width:500px;}textarea{resize:none;}input[type="submit"]{background:var(--ck-red);color:#fff;border:none;cursor:pointer;margin-top:1rem;&:hover{background:black;}}select{padding:.825rem;border:1px solid #ddd;font-size:1rem;width:100%;max-width:500px;background:white;color:#333;border-radius:0px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(\'data:image/svg+xml;utf8,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z" fill="gray"/></svg>\');background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer;&:hover{border-color:#aaa;}&:focus{outline:none;border-color:var(--ck-red);}}.field-validation-message{position:absolute;right:0;color:var(--ck-red);font-size:.825rem;margin-top:.5rem;background:#eeeeee;padding:.25rem .5rem;bottom:-1.25rem;border:1px solid #c6c6c6;}.form-message{padding:2rem;margin-bottom:0;&.success{background:rgb(211,252,211);}&.error{background:rgb(252,211,211);}}.loading{opacity:.5;pointer-events:none;}}.form-submit,.field_group{width:100%;.form-radio{display:flex;gap:.5rem;flex-wrap:wrap;.form-radio-wrap{display:flex;gap:.5rem;align-items:center;padding:1rem;background:#f9f9f9;border:1px solid #ddd;}}}table{min-width:100%;width:100%;border-collapse:collapse;margin:1rem 0;font-size:1rem;text-align:left;}th,td{padding:0.75rem;border:1px solid #ddd;}th{background-color:#f4f4f4;font-weight:bold;}tr:nth-child(odd){background-color:#f9f9f9;}tr:nth-child(even){background-color:#ffffff;}tr:hover{background-color:#f1f1f1;}iframe{width:100%;min-height:300px;}.gallery{display:flex;flex-wrap:wrap;gap:10px;

1&.gallery-columns-2{.gallery-item{width:calc(50% - 10px);}}&.gallery-columns-3{.gallery-item{width:calc(33.33% - 10px);}}&.gallery-columns-4{.gallery-item{width:calc(25% - 10px);}}&.gallery-columns-5{.gallery-item{width:calc(20% - 10px);}}&.gallery-columns-6{.gallery-item{width:calc(16.66% - 10px);}}.gallery-item{figure{margin:0;}}.gallery-icon{margin:0 !important;aspect-ratio:16 / 12;overflow:hidden;}img{width:100%;height:100%;margin:0 !important;object-fit:cover;cursor:pointer;transition:opacity 0.2s ease;&:hover{opacity:0.85;}}a{display:block;height:100%;border-bottom:none !important;&:after{display:none !important;}}}.wp-video{width:100% !important;max-width:100% !important;video{width:100% !important;height:auto !important;aspect-ratio:16/10 !important;background:black;}}']),h=n.ZP.div.withConfig({componentId:"sc-ae892a8b-2"})(["margin:.5rem;"])}}]);