{% extends "base.html" %}
    {% block head %}
    <script type="text/javascript">
      var hidden_categories = "{{ user.hidden_categories }}";
      hidden_categories = hidden_categories.split(",");
      function get_csrf_token() { return '{{ csrf_token }}';}
    </script>
    {% endblock %}
    {% block left %}
      {% if authenticated %}
      <a href="/note/add">Add a note</a>
      {% endif %}
      <div id="categories">
	{% for meta_note in notes_by_category %}
	<div class="category" category_id="{{ meta_note.category_id }}">
	  <div id="category_{{ meta_note.category_id }}" class="name" ondblclick="edit_category({{ meta_note.category_id }}, '{{ meta_note.category }}')">
	    <img id="minus_{{ meta_note.category_id }}" src="{{ STATIC_URL }}images/denote_minus.png" onclick="hide_category({{ meta_note.category_id }},true);"/><img id="plus_{{ meta_note.category_id }}" src="{{ STATIC_URL }}images/denote_plus.png" onclick="show_category({{ meta_note.category_id }},true);"/>{{ meta_note.category }} ({{ meta_note.notes|length }})
	  </div>
	  <div class="edit_category" id="edit_category_{{ meta_note.category_id }}">
	    <form id="form_edit_category_{{ meta_note.category_id }}" action="/category/edit/{{ meta_note.category_id }}" method="post" onsubmit="return submit_category_name({{ meta_note.category_id }}, '{{ meta_note.category }}');">
	      {% csrf_token %}
	      <input id="cat_name_{{ meta_note.category_id }}" onkeypress="handleKeyPress(event, {{ meta_note.category_id }}, '{{ meta_note.category }}')" onblur="end_edit_category({{ meta_note.category_id }})" name="new_cat_name"/>
	    </form>
	  </div>
	  <div id="content_{{ meta_note.category_id }}" class="content" >
	    {% for note in meta_note.notes %}
	    <div class="note">
	      <a href="/note/{{ note.id}}" oncontextmenu="return DoEdit('{{ note.id}}');"><div class="title">{{ note.title }}</div></a>
	      <div class="date">{{ note.created_date }}</div>
	      <div class="summary">{{ note.short_summary }}</div>
	    </div>
	    {% endfor %}
	  </div>
	</div>
	{% endfor %}
	{% if notes_without_category|length != 0 %}
	<div class="category" category_id="-1">
	  <div id="category_-1" class="name">
	    <img id="minus_-1" src="{{ STATIC_URL }}images/denote_minus.png" onclick="hide_category(-1,true);"/><img id="plus_-1" src="{{ STATIC_URL }}images/denote_plus.png" onclick="show_category(-1,true);"/>Other ({{ notes_without_category|length }})</div>
	  <div id="content_-1" class="content">
	    {% for note in notes_without_category %}
	    <div class="note">
	      <a href="/note/{{ note.id}}" oncontextmenu="return DoEdit('{{ note.id}}');"><div class="title">{{ note.title }}</div></a>
	      <div class="date">{{ note.created_date }}</div>
	      <div class="summary">{{ note.short_summary }}</div>
	    </div>
	    {% endfor %}
	  </div>
	</div>
	{% else %}
	{% if notes_by_category|length == 0 %}
	<b>Any note</b>
	{% endif %}
	{% endif %}
      </div>
    {% endblock %}