{% extends "base.html" %}

{% block breadcrumb %}
  <a href="/galeria">Inicio</a>
  {% for bc in breadcrumbs %}
    &#x3009; <a href="{{bc.link}}">{{bc.name}}</a>
  {% endfor %}
{% endblock %}

{% load static %}
{% block content %}
  <div class="album">
    {% if photos %}
      {% for photo in photos %}
      <div class="preview-box">
        <div class="preview-frame">
          <div class="preview">
            <a href="{{photo.basename}}">
              <img src="{{photo.thumb_url}}" class="preview"
                   width="{{photo.thumb_width}}px"
                   height="{{photo.thumb_height}}px"
                   alt="{{photo.title}}" title="{{photo.title}}" />
            </a>
          </div>
          <div class="preview-caption">
            {{photo.title}}
          </div>
        </div>
      </div>
      {% endfor %}
    {% elif albums %}
      {% for album in albums %}
        {% if album.the_photo %}
        <div class="preview-box">
          <div class="preview-frame">
            <div class="preview">
              <a href="{{prefix}}/{{album.slug}}">
                <img src="{{album.the_photo.thumb_url}}" class="preview"
                     width="{{album.the_photo.thumb_width}}px"
                     height="{{album.the_photo.thumb_height}}px"
                     alt="{{album.name}}" title="{{album.name}}" />
              </a>
            </div>
            <div class="preview-caption">
              {{album.name}}
            </div>
          </div>
        </div>
        {% endif %}
      {% endfor %}
    {% else %}
    <div class="message">
      {% if user.is_authenticated %}
      <a href="/galeria/admin/desktop">Comience a subir fotos si así lo desea</a>
      {% else %}
      <a href="/galeria/admin">Ingrese al sistema para poder subir fotos</a>
      {% endif %}
    </div>
    {% endif %}
  </div>
{% endblock %}