{% if show_dummy_data == true %}
    {% set homepage = {
        'pagedata': {
            'Partners': [
                {'Logo': {'value': 'no-image.jpg', 'alt': 'NHS'}, 'Link': {'value': 'https://www.nhs.uk'}},
                {'Logo': {'value': 'no-image.jpg', 'alt': 'MHRA'}, 'Link': {'value': 'https://www.gov.uk/government/organisations/medicines-and-healthcare-products-regulatory-agency'}},
                {'Logo': {'value': 'no-image.jpg', 'alt': 'Royal Pharmaceutical Society'}, 'Link': {'value': 'https://www.rpharms.com'}},
                {'Logo': {'value': 'no-image.jpg', 'alt': 'General Pharmaceutical Council'}, 'Link': {'value': 'https://www.pharmacyregulation.org'}},
                {'Logo': {'value': 'no-image.jpg', 'alt': 'Care Quality Commission'}, 'Link': {'value': 'https://www.cqc.org.uk'}}
            ]
        }
    } %}
    {% set image_folders = {
        'cms_images': {
            'partners': {'path': 'sites/default/images/placeholders/'}
        }
    } %}
{% endif %}

{% 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 %}
