Dados dinâmicos da página de planos DCC.html

{% set plans = plans.get(unit.code) %}
<ul class="nav nav-tabs nav-dcc" role="tablist">
  {% if plans['DCC'] and (this.param.plano == 'dcc' or not this.param.plano) %}
    <li {% if this.param.plano == 'dcc' or not this.param.plano %}class="active"{% endif %}><a href="#plans-dcc" aria-controls="dcc" role="tab" data-toggle="tab">Plano DCC</a></li>
  {% endif %}
  {% if plans['PACOTE'] and (this.param.plano == 'pacote' or not this.param.plano) %}
    <li {% if this.param.plano == 'pacote' %}class="active"{% endif %}><a href="#plans-pacote" aria-controls="pacote" role="tab" data-toggle="tab">PACOTES</a></li>
  {% endif %}
  {% if plans['PLATINUM'] and (this.param.plano == 'platinum' or not this.param.plano) %}
    <li {% if this.param.plano == 'platinum' %}class="active"{% endif %}><a href="#plans-platinum" aria-controls="platinum" role="tab" data-toggle="tab">Platinum</a></li>
  {% endif %}
  {% if plans['30DIAS'] and (this.param.plano == '30dias' or not this.param.plano) %}
    <li class="plus {% if this.param.plano == '30dias' %}active{% endif %}"><a href="#more" aria-controls="mais" role="tab" data-toggle="tab">+</a></li>
  {% endif %}
</ul>
<div class="tab-content tab-dcc">
  {% if plans['DCC'] and (this.param.plano == 'dcc' or not this.param.plano) %}
    <div role="tabpanel" class="tab-pane fade {% if this.param.plano == 'dcc' or not this.param.plano %}in active{% endif %}" id="plans-dcc">
      <h4 class="title-content-red"><small>Planos</small> {{ unit.title }}</h4>

      <ul class="list-plans-dcc-red">
        {% for plan in plans['DCC'] %}
          <li data-categoria="dcc" data-plan="{{plan.plano}}" class="{% if plan.indicacao ==1 %}indicated{% endif %} {% if plan.tipo == 'AQUATICO' %} aquatic {% else %} land {% endif %}" data-plan-name="{{ plan.tipo }}" data-price="{{ plan.valor|number_format(2, ',', '.') }}" data-time="{{ plan.descricao }}">
            <h5 class="title-list-plans">{{ plan.tipo }}</h5>
            <p class="price"><span>R$</span> {{ plan.valor|number_format(2, ',', '.') }} <small>/mês</small></p>
            <p class="description"><strong>{{ plan.descricao }}</strong><!-- <br> {{ plan.descricao }}--></p>
            <span href="#" class="btn-color-red" data-toggle-text="Plano Selecionado">Escolher plano</span>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}

  {% if plans['PACOTE'] %}
    <div role="tabpanel" class="tab-pane fade {% if this.param.plano == 'pacote' %}in active{% endif %}" id="plans-pacote">
      <h4 class="title-content-gray"><small>Pacotes</small></h4>
      <ul class="list-plans-dcc-gray">
        {% for plan in plans['PACOTE'] %}
          <li data-categoria="pacote" data-plan="{{plan.plano}}" class="{% if plan.indicacao ==1 %}indicated{% endif %} {{plan.class}}" data-plan-name="{{ plan.tipo }}" data-price="{{ plan.valor|number_format(2, ',', '.') }}" data-time="{{ plan.descricao }}">
            <h5 class="title-list-plans">{{ plan.tipo }}</h5>
            <p class="price"><span>R$</span> {{ plan.valor|number_format(2, ',', '.') }} <small>/mês</small></p>
            <p class="description"><strong>{{ plan.descricao }}</strong><!-- <br> {{ plan.descricao }}--></p>
            <span href="#" class="btn-color-gray" data-toggle-text="Plano Selecionado">Escolher plano</span>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}

  {% if plans['PLATINUM'] %}
    <div role="tabpanel" class="tab-pane fade {% if this.param.plano == 'platinum' %}in active{% endif %}" id="plans-platinum">
      <h4 class="title-content-gray"><small>Planos</small> Platinum</h4>
      <ul class="list-plans-dcc-gray">
        {% for plan in plans['PLATINUM'] %}
          <li data-categoria="platinum" data-plan="{{plan.plano}}" class="{% if plan.indicacao ==1 %}indicated{% endif %} {{plan.class}}" data-plan-name="{{ plan.tipo }}" data-price="{{ plan.valor|number_format(2, ',', '.') }}" data-time="{{ plan.descricao }}">
            <h5 class="title-list-plans">{{ plan.tipo }}</h5>
            <p class="price"><span>R$</span> {{ plan.valor|number_format(2, ',', '.') }} <small>/mês</small></p>
            <p class="description"><strong>{{ plan.descricao }}</strong><!-- <br> {{ plan.descricao }}--></p>
            <span href="#" class="btn-color-gray" data-toggle-text="Plano Selecionado">Escolher plano</span>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}

  {% if plans['30DIAS'] %}
    <div role="tabpanel" class="tab-pane fade {% if this.param.plano == '30dias' %}in active{% endif %}" id="more">
      <h4 class="title-content-gray"><small>Planos</small> 30 dias</h4>
      <ul class="list-plans-dcc-red">
        {% for plan in plans['30DIAS'] %}
          <li data-categoria="30dias" data-plan="{{plan.plano}}" class="{% if plan.indicacao ==1 %}indicated{% endif %} {{plan.class}}" data-plan-name="{{ plan.tipo }}" data-price="{{ plan.valor|number_format(2, ',', '.') }}" data-time="{{ plan.descricao }}">
            <h5 class="title-list-plans">{{ plan.tipo }}</h5>
            <p class="price"><span>R$</span> {{ plan.valor|number_format(2, ',', '.') }} <small>/mês</small></p>
            <p class="description"><strong>{{ plan.descricao }}</strong><!-- <br> {{ plan.descricao }}--></p>
            <span href="#" class="btn-color-red" data-toggle-text="Plano Selecionado">Escolher plano</span>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}
</div>