{% extends "base.html" %}

{% block title %}Notatki{% endblock %}

{% block extrahead %}
  <script type="text/javascript" src="{{ STATIC_URL }}lib/jPaginate/jquery.paginate.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/user-notes.js"></script>
  
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/change_ctrl_table.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}lib/jPaginate/css/style.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/user_notes.css"/>
  
  <script type="text/javascript">
    publicNotesPagesCount = {{ public_notes_pages_count }};
    privateNotesPagesCount = {{ private_notes_pages_count }};
  </script>
{% endblock %}

{% block content %}

{% if public_notes_pages_count or private_notes_pages_count %}
<div id="show_user_notes" class="user_notes_container">
  <ul>
	{% if public_notes_pages_count %}
    <li><a href="#public-notes">Notatki publiczne</a></li>
    {% endif %}
    {% if private_notes_pages_count %}
    <li><a href="#private-notes">Notatki prywatne</a></li>
    {% endif %}
   </ul>
   {% if public_notes_pages_count %}
   <div id="public-notes" class="notes-pages">
   	   <div id="public-notes-paginate" class="notes-paginate">                   
       </div>
       <div id="public-notes-table" class="notes-table">
       </div>
   </div>
   {% endif %}
   {% if private_notes_pages_count %}
   <div id="private-notes" class="notes-pages">
      <div id="private-notes-paginate" class="notes-paginate">                   
      </div>
      <div id="private-notes-table" class="notes-table">
      </div>
   </div>
  {% endif %}
</div>
<div class="notes-actions"">
   <p style="text-align: center;"><strong>Treść wiadomości:</strong></p>
   <p id="lemma_note_text" class="note-text"></p>
   <p>
     <button type="button" id="goto_lemma" style="width:120px">Przejdź do hasła</button>
     <button type="button" id="delete_user_note" style="width:120px">Usuń</button>
   </p>
</div>
{% else %}
<strong>Nie masz żadnych wiadomości.</strong>
{% endif %}

{% endblock %}