{% extends "base.html" %}

{% block content %}
<div style="display: flex">
    {% if current %}
    <div>
        <h3>My Ensembles</h3>
        <ul>
            {% for ensemble in current %}
            <li><a href="/?code={{ ensemble.ensemble_code}}">{{ ensemble.name }}</a></li>
            {% endfor %}
        </ul>
    </div
    {% endif %}
    <div style="flex-grow: 4;">
        <form action="" class="vertical" method="POST">
            <h3>Add a new ensemble</h3>
            {% csrf_token %}
            {{ form }}
            <div class="form-actions">
                <button class="btn btn-primary">Enter</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}