{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}
{% load template_filters %}


{% block page_body %}
        <div class="m-article cl-photos">
    <div class="cl-item">
        <div class="cl-item-wrap clearfix">
            <div class="cli-pict">
            <a href="{{ object.get_permanent_url }}">
                {% with obj=object  %}
                    {% include 'client/includes/show_logo.html' %}
                {% endwith %}
            </a>
            </div>
            <div class="cli-info">
                <div class="cli-top clearfix">
                    <header>
                        <div class="cli-title">
                            <a href="{{ object.get_permanent_url }}">{{ object.name }}</a>
                        </div>
                    </header>
                    <div class="cli-descr">
                        {{ object.get_type }}
                    </div>
                </div>
                <div class="cli-bot clearfix">
                    {% if object.country %}
                    <div class="cli-place">
                        <a href="#">{{ object.country }}</a>, <a href="#">{{ object.city }}</a>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <div class="cli-photo-text">
        {{ object.description|safe }}
    </div>

    <div id="cli-pg" class="cli-photo-gallery">
        <ul class="clearfix">
        {% for photo in object_list %}
            <li>
                <a class="open-photo" href="#" >
                    <img src="{{ photo.file_path.url }}" data-user-id="{{ user.id }}" alt=""
                            data-image-id="{{ photo.id }}" data-album-id="{{ photoreport.id }}"
                            data-image-name="{{ photo.name }}" data-image-description="{{ photo.description }}"/>
                    <span class="pg-title">{{ photo.name }}</span>
                </a>
            </li>
        {% endfor %}
        </ul>

    </div>
 </div>
{% endblock %}

{% block photogallery %}
<div id="pw-gallery" class="popup-gallery-container">
    <div class="pg-container-wrap">
        <div class="popup-gallery-outer">
            <div class="popup-gallery">
                <a class="pg-close"></a>
                <div class="pg-wrap clearfix">
                    <div class="pg-photos">

                        <img src="{% static 'client/img/_del-temp/glr-1.jpg' %}" width="730" height="533" alt="" class="photoTag"
                             data-user-id="25" data-image-id="150" data-album-id="150"/>

					</div>
                    <div class="pg-info">
                        <div class="pgi-wrap scroll-container">
                            <div class="pg-photo-info">

								<div class="pg-photo-title"></div>
								<div class="pg-photo-text"></div>
								<hr />
								<div class="pg-photo-descr">
									<h3>{% trans 'На фотографии отмечены' %}:</h3>
								</div>
								<hr />

							</div>
                            <!--
                            <div class="pg-comments">
                                <div class="pgc-title">{% trans 'Коментарии' %}:</div>
                                <div class="pgc-body">
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        {% if user.is_authenticated %}
                        <form class="pgc-form">
                            <hr />
							<div class="pgc-field">
								<label for="comment">{% trans 'Оставьте свой комментарий' %}:</label>
								<textarea name="comment" id="comment" cols="30" rows="10"></textarea>
							</div>
							-->
                            <div class="pgc-buttons">
								<!--<button type="submit" class="icon-check">ок</button>-->
								<a class="button blue icon-tag addTag" id="externalLink" href="#">{% trans 'отметить человека' %}</a>
							</div>
                        <!--
                        </form>
                        -->

                        {% endif %}
                    </div>
                </div>
                <div class="pg-photos-controls">
					<a class="pgpc-prev" href="#">&lt;</a>
					<a class="pgpc-next" href="#">&gt;</a>
				</div>
            </div>
        </div>
    </div>
</div>
{% endblock %}