{% for template in cardsTemplate %}
    {% set tabgroup="cardsUsing" %}
    {% set tab="displayTabCardsUsing" ~ loop.index %}
    {% set first = loop.index == 1 %}

    <!-- tab head -->
    <input type="radio" class="oka-pilot noVerifForm" name="{{ tabgroup }}" id="{{ tab }}" {% if first %}checked{% endif %}>
    <a class="oka-tab__button" data-tabgroup="{{ tabgroup }}" data-tab="{{ tab }}">
        <div class="oka-tab__head">
            <div class="oka-tab__lbl">{{ block("name", template) }}</div>
        </div>
    </a>
    <!-- tab body -->
    <div class="oka-tab__body">
        <div class="oka-spacer -lg"></div>
        <div class="flex-grid">
            <div class="col col-4">
                {{ block("using", template) }}
                {{ block("code", template) }}
            </div>
            <div class="col col-1"></div>
            <div class="col col-11">
                {{ block("preview", template) }}
            </div>
        </div>

        <div class="oka-spacer -md"></div>
        <hr class="oka-divider ">
        <div class="oka-spacer -md"></div>

        <div class="flex-grid">
            


            <div class="col col-4">
                


            </div>
            <div class="col col-1"></div>
            <div class="col col-11">
            </div>
        </div>
        
        
    </div>
{% endfor %}