{% extends "geostitcher/views/templates/base.html" %}

{% block content %}
<div class="gallery">
   <div id="error"></div>
   <script src="{{context}}/js/gallery.js" type="text/javascript"></script>   
   <div>        
   {% for pic in pictures %}
      <div class="thumbnail">
         <a class={{pic.name}} href="{{context}}/img/{{pic.userid}}/{{pic.name}}">
            <img src="{{context}}/img/{{pic.userid}}/{{thumb-prefix}}{{pic.name}}"/>
            {% ifequal username page-owner %}
            <input id="{{pic.name}}" 
                   name="{{pic.name}}"
                   type="checkbox" 
                   value="true" />
            {% endifequal %}
            </a>
       </div>
   {% endfor %}
   {% ifequal user page-owner %}
      <input id="delete" type="submit" value="delete images" />
   {% endifequal %}
   </div>
</div>
<form action="{{context}}/upload/{{dataset_id}}" enctype="multipart/form-data" method="POST">
<input id="file" name="file" type="file" />
<input type="submit" value="Upload" />
</form>
</div>
{% endblock %}