<div class="block-container" data-tabs-container>
    <div class="degree-curricula__tabs">
        {% for curriculum in degree.degree_curricula %}
            <button class="{% if loop.first %} is-selected{% endif %}" data-tab-target="{{loop.index}}">Curriculum {{curriculum.name}}{% if not loop.last %},{% endif %}</button>
        {% endfor %}
    </div>
    {% for curriculum in degree.degree_curricula %}
        <div class="degree-curriculum" data-tab-index="{{loop.index}}" style="{% if loop.first %}display:block{% endif %}">
            <div class="degree-curriculum__marquee">
                {% set curriculum_marquee = 
                    {
                        "key": "marquee-images",
                        "speed": "0.003",
                        "content": {
                            "images": curriculum.images,
                        }
                    } 
                %}
                {% include '../../../blocks/marquee-images.twig' with {'block': curriculum_marquee } %}
            </div>
            <div class="degree-curriculum__excerpt">
                {{curriculum.excerpt}}
            </div>
            <div class="degree-curriculum__cols">
                {% include '../../../blocks/grid-list.twig' with {'block': curriculum.info } %}
                <div>
                    {{curriculum.content}}
                </div>
            </div>

            {% include './study-plan.twig' with { 'year_1': curriculum.study_plan[0], 'year_2': curriculum.study_plan[0], 'year_3': curriculum.study_plan[0], 'year_alt': curriculum.study_plan[0] } %}

            {% for block in curriculum.inner_blocks %}
                {% include '../../../blocks/'~block.key~'.twig' with {'block': block } %}
            {% endfor %}                

        </div>
    {% endfor %}
</div>