<div class="grid">
    {% for xTile in map %}
    <ol class="{% if forloop.counter % 2 == 0 %}odd{% else %}even{% endif %}">
        {% for tile in xTile %}
            <li class='hex {{tile->name}}' data-x={{tile->x}} data-y={{tile->y}}><div class="text"><span class="hidden">({{tile->x}},{{tile->y}})</span></div></li>
        {% endfor %}
    </ol>
    {% endfor %}
</div>