{# Shows one workspace. Options: show_new_workspace. #}
{% load workspaces %}
{% load i18n %}
{# Beware: one cannot use workspace template tag here, we are IN the workspace template tag #}
<div id="workspace-{{ workspace.id }}"
     class="sidebarbox workspace"
     data-workspace-id="{{ workspace.id }}"
     data-url-lizard-map-workspace-item-empty="{% url lizard_map_workspace_item_empty workspace_id=workspace.id %}"
     data-url-lizard-map-workspace-item-edit="{% url lizard_map_workspace_item_edit %}"
     data-url-lizard-map-workspace-item-reorder="{% url lizard_map_workspace_item_reorder %}"
     data-url-lizard-map-workspace-item-add="{% url lizard_map_workspace_item_add %}"
     data-url-lizard-map-workspace-item-delete="{% url lizard_map_workspace_item_delete %}"
     data-url-lizard-map-snippet-add="{% url lizard_map_session_collage_snippet_add %}"
     data-url-lizard-map-snippet-delete="{% url lizard_map_session_collage_snippet_delete %}"
     data-url-lizard-map-snippet-edit="{% url lizard_map_snippet_edit %}"
     data-url-lizard-map-collage-empty="{% url lizard_map_collage_empty %}"
     data-url-lizard-map-session-workspace-add-item-temp="{% url lizard_map_session_workspace_add_item_temp %}"
     data-url-lizard-map-session-workspace-extent-temp="{% url lizard_map_session_workspace_extent_temp %}"
     data-url-lizard-map-workspace-item-extent="{% url lizard_map_workspace_item_extent %}"
     data-url-lizard-map-collage-popup="{% url lizard_map.collage_popup %}"
     data-url-lizard-map-snippet-popup="{% url lizard_map.snippet_popup %}"
     data-url-lizard-map-search-coordinates="{% url lizard_map.search_coordinates %}"
     data-url-lizard-map-search-name="{% url lizard_map.search_name %}"
     >
  <h2>
    {% if show_new_workspace %}
    <a href="?new_workspace"
       title="{% trans 'new workspace' %}"
       class="title">
      <span class="ss_sprite ss_page_add">&nbsp;</span>
    </a>
    {% endif %}
    <a id="trash1"
       href="#"
       rel="tipsy"
       title="{% trans 'empty' %} {{ workspace.name }}"
       class="title ss_sprite ss_bin_closed sidebarbox-action-icon workspace-empty-trigger">
    </a>
    <a href="{% url lizard_map_workspace workspace_id=workspace.id %}"
       rel="tipsy"
       title="{% trans 'link to' %} {{ workspace.name }}"
       class="title ss_sprite ss_arrow_turn_right sidebarbox-action-icon">&nbsp;</a>
    <span title="Dit is je workspace. Ga met je muis over de elementen heen om opties te zien."
          rel="tipsy">
    {{ workspace.name }}
    </span>
  </h2>
  <div>
    <div id="graph-popup">
      <div id="graph-popup-content">
      </div>
    </div>
    <div class="hide">
      <a href="#" rel="#not_found_popup" id="not_found_popup_trigger">hidden</a>
    </div>
    <div id="not_found_popup">
      <h1>Niets gevonden</h1>
      <p>Er is niets rond deze locatie gevonden.</p>
    </div>
    <ul class="workspace-items without-bullets"
        data-workspace-id="{{ workspace.id }}">
      {# Call updateWorkspaceBox to fill workspace. #}
      {% for workspace_item in workspace.workspace_items.all %}
      <li id="workspace-items-{{ workspace_item.id }}" {# necessary for reordering #}
          class="workspace-item"
          data-object-id="{{ workspace_item.id }}"
          data-workspace-id="{{ workspace.id }}"
          title="{{ workspace_item.name }}">
        {# Legend. #}
        {% legend workspace_item.name workspace_item.adapter session %}
        {# Delete workspace item #}
        <span class="ss_sprite ss_delete sidebarbox-action-icon
                     workspace-item-delete"
              rel="tipsy"
              title="Verwijder">
        </span>
        {# Pan to layer. #}
        {% if workspace_item.has_extent %}
          <span class="ss_sprite ss_magnifier sidebarbox-action-icon
                       workspace-item-pan-to"
                rel="tipsy"
                title="Zoom"></span>
        {% endif %}
        {# Symbol, appears left. #}
        <img class="workspace-item-image"
             src="{{ workspace_item.adapter.symbol_url }}"
             width="16"
             height="16" />
        <input id="{{ workspace_item.id }}"
               class="workspace-item-checkbox"
               type="checkbox"
               {% if workspace_item.visible %}
               checked="checked"
               {% endif %}
               title="Zichtbaar"
               data-workspace-id="{{ workspace.id }}" />
        <div class="workspace-item-name">{% firstof workspace_item.name '(noname)' %}</div>
      </li>
      {% empty %}
      {# No workspaceitems #}
      <li>Klik op <span class="ss_sprite ss_add">&nbsp;</span> naast items om deze items toe te voegen aan je workspace.</li>
      {% endfor %}
    </ul>
  </div>
  {% for collage in workspace.collages.all %}
  <h2 class="collage"
      data-collage-id="{{ collage.id }}">
      <a id="collage-trash"
         href="#"
         title="{% trans 'empty' %} {{ collage.name }}"
         data-collage-id="{{ collage.id }}"
         rel="tipsy"
         class="title ss_sprite ss_bin_closed sidebarbox-action-icon
                collage-empty-trigger">
      </a>

    <span class="collage-popup ss_sprite ss_chart_line sidebarbox-action-icon"
          title="{% trans "Grafieken en Statistieken" %}"
          rel="tipsy">
      &nbsp;
    </span>
    <a id="collage-view" href="{% url lizard_map.collage collage_id=collage.id %}"
       rel="tipsy"
       title="{% trans 'link to' %} {{ collage.name }}"
       class="title ss_sprite ss_arrow_turn_right sidebarbox-action-icon">&nbsp;</a>
    <span title="Dit is je collage. Ga met de muis over de elementen heen om opties te zien.">
    {{ collage.name }}
    </span>
  </h2>
  <div>
    <ul class="snippet-list without-bullets"
        data-collage-id="{{ collage.id }}" {# Is this actually used? #}
        title="{% trans 'popup' %} {{ collage.name }}">
      {% for snippet_group in collage.snippet_groups.all %}
        {% for snippet in snippet_group.snippets.all %}
        <li class="snippet" title="{{ snippet.name }}"
            data-object-id="{{ snippet.id }}">
          <img src="{{ snippet.workspace_item.adapter.symbol_url }}"
               width="16"
               height="16"
               class="snippet-image" />
        <input id="{{ snippet.id }}"
               class="snippet-checkbox"
               type="checkbox"
               {% if snippet.visible %}
               checked="checked"
               {% endif %}
               title="Zichtbaar"
               data-workspace-id="{{ snippet.id }}" />
          <span class="ss_sprite ss_delete sidebarbox-action-icon
                       snippet-delete"
                rel="tipsy"
                title="Verwijder">
          </span>
          <div class="snippet-name">
          {% firstof snippet.shortname snippet.name '(noname)' %}</div>
        </li>
        {% endfor %}
      {% empty %}
      <li>Nog geen grafieken.</li>
      {% endfor %}
    </ul>
  </div>
  {% endfor %}
</div>