{% extends "layout.html" %}
{% block body %}
  <H2># {{ shop }}</H2>
  <div class=entries>
     <form action="{{ url_for('toggle_item') }}" method=post class=toggle-item>
     <input type=hidden name=shopid value="{{ shopid }}" >
     <div id="entry_loop">
  {% for entry in entries %}
     <div class=entry><input class="submit tickbox {{ entry.extra_class }}" type=submit name=item{{ entry.row }} value="{{ entry.icon }}" ><span class=md_entry>{{ entry.text|safe }}</span><br></div>
  {% endfor %}
     </div>
     </form>
  <div class=date>{{ date }}</div>
  </div>
  <div id=iconarea>
   <span class=iconbox>&nbsp;</span>
   <span class=iconbox onclick="hidetoggle('disp_add')" title="Add/remove">&plusmn;</span>
   <span class=iconbox onclick="reload();" title="Reload">&#x21bb;</span>
   <span class=iconbox onclick="sortMarkdown()" title="Sort once">↕</span>  
   <span class=iconbox onclick="hidetoggle('disp_edit');growTextarea('edit_md');" title="Edit file">&#x270e;</span>
    <span class=iconbox onclick="hidetoggle('disp_share')" title="Share">&#9823;</span>
    <span class=iconbox onclick="hidetoggle('disp_restore')" title="Restore">&#9851;</span>
    <span class=iconbox onclick="hidetoggle('disp_delete')" title="Delete">&otimes;</span>
  </div>
  <hr>
  <div id="disp_add">
    <form name="area_add" action="{{ url_for('add_items') }}" method=post class=add-entry>
      <dl>
        <dt><textarea cols=40 rows=1 id=add_md name=add_md onkeyup="growTextarea('add_md')"></textarea>
        <dt><input type=hidden name=shopid value={{ shopid }}><input class="submit submitNextTo" type=submit value="Add items">
      </dl>
    </form>
    <hr>
    <div class="button-panel-row">
      <span class="button-panel-col">
      <form action="{{ url_for('toggle_item') }}" method=post>
        <input type=hidden name=shopid value="{{ shopid }}">
        <input class=submit type=submit name=toggleAll value="Invert selection">
      </form>
      </span>
      <span class="button-panel">
        <form action="{{ url_for('toggle_item') }}" method=post>
          <input type=hidden name=shopid value="{{ shopid }}">
          <input class=submit type=submit name=unTickAll value="Untick all items" onclick="return confirm('Do you really want to untick all entries?');">
        </form>
      </span>
    </div>
    <div class="button-panel-row">
      <span class="button-panel-col">
        <form action="{{ url_for('sort_flip') }}" method=post>
          <input type=hidden name=shopid value="{{ shopid }}">
          {% if autosort %}
          <input class=submit type=submit name=toggleAll value="Autosort mode: On">
          {% else  %}
          <input class=submit type=submit name=toggleAll value="Autosort mode: Off">
          {% endif %}
        </form>
      </span>
      <span class="button-panel">
        <form action="{{ url_for('remove_toggled') }}" method=post>
          <input type=hidden name=shopid value={{ shopid }}>
          <input class=submit type=submit onclick="return confirm('Do you really want to remove ticked entries?');" value="Remove ticked">
        </form>
      </span>
    </div>
  </div>
  <form id="disp_edit" class=hidden name="area_edit" action="{{ url_for('edit_md') }}" method=post class=add-entry>
      <dl>Edit content file:
        <dt><textarea cols=40 rows=5 id=edit_md name=edit_md onkeyup="growTextarea('edit_md')">{{ content }}</textarea><br>
        <input type=hidden name=shopid value={{ shopid }}><input class="submit notify" type=submit value=Save onclick="return confirm('Do you really want to replace content?');" >
        <input class="submit notify" type=button value="Insert Date" onclick="insertDate();" >
      </dl>
  </form>
  <div class=hidden id=disp_share>
  <form action="{{ url_for('remove_share') }}" method=post class=toggle-item>
    <dl>Share the shop with other users:</dl>
      <input type=hidden name=shopid value="{{ shopid }}" >
    <ul>
        {% for user in shares %}
            <li> Remove: <input class="submit" type=submit name=user value="{{ user }}" onclick="return confirm('Do you really want to remove {{ user }}?');" ><br>
        {% endfor %}
    </ul>
  </form>
  <form name="area_share" action="{{ url_for('add_share') }}" method=post class=add-entry>
      <dl>
        <dt><input class=submit type=text length=10 name=share><input type=hidden name=shopid value={{ shopid }}><input class="submit notify" type=submit value=Share>
      </dl>
  </form>
  </div>
  <form id="disp_restore" class=hidden action="{{ url_for('restore_md') }}" method=post class=add-entry>
    <dl>Shop state is backed up with "Edit items" and "Remove ticked" actions. Last backup: <span class=date>{{ date_bkp }}</span></dl>
    <dl><input type=hidden name=shopid value={{ shopid }}><input class="submit notify" type=submit value=Restore onclick="return confirm('Do you really want to restore previous version?');">
  </dl></form>
  <form id="disp_delete" class=hidden action="{{ url_for('remove_shop') }}" method=post class=add-entry>
      <dl>Delete shop permanently. Can not be restored.</dl>
    <dl><input type=hidden name=shopid value={{ shopid }}><input class="submit notify" type=submit value=Delete onclick="return confirm('Do you really want to remove shop {{ shop }}?');">
  </dl></form>
  {% if autosort %}
  <script language=javascript>sortMarkdown();</script>
  {% endif %}
{% endblock %}