{% macro tab(title,fields) %}

<div class="TabTitle">
    {{ title|title }}
</div>

{% from "field.html" import field %}

<div class="FieldsContainer">
    <div class="FieldTitles">
        {% for f in fields %}
            <div>{{ f['title']|title }}</div>
        {% endfor %}
    </div>
    <div class="FieldInputs">
        {% for f in fields %}
            {{ field(type=f['type'], placeholder=f['placeholder'], options=f['options'], required=f['required']) }}
        {% endfor %}
    </div>
</div>

<input type="button", value="Back">
<input type="button", value="Next">

{% endmacro %}