<div class="currency" id="currency">
  {% for type in types %}
    {% set list = direction.currencies.byType(type).toArray %}
    {% if list|length > 0 %}
    <div class="layout">
      <div class="title">{{ type.title }}</div>
      {% for dir in ['from', 'to'] %}
        <ul class="currency-{{ dir }}">
          {% for currency in list %}
          <li>
            <a href="{{ direction.getPathDir(currency, dir) }}">
              <span>{{ currency.system }}</span>
              {{ currency.base }}
            </a>
          </li>
          {% endfor %}
        </ul>
      {% endfor %}
    </div>
    {% endif %}
  {% endfor %}
</div>