{% extends "base.html" %}
{% block content %}
<div class="row align-items-stretch">
    <!-- Left panel -->
    <div id="menu" class="col-md-2 bg-light">
        <h2>Menu</h2>
        <ul>
            <li><a href="/dashboard">Dashboard</a></li>
            <li><a href="/calendar">Calendar</a></li>
            <li><a href="/wishlists">Wish lists</a></li>
            {% for user_role in user_roles %}
            {% if user_role.role_name == "admin" %}
            <li>Administration</li>
            <ul>
                <li><a href="/useradmin">User Administration</a></li>
                <li><a href="/giftexchanges">Gift Exchanges</a></li>
            </ul>
            {% endif %}
            {% endfor %}
        </ul>
    </div>

    <!-- Center panel -->
    <div class="col-md-8">
        {% block center %}{% endblock center %}
    </div>

    <!-- Right panel -->
    <div id="events" class="col-md-2 bg-light">
        <h2>Events</h2>
    </div>
</div>
{% endblock content %}