$(function() {
    // cases slider
    $('.slick-slider-single').slick({
        slidesToShow: 1,
        infinite: false,
        arrows: true,
        dots: false,
        // prevArrow: '<button class="btn border slick-prev slick-arrow"><i class="fa-solid fa-chevron-left"></i></button>',
        // nextArrow: '<button class="btn border slick-next slick-arrow"><i class="fa-solid fa-chevron-right"></i></button>',
        /* responsive: [{
            breakpoint: 992,
            settings: {
                slidesToShow: 1
            }
        }] */
    }).on('afterChange', function(event, slick, currentSlide) {
        $($(event.currentTarget).attr('data-red-counter')).find('span').first().text(currentSlide + 1);
    });
    $('[data-red-counter]').each((i, item) => {
        const target = $($(item).attr('data-red-counter')).find('span').last();
        target.text($(item).find('.slick-slide').length);
    });


    // acc
    $('body').on('click', '.acc-head', e => {
        e.preventDefault();
        const accordion = $(e.target).closest('.acc');
        const body = accordion.find('.acc-body');
        const arrow = accordion.find(".acc-arrow");
        if (body.css('display') == 'none') {
            body.slideDown(400);
            arrow.css('transform', 'rotate(180deg)');
        } else {
            body.slideUp(400);
            arrow.css('transform', 'rotate(0)');
        }
    });

    // SHOW MORE
    $('.show-more').click(e => {
        $(e.currentTarget).toggleClass('active');
        const target = $(e.currentTarget).find('.show-more-target');
        const isActive = $(e.currentTarget).hasClass('active');
        target.text($(e.currentTarget).data('show-more-' + isActive))
    });


});