{% load toolbar_tags %}
<div class="toolbar">
    <select class="group_selector">
        {% for group in toolbar_groups %}
        <option value="{{ group.slug }}" {% if forloop.first %}selected="selected"{% endif %}>{{ group.name }}</option>
        {% endfor %}
    </select>

	<button type="button" class="prev">&lt;</button>
    <div class="button_group_container">
        {% for group in toolbar_groups %}
        <ul data-group="{{ group.slug }}" class="button_group">
            {# buttons for this group #}
            {% for button in group.button_set.all %}
            	<li class="toolbar-button">{% toolbar_button button %}</li>
            {% endfor %}
        </ul>
        {% endfor %}
    </div>
    <button type="button" class="next">&gt;</button>
</div>