{% if show_dummy_data == true %}
    {% set recommended_articles = [
        {
            'url': '/blog/winter-health-tips',
            'title': 'Winter Health Tips for Better Wellbeing',
            'pagedata': {
                'Image': [{'value': 'winter-health.jpg', 'alt': 'Winter health tips'}],
                'Author': [{'value': 'Dr. Emma Wilson'}],
                'Publish Date': [{'value': '10/12/2024 14:30'}],
                'Summary': [{'value': 'Essential tips for staying healthy during winter months.'}]
            }
        },
        {
            'url': '/blog/medication-management',
            'title': 'Effective Medication Management at Home',
            'pagedata': {
                'Image': [{'value': 'medication-tips.jpg', 'alt': 'Medication management'}],
                'Author': [{'value': 'Pharmacist John Smith'}],
                'Publish Date': [{'value': '05/12/2024 09:15'}],
                'Summary': [{'value': 'How to organize and manage your medications safely.'}]
            }
        },
        {
            'url': '/blog/flu-vaccination-guide',
            'title': 'Your Complete Guide to Flu Vaccination',
            'pagedata': {
                'Image': [{'value': 'flu-vaccine.jpg', 'alt': 'Flu vaccination'}],
                'Author': [{'value': 'Dr. Sarah Johnson'}],
                'Publish Date': [{'value': '01/12/2024 11:45'}],
                'Summary': [{'value': 'Everything you need to know about flu vaccinations.'}]
            }
        }
    ] %}
    {% set intro_title = 'Related Health Articles' %}
    {% set intro_content = 'Discover more health insights and tips' %}
    {% set class = 'blog-recommendations' %}
{% endif %}

{% if recommended_articles is not empty %}
    

    {% set blogGridSliderOptions = "{
            destroy: false,
            pagination: false,
            rewind: false,
            arrows: true,
            speed: 1500,
            perMove: 1,
            perPage: 3,
            breakpoints: {
              
            }
    }"
    %}
    
    <div class="recommendedArticlesWrap {{ class }}">

        <div class="wrapper">

            <div class="recommendedArticles">


                {% if intro_title is empty %}
                    {% set intro_title = 'You may also like' %}
                {% endif %}

                {% if intro_content is empty %}
                    {% set intro_content = 'Check out similar articles' %}
                {% endif %}


                {% include 'includes/elements/intro_block.twig' with {
                    intro_title: intro_title,
                    intro_content: intro_content,
                    class: ''
                }%}


                <mtc-slider
                        class="blogGrid mobileGridSlider"
                        :options="{{ blogGridSliderOptions }}"
                >


                    {% for recommended_article in recommended_articles %}
                        
                        <mtc-slide class="blogGrid__item">

                            {% include '/includes/partials/blog_article_card.twig' with{
                                article: recommended_article,
                                image_after: true,
                                hide_summary: true
                            }%}
                            
                            
                        </mtc-slide>
                        
                    {% endfor %}
                    
                </mtc-slider>
                

            </div> <!-- .recommendedArticles -->

        </div> <!-- .wrapper -->

    </div> <!-- .recommendedArticlesWrap -->

{% endif %}
