{% extends 'base_gtd.html' %}
{% load typogrify_tags %}
{% load get_note_type %}
{% block extrahead %}
<style>
.detail-header {
    margin-top: 3rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
</style>
{% endblock %}
{% block primary %}
<main role="main" class="archive-wrapper">
    <div class="post-header detail-header">
        <h1>Project: {{object.title}}</h1>

<select class="form-control" style="margin-top: 2%;" onchange="go_from_select(this.options[this.selectedIndex].value)">
    <option value="">All Projects</option>{% for object in projects %}
    <option {% if object.title == project %}selected="selected" {%endif%}value="{% url 'gtd:project-detail' object.id%}">{{object}}</option>{%endfor%}
</select> 
    </div>
    <div class="post-body">
        {{object.body_html|smartypants|safe}}
        {% regroup note_set by note_type as type_list %}
        {% for type in type_list %}
        <h4>{% get_note_type type.grouper %}</h4>
        <div class="note-list">{% for object in type.list %}<article>
                <h2>{% if object.get_status_display == 'Completed' %}<strike style="color: #918d8d">{%endif%}{% if object.url %}<a href="{{object.url}}">{{object.title}}</a>{%else%}{{object.title}}{%endif%} <span class="note-edit"><a href="{%url 'gtd:note-edit' object.pk%}">edit</a></span>{% if object.get_status_display == 'Completed' %}</strike>{%endif%}</h2>
        {{object.body_html|smartypants|safe}}
        {% if object.get_status_display != 'None' %}<p class="small">{{object.get_status_display}}</p>{% endif %}
        <p class="small"><a href="{% url 'gtd:note-delete' object.pk %}">delete</a></p></article>
            {% endfor %}</div>
{% endfor %}
    </div>
</main>
{% endblock %}
{% block js %}
<script type="text/javascript">var go_from_select = function(opt) { console.log(opt); window.location = opt };</script>
{% endblock%}