{% extends 'base.html' %}
{% block bodyid %}body-notebook{%endblock%}

{% block content %}
<main>
    <div class="note-container">
    {% include "notes/partials/list_header.html" with notebook_list=notebook_list tag_list=tag_list %}
        <div class="note-hed-wrapper">
            <h1 class="note-hed">Notes</h1>
            {% if messages %}
            <ul class="messages">
                {% for message in messages %}
                    <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>
                        {% if 'safe' in message.tags %}{{ message|safe }}{% else %}{{ message }}{% endif %}
                    </li>
                {% endfor %}
            </ul>
            {% endif %}
            {% if tags|length >= 1%}<h2 class="note-subhed">Tagged with: {% for tag in tags%}<a href="{{tag.slug}}">{{tag.name}}</a> <a href="{% url 'outlines:detail' tag.slug tag.pk %}" class="btn btn-hollow">View Outline</a>{%endfor%}</h2> {%endif%}
        </div>
        {%comment%}        <label for="choices-single-default">Default</label>
<select class="form-control" data-trigger name="choices-single-default" id="choices-single-default" placeholder="This is a search placeholder">
<option placeholder>This is a placeholder</option>
        {% for object in notebook_list %}
        <option value="{{object.name}}" id="">{{object.name}}</option>
        {% endfor %}
</select>{%endcomment%}

            <ul class="list-note-preview">{% for object in object_list %}
                {% include "notes/partials/note_list.html" with object=object %}
            {% endfor %}</ul>
    </div>{% if tags|length >= 1%}
    {%comment%}<aside class="note-list-container">
        <div class="svg-wrapper"><svg class="svg-icon-arrow">
            <svg viewBox="0 0 16 13" id="shape-double-arrow" width="100%" height="100%"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"><g id="Showing-post-info" transform="translate(-297.000000, -105.000000)" stroke="currentColor"><g transform="translate(305.000000, 111.500000) scale(-1, 1) rotate(-180.000000) translate(-305.000000, -111.500000) translate(297.000000, 105.000000)"><path d="M2.20710678,6.5 L6.85355339,1.85355339 L7.20710678,1.5 L6.5,0.792893219 L6.14644661,1.14644661 L1.14644661,6.14644661 L1.05805826,6.23483496 L0.792893219,6.5 L1.14644661,6.85355339 L6.14644661,11.8535534 L6.5,12.2071068 L7.20710678,11.5 L6.85355339,11.1464466 L2.20710678,6.5 Z" id="Combined-Shape"></path><path d="M10.2071068,6.5 L14.8535534,1.85355339 L15.2071068,1.5 L14.5,0.792893219 L14.1464466,1.14644661 L9.14644661,6.14644661 L9.05805826,6.23483496 L8.79289322,6.5 L9.14644661,6.85355339 L14.1464466,11.8535534 L14.5,12.2071068 L15.2071068,11.5 L14.8535534,11.1464466 L10.2071068,6.5 Z" id="Combined-Shape"></path></g></g></g></svg>
            </svg></div>
        <div class="">
            <ul class="list-note-preview">{% for obj in notes_list %}
                <li>
                    <a href="{{obj.get_absolute_url}}">
                        <h4>{{obj.title}}</h4>
                        <div class="note-preview">{{obj.body_text|truncatewords:12}}</div>
                    </a>
                </li>
            {% endfor %}</ul>
        </div>
    </aside>{%endcomment%}
    {%else%}
    <!--<div class="balance-container-left">
    </div>-->
    {%endif%}
    <!--<div class="balance-container">
    </div>-->
</main>
{% endblock %}
{% block jsdomready %}
{% endblock %}