{% 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 id=date>{{ date }}</div>
  </div>
  <div id=iconarea>
   <span class=iconbox >&nbsp;</span>
   <span class=iconbox onclick="reload();" title="Reload">&#x21bb;</span>
   <span class=iconbox onclick="sortMarkdown()" title="Sort view">↕</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>

  <h2 id="h2_add" onclick="hidetoggle('disp_add')" class=pointer>Add items</h2>
  <form id="disp_add" 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><br><input type=hidden name=shopid value={{ shopid }}><input class=submit type=submit value=Add>
      </dl>
  </form>
  <h2 id="h2_remove_toggled" onclick="hidetoggle('disp_remove_toggled')" class=pointer>Remove ticked</h2>
  <form id=disp_remove_toggled action="{{ url_for('remove_toggled') }}" method=post class=add-entry>
      <dl><input type=hidden name=shopid value={{ shopid }}><input class=submit type=submit value=Remove>
      </dl></form>
  <hr>
  
  <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?');" >
      </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.</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>

{% endblock %}