{% extends "base.html" %}

{% block content %}

<div class="columns mx-2">
    <div class="column is-narrow is-hidden-touch" id="projectMenu">
        <div style="margin: auto 2em;">
            <aside class="menu">
    
                <p class="menu-label">My Things</p>
                <ul class="menu-list">
                    <li><a href="{% url 'ensemble_list' %}">Ensembles</a></li>
                    <li><a href="{% url 'project_list' %}">Projects</a></li>
                    {% if request.user.is_authenticated %}
                    <!--li><a href="{% url 'work_list' %}">Library</a></li-->
                    <li><a href="{% url 'collection_list' %}">Collections</a></li>
                    {% endif %}
                </ul>

                {% if project %}
                <p class="menu-label">This Project</p>
                    <ul class="menu-list">
                        <li><a role="tab" href="{% url 'project_detail' project=project.id %}">Project Info</a></li>
                        {% if 'library' in modules %}
                            <li><a class="nav-link" href="{% url 'item_list' project=project.pk %}">My Music</a></li>
                        {% endif %}
                        {% for page in project.wiki_pages.all %}
                            <li><a class="nav-link" 
                                href="{% url 'wiki' project=project.id pk=page.id %}">{{ page.title }}</a></li>
                        {% endfor %}
                        <li><a role="tab" href="{% url 'resource_list' project=project.pk %}">Resources</a></li>
                    </ul>                
                {% endif %}

                {% if collection %}
                <p class="menu-label">Collection</p>
                <ul class="menu-list">
                    <li><a role="tab" href="{% url 'collection_work_list' collection.pk %}">Work List</a></li>
                </ul>
                {% endif %}

                <p class="menu-label">Admin</p>
                <ul class="menu-list">
                    {% if request.user.is_staff %}
                    <li><a href="/admin" target="polyphonic_admin" rel="noopener noreferrer">Django Admin</a></li>
                    {% endif %}
                </ul>

                <ul class="menu-list">
                {% if request.user.is_authenticated %}
                    <li><a href="{% url 'logout' %}">Logout</a></li>
                {% else %}
                    <li><a href="{% url 'login' %}">Login</a></li>
                {% endif %}
                </ul>



            </aside>
        </div>
    </div>

    <div class="column">
        {% if project %}
        <div class="tabs is-centered is-hidden-desktop">
            <ul>
                <li><a href="">Info</a></li>
                {% if project.wiki_pages.count %}
                <li><a href="">Pages</a></li>
                {% endif %}
                {% if project.resources.count %}
                <li><a href="{% url 'resource_list' project=project.pk %}">Resources</a></li>
                {% endif %}
                {% if 'library' in modules %}
                <li><a href="{% url 'item_list' project=project.pk %}">My Music</a></li>
                {% endif %}
                {% if 'submission' in modules %}
                    <li><a href="{% url 'submission_create' project=project.pk %}">Send File</a></li>
                {% endif %}
            </ul>
        </div>

        {% endif %}
        <div class="block">
            {% if request.is_admin %}
            <div class="admin-tools is-pulled-right is-hidden-mobile">
            {% block admin %}
            {% endblock %}
            </div>
            {% endif %}
            {% if project %}<h3 class="title">{{ project.name }}</h3>{% endif %}
            {% block page %}
            No content
            {% endblock %}
        </div>
    </div>
</div>

{% endblock %}