{% extends 'base_catalog.html' %}

{% load i18n %}
{% load static %}


{% 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="#">
                    {% with obj=photoreport  %}
                        {% 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="#">{{ photoreport.name }}</a>
                            </div>
                        </header>
                        <div class="cli-descr">
                            {{ photoreport.get_event.main_title|safe }}
                        </div>
                    </div>
                    <div class="cli-bot clearfix">
                        <div class="cli-date">
                            {% with obj=photoreport.get_event  %}
                                {% include 'client/includes/show_date_block.html' %}
                            {% endwith %}
                        </div>

                        <div class="cli-place">
                            <a href="#">{{ photoreport.get_event.country }}</a>, <a href="#">{{ photoreport.get_event.city }}</a>
                            {% if photoreport.get_event.place %}
                                , <a href="/place/{{ photoreport.get_event.place.url }}">{{ photoreport.get_event.place }}</a>
                            {% endif %}
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="cli-photo-text">
            {{ photoreport.description|safe }}
        </div>
        <div id="cli-pg" class="cli-photo-gallery">
            <ul class="clearfix">
                {% for photo in object.photos.all %}
                <li>
                    <a class="open-photo" href="#" >
                        <img src="{{ photo.get_client_thumbnail_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.title }}</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 %}