{% if homepage.pagedata['Partners'][0]['Logo']['value'] is not empty %}


    {% set partnerSlider = "{
                type: 'loop',
                destroy: true,
                pagination: false,
                rewind: false,
                arrows: false,
                easing: 'linear',
                autoplay: true,
                interval: 0,
                speed: 3000,
                perMove: 4,
                perPage: 7,
                pauseOnHover: false,
                pauseOnFocus: false,
                breakpoints: {
                    1120: {
                        perMove: 1,
                        perPage: 4,
                        destroy: false
                    },
                    500: {
                        perMove: 1,
                        perPage: 3,
                        destroy: false
                    }
                }
        }"
    %}
    
    
    <div class="partnersWrap">
        
        <div class="wrapper">
            
            <div class="partners">

                
                {% include 'includes/elements/intro_block.twig' with {
                    intro_title: 'Medicines from UK regulated companies',
                    intro_content: false,
                    dark_text: true,
                    class: 'brandsIntro',
                    underline_alt: true
                }%}


                <mtc-slider
                        class="partners__list"
                        :options="{{ partnerSlider }}"
                >
                    
                    {% for partner in homepage.pagedata['Partners'] %}

                        <mtc-slide class="partners__item">
                            
                            <{% if partner['Link']['value'] is not empty %}a href="{{ partner['Link']['value'] }}" target="_blank"{% else %}span{% endif %}>
                                <div class="imageWrap">
                                    <img
                                            src="/{{ image_folders['cms_images']['partners']['path'] }}/{{ partner['Logo']['value'] }}"
                                            alt="{{ partner['Logo']['alt'] }}"
                                            loading="lazy"
                                            width="127"
                                            height="51"
                                    />
                                </div>
                            </{% if partner['Link']['value'] is not empty %}a{% else %}span{% endif %}>
                     
                        </mtc-slide>
                        
                    {% endfor %}
                
                </mtc-slider>
                
                
            </div><!-- .partners -->
            
        </div><!-- .wrapper -->
        
    </div><!-- end of sectors we work with -->
    
{% endif %}
