https://caritas.ua/wp-content/themes/caritas/assets/js/main.js?ver=1.0.1

1document
2        .querySelectorAll(".archive-reports__filters .nav-link")
3        .forEach(function (btn) {
4            btn.addEventListener("click", function () {
5                this.closest(".archive-reports__filters")
6                        .querySelectorAll(".nav-link")
7                        .forEach(function (el) {
8                            el.classList.remove("active");
9                        });
10                this.classList.add("active");
11            });
12        });
13
14if (document.querySelector(".leadership-slider__swiper")) {
15    new Swiper(".leadership-slider__swiper", {
16        slidesPerView: 1.2,
17        spaceBetween: 20,
18        scrollbar: {
19            el: ".leadership-slider__scrollbar",
20            draggable: true,
21        },
22        breakpoints: {
23            576: {slidesPerView: 1.5, spaceBetween: 20},
24            768: {slidesPerView: 2.2, spaceBetween: 24},
25            992: {slidesPerView: 3.2, spaceBetween: 24},
26        },
27    });
28}
29
30if (document.querySelector(".power_swiper")) {
31    new Swiper(".power_swiper", {
32        loop: true,
33        autoplay: {
34            delay: 5000,
35            disableOnInteraction: false,
36        },
37        navigation: {
38            nextEl: ".powers .swiper-button-next",
39            prevEl: ".powers .swiper-button-prev",
40        },
41        slidesPerView: 1,
42        spaceBetween: 20,
43    });
44}
45
46if (document.querySelector(".voices_swiper")) {
47    new Swiper(".voices_swiper", {
48        loop: true,
49        slidesPerView: 1,
50        spaceBetween: 20,
51        navigation: {
52            nextEl: ".voices-section .swiper-button-next",
53            prevEl: ".voices-section .swiper-button-prev",
54        },
55    });
56}
57
58const crt = new Swiper('.crt_swiper', {
59    loop: true,
60    autoplay: {
61        delay: 5000,
62        disableOnInteraction: false,
63    },
64    navigation: {
65        nextEl: '.create_block .swiper-button-next',
66        prevEl: '.create_block .swiper-button-prev',
67    },
68    slidesPerView: 1,
69    spaceBetween: 20,
70});
71
72const last_news = new Swiper('.last_news_swiper', {
73    loop: true,
74    autoplay: {
75        delay: 5000,
76        disableOnInteraction: false,
77    },
78    navigation: {
79        nextEl: '.last_news .swiper-button-next',
80        prevEl: '.last_news .swiper-button-prev',
81    },
82    slidesPerView: 1,
83    spaceBetween: 20,
84});
85
86if (document.querySelector(".ppg_swiper")) {
87    new Swiper(".ppg_swiper", {
88        slidesPerView: 1,
89        spaceBetween: 20,
90        navigation: {
91            nextEl: '.swiper-button-next',
92            prevEl: '.swiper-button-prev',
93        },
94        breakpoints: {
95            576: {slidesPerView: 1, spaceBetween: 20},
96            768: {slidesPerView: 2, spaceBetween: 25},
97            992: {slidesPerView: 3, spaceBetween: 25},
98        },
99    });
100}
101
102const powers = new Swiper('.power_swiper', {
103    loop: true,
104    autoplay: {
105        delay: 5000,
106        disableOnInteraction: false,
107    },
108    navigation: {
109        nextEl: '.powers .swiper-button-next',
110        prevEl: '.powers .swiper-button-prev',
111    },
112    slidesPerView: 1,
113    spaceBetween: 20,
114});
115
116const helps = new Swiper('.helps_swiper', {
117    loop: true,
118    autoplay: {
119        delay: 5000,
120        disableOnInteraction: false,
121    },
122    navigation: {
123        nextEl: '.helps_block .swiper-button-next',
124        prevEl: '.helps_block .swiper-button-prev',
125    },
126    slidesPerView: 1,
127    spaceBetween: 20,
128});
129
130const partners = new Swiper('.partners_swiper .swiper', {
131    loop: true,
132    autoplay: {
133        delay: 5000,
134        disableOnInteraction: false,
135    },
136    navigation: {
137        nextEl: '.partners_swiper .swiper-button-next',
138        prevEl: '.partners_swiper .swiper-button-prev',
139    },
140    slidesPerView: 2,
141    spaceBetween: 20,
142});
143
144const partners_links = new Swiper('.partners_link_swiper .swiper', {
145    loop: true,
146    autoplay: {
147        delay: 5000,
148        disableOnInteraction: false,
149    },
150    navigation: {
151        nextEl: '.partners_link_swiper .swiper-button-next',
152        prevEl: '.partners_link_swiper .swiper-button-prev',
153    },
154    slidesPerView: 1,
155    spaceBetween: 20,
156});
157
158/* Impact Slider */
159const swiper = new Swiper('.impact_swiper', {
160    loop: true,
161    autoplay: {
162        delay: 5000,
163        disableOnInteraction: false,
164    },
165    pagination: {
166        el: '.swiper-pagination',
167        clickable: true,
168    },
169    navigation: {
170        nextEl: '.swiper-button-next',
171        prevEl: '.swiper-button-prev',
172    },
173    slidesPerView: 1,
174    spaceBetween: 0,
175});
176
177/* Partners Testimonials Slider */
178
179const testim = new Swiper('.testi_swiper', {
180    loop: true,

181    speed: 800,
182    autoplay: {
183        delay: 7000,
184        disableOnInteraction: false,
185    },
186    navigation: {
187        nextEl: '.testi_next',
188        prevEl: '.testi_prev',
189    },
190    slidesPerView: 1,
191    spaceBetween: 30,
192    centeredSlides: true,
193    breakpoints: {
194        768: {
195            slidesPerView: 2,
196        },
197        1200: {
198            slidesPerView: 3,
199        }
200    }
201});
202
203/* Impact Cases Slider */
204
205const impact_cases = new Swiper('.impact_swiper', {
206    loop: false,
207    speed: 800,
208    slidesPerView: 1,
209    spaceBetween: 0,
210    navigation: {
211        nextEl: '.impact_cases_section .swiper-button-next',
212        prevEl: '.impact_cases_section .swiper-button-prev',
213    },
214    scrollbar: {
215        el: '.impact_scrollbar',
216        draggable: true,
217        hide: false,
218    },
219    autoplay: {
220        delay: 7000,
221        disableOnInteraction: false,
222    }
223});
224
225jQuery(function ($) {
226    $('.sum_menu_toggle').click(function () {
227        $(this).parent().find('.sub_menu').addClass('active');
228    });
229
230    $('.sub_sum_menu_toggle').click(function () {
231        $(this).parent().find('.sub_sub_menu').addClass('active');
232    });
233
234    $('.sub_back').click(function () {
235        $(this).parent().parent().removeClass('active');
236    });
237
238    $('.main_menu .has_child').mouseenter(function () {
239        $(this).find('.sub_menu').addClass('active');
240    });
241
242    var rem_time = 0;
243
244    $('.main_menu .has_child').mouseleave(function () {
245        let el = $(this).find('.sub_menu');
246        rem_time = setTimeout(function () {
247            el.removeClass('active');
248        }, 300, el);
249    });
250
251    $('.main_menu .sub_menu').mouseenter(function () {
252        clearTimeout(rem_time);
253    });
254
255    $('.main_menu .sub_menu').mouseleave(function () {
256        $(this).removeClass('active');
257    });
258
259    $(document).ready(function () {
260
261        $('.frequency_tab').on('click', function () {
262            $('.frequency_tab').removeClass('active');
263            $(this).addClass('active');
264        });
265
266        // перемикання кнопок сум
267        $('.amount_btn').on('click', function () {
268            $('.amount_btn').removeClass('active');
269            $(this).addClass('active');
270
271            // опціонально: очищуємо поле "своя сума" при виборі фіксованої
272            $('.custom_amount').val('');
273        });
274
275        // (можна додаткова логіка, якщо потрібно)
276        // наприклад: якщо ввели щось у custom_amount → знімаємо active з кнопок
277        $('.custom_amount').on('input', function () {
278            if ($(this).val().trim() !== '') {
279                $('.amount_btn').removeClass('active');
280            }
281        });
282    });
283
284
285    $('.burger').click(function () {
286        $('#mob_menu').toggleClass('active');
287    });
288    
289    $('[name="cat"]').change(function() {
290        $('.cat_switchers').submit();
291    });
292
293    $('#show_more_btn').click(function () {
294        let data = 'offset=' + $(this).attr('data-offset') + '&lang=' + $(this).attr('data-lang') + '&cat=' + $(this).attr('data-cat');
295        
296        $.ajax({
297            url: '/wp-json/vt/v1/show_more/',
298            data: data,
299            type: 'GET',
300            beforeSend: function () {
301                
302            },
303            success: function (html) {
304//                console.log(html);
305                if (html.status == 'ok') {
306                    
307                    $('#last_news_content').append(html.res);
308                    $('#show_more_btn').attr('data-offset', parseInt($('#show_more_btn').attr('data-offset')) + 6);
309                }
310            }
311        });
312    });
313});