{% extends "dsgov/base.html" %}
{% load br_carousel_tags %}
{% load static %}

{% block title %}
    Exemplo de Carousel
{% endblock %}

{% block content %}
    <br><br>
    {# Pode ser adicionado cols="col-12" ao {% br_carousel_row cols="col-12" %} para controlar a largura do carousel #}
    {% br_carousel_row %}
        {% br_carousel %}
            {% br_carousel_stage %}
                {% br_carousel_page %}
                    {% br_carousel_page_content class="bg-blue-10" %}
                        Página 1
                    {% end_br_carousel_page_content %}
                {% end_br_carousel_page %}
                
                {% br_carousel_page %}
                    {% br_carousel_page_content class="bg-violet-warm-10" %}
                        Página 2
                    {% end_br_carousel_page_content %}
                {% end_br_carousel_page %}

                {% br_carousel_page %}
                    {% br_carousel_page_content class="bg-yellow-5" %}
                        Página 3
                    {% end_br_carousel_page_content %}
                {% end_br_carousel_page %}

                {% br_carousel_page %}
                    {% br_carousel_page_content class="bg-green-cool-10" %}
                        Página 4
                    {% end_br_carousel_page_content %}
                {% end_br_carousel_page %}

                {% br_carousel_page %}
                    {% br_carousel_page_content class="bg-orange-vivid-10" %}
                        Página 5
                    {% end_br_carousel_page_content %}
                {% end_br_carousel_page %}
            {% end_br_carousel_stage %}

            {% br_carousel_step %}
                {% br_step_button text="Exemplo de Rótulo 1" aria_posinset=1 aria_setsize=5 %}
                {% br_step_button text="Exemplo de Rótulo 2" aria_posinset=2 aria_setsize=5 %}
                {% br_step_button text="Exemplo de Rótulo 3" aria_posinset=3 aria_setsize=5 %}
                {% br_step_button text="Exemplo de Rótulo 4" aria_posinset=4 aria_setsize=5 %}
                {% br_step_button text="Exemplo de Rótulo 5" aria_posinset=5 aria_setsize=5 %}
            {% end_br_carousel_step %}
        {% end_br_carousel %}
    {% end_br_carousel_row %}
{% endblock %}