{% extends 'revelar/base.html' %}
     
	{% block container %}
	<div class="row marketing">
	    <div class="col-lg-12">
		<h3>Fotos</h3><hr />
		
		{% for foto in fotos_todas %}
		{% if forloop.first %}
		<div class="row">
		{% elif forloop.counter0|divisibleby:3 %}
		</div>
		<div class="row">
		{% endif %}
		    <div class="col-xs-6 col-md-4">
			<a href="{{ foto.imagem.url }}" class="thumbnail">
			    <img src="{{ foto.imagem.url }}" alt="">
			</a>
		    </div>
		{% if forloop.last %}
		</div>
		{% endif %}

		{% empty %}
		<p>Não há fotos cadastradas no momento.</p>
		{% endfor %}
		
		<a href="{% url 'busca_de_foto' %}">
		    <button type="button" class="btn btn-lg btn-default" aria-label="Left Align">
			<span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
		    </button>
		</a>
		
	    </div>
	</div>
	{% endblock container %}