<section class="deep-dive">
    <div class="container">
        <div class="deep-dive__steps">
            <h2 class="article-content__title">{{ entry.title }}</h2>
            <div class="deep-dive__steps-content">
                <div class="deep-dive__steps-left">
                    <div class="deep-dive__steps-list">
                        {% for key, step in entry.steps %}
                            {% set nr = key + 1 %}
                            {% set image = step.image.one() %}
                            <div class="deep-dive__step {{ nr == 1 ? 'deep-dive__step--active' : '' }}" data-step="{{ nr }}" data-image="{{ image.url }}">
                                <h3 class="deep-dive__step-title">{{ 'label.step'|t }} {{ nr }}: {{ step.title }}</h3>
                                <div class="deep-dive__step-text">
                                    {{ step.content }}
                                </div>
                                {% if step.button %}
                                    {% include '_partials/link.twig' with {class: 'deep-dive__step-link', link: step.button, linkIcon: 'arrow-down'} %}
                                {% endif %}
                            </div>
                        {% endfor %}
                    </div>
                    {% for buttonEntry in entry.buttons %}
                        {% include '_partials/link.twig' with {class: 'btn deep-dive__steps-btn btn--' ~ (buttonEntry.buttonStyle == 'white' ? 'secondary' : 'primary'), link: buttonEntry.button} %}
                    {% endfor %}
                </div>
                <div class="deep-dive__steps-right">
                    <div class="deep-dive__steps-image">
                        {% set image = entry.steps[0].image.one() %}
                        <img src="{{ image.url }}" alt="Step image" class="deep-dive__steps-img" id="deep-dive-step-image" data-default-image="{{ image.url }}" style="opacity: 1;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>