{% extends "photologue:photologue/photo_detail.html" %}
{% load photologue_tags i18n %}

{% block title %}{{ object.title }}{% endblock %}

{% block content %}
{% for gallery in object.public_galleries %}
    <div class="row">
        <div class="medium-9 columns">
        {% if gallery.content.exists %}
        <h6 class="page-header"><a href="{{ gallery.content.all.0.get_absolute_url }}">Back to {{ gallery.content.all.0.title }}</a></h6>
        {% endif %}
		  <h5>{{ gallery.title }}</h5>
              <ul class="slider1">
                    {% for photo.pk in gallery.public %}
                        <li>  
                            <img src="{{ photo.get_display_url }}" alt="{{ photo.title }}">
                            <br /> <p>{{ photo.caption|safe }} <a href="{{ photo.image.url }}"> Link to original file </a> </p>
                        </li>
                        {% for photo in gallery.public %}
                        <li>  
                            <img src="{{ photo.get_display_url }}" alt="{{ photo.title }}">
                            <br /> <p>{{ photo.caption|safe }} <a href="{{ photo.image.url }}" target="_blank" > Link to original file </a> </p>
                        </li>
                        {% endfor %}
                    {% endfor %}
                 </ul>            
        }
        </div>
        <div class="medium-3 columns">
            {% if object.public_galleries %}
                <p>{% trans "Other photos" %}:</p>
                <table>
                        {% for photo in gallery.public %}
                        <tr>
                        <td><a href="{{ photo.get_absolute_url }}">
                        <img src="{{ photo.get_thumbnail_url }}" class="thumbnail" alt="{{ photo.title }}"></a></td>
                        <td>
                        <p>{{ photo.caption|safe }} {{ photo.count }} </p>
                        </td>
                        </tr>
	                    {% endfor %}
				</table>
			{% endif %}
            {% endfor %}
        </div>
    </div>

{% endblock %}