{% extends 'base.html' %}

{% load staticfiles %}
{% load pagination_tags %}

{% block content %}
    <section>
        <!-- 图片浮层容器-->
        <div id="local_image_container"></div>
        <div style="background-color: #F5F5F5">
            <div class="wp">
                <div class="list" style="margin-top:0;">
                    <div class="left layout">
                        <div id="inWindow">
                            <div class="tab_cont " id="content">
                                <div class="group_list" id="image_container">
                                    {% autopaginate all_photo 12 %}
                                    {% for photo in all_photo %}
                                        <!-- 单个图片组件框-->
                                        <div class="box">
                                            <div class="box_img">
                                                <img src="{{ photo.image_min_url }}" width="343" height="253"
                                                 caption="{{ photo.name }}"
                                                 onclick="displayBigImage('{{ photo.image_max_url }}')"/>
                                            </div>
                                            <div class="des">
                                                <div>
                                                    <div style="float: left;">
                                                        <img src="{% static 'img/ico_changguan.png' %}" width="30"
                                                                height="30" alt=""/>
                                                    </div>
                                                    <div>
                                                        {% if photo.org %}
                                                            <a href="{% url 'venues:venue_detail' photo.org.id %}"
                                                               style="font-size: 16px; height: 30px; line-height: 30px; margin-left: 10px; color: #947460">{{ photo.org.name }}
                                                                {% if photo.tag %}{{ photo.tag }} {% endif %}</a>
                                                        {% else %}
                                                            <a style="font-size: 16px; height: 30px; line-height: 30px; margin-left: 10px; color: #947460">
                                                                {% if photo.tag %}{{ photo.tag }} {% endif %}</a>
                                                        {% endif %}
                                                    </div>
                                                    <div style="clear: both;"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 单个图片组件框结束-->
                                    {% endfor %}
                                    {% paginate using "pagination.html" %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}