{% if configbars.display %}
  <div class="col-xs-12">
    <div class="content-box flex">
      {% for key, configbar in configbars.configbar %}
        <div class="configbar-item text-center{{ (configbar.status) ? ' configbar-item-success' : ' configbar-item-default' }}">
          {% if configbar.link %}
            <div class="configbar-item-ball circle center-block{{ (configbar.status) ? ' background-success border-success' : ' background-gray border-gray' }}"></div>
            <span class="text-small text-dark visible-block padding-small cursor-default">{{ configbar.title }}</span>
            <i class="fas fa-angle-down text-small text-gray" aria-hidden="true"></i>
            <div class="configbar-dropdown padding-large text-left background-white shadow-small">
              <span class="text-small text-dark text-bold visible-block">{{ configbar.title }}</span>
              <p class="text-small text-gray vertical-margin-medium">{{ configbar.text }}</p>
              <a class="text-small text-primary text-decoration-none" href="{{ configbar.link }}">{{ configbar.text_link }}</a>
            </div>
          {% else %}
            <div class="configbar-item-ball circle center-block{{ (configbar.status) ? ' background-success border-success' : ' background-gray border-gray' }}"></div>
            <span class="text-small text-dark visible-block padding-small cursor-default">{{ configbar.title }}</span>
            <i class="fas fa-angle-down text-small text-gray" aria-hidden="true"></i>
            <div class="configbar-dropdown padding-large text-left background-white shadow-small">
              <span class="text-small text-dark text-bold visible-block">{{ configbar.title }}</span>
              <p class="text-small text-gray vertical-margin-medium">{{ configbar.text }}</p>
              {% if key == 'setup' %}
                {% if exibe_quick_configure %}
                  <span class="text-small text-primary cursor-pointer js-setup">{{ configbar.text_link }}</span>
                {% endif %}
              {% else %}
                <span class="text-small text-primary cursor-pointer">{{ configbar.text_link }}</span>
              {% endif %}
            </div>
          {% endif %}
        </div>
      {% endfor %}
    </div>
  </div>
{% endif %}
