{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}
{% block content_bread_scrumbs %}
<div class="bread-crumbs">
		<a href="/">{% trans "Главная страница" %}</a>
		<a href="{{ object.get_catalog_url }}">{{ object.get_object_type }}</a>
        <a href="{{ object.get_catalog_url }}/{{ object.url }}">{{ object.name }}</a>
		<strong>{% trans 'Фото' %}</strong>
</div>
{% endblock %}

{% block page_title %}
<div class="page-title">
    <h1>{% trans 'Фото' %}: <strong>{{ object.name }}</strong></h1>
</div>
{% endblock %}

{% 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_catalog_url }}/{{ object.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_catalog_url }}/{{ object.url }}">{{ object.name }}</a>
                        </div>
                    </header>
                    <div class="cli-descr">
                        {{ obj.main_title|safe }}
                    </div>
                </div>
                <div class="cli-bot clearfix">
                    <div class="cli-date">
                        {% with obj=object  %}
                            {% include 'client/includes/show_date_block.html' %}
                        {% endwith %}
                    </div>
                    {% if object.country %}
                    <div class="cli-place">
                        <a href="#">{{ object.country }}</a>, <a href="#">{{ object.city }}</a>
                        {% if object.place %}
                            , <a href="/place/{{ object.place.url }}">{{ object.place }}</a>
                        {% endif %}
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

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

    <div id="cli-pg" class="cli-photo-gallery">
        <ul class="clearfix">
        {% for photo in object.get_photos %}
            <li>
                <a class="open-photo" href="#">
                    <img src="{{ photo.file_path.url }}" alt="" />
                    <span class="pg-title">{{ photo.file_name }}</span>
                </a>
            </li>
        {% endfor %}
        </ul>
    </div>
 </div>
{% endblock %}

{% block paginator %}
{% 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="" />
					</div>
					<div class="pg-info">
						<div class="pgi-wrap scroll-container">

							<div class="pg-photo-info">
								<div class="pg-photo-title">{% trans "Выставочный стенд" %}</div>
								<div class="pg-photo-text">{% trans "Создание единой платформы для общения, обучения, продвижения и заключения бизнес соглашений между всеми участниками рынка интернет маркетинга." %}</div>
								<hr />
								<div class="pg-photo-descr">
									<h3>{% trans "На фотографии отмечены:" %}</h3>
									<p><a href="#">{% trans "Анна Петрова" %}</a>, <a href="#">{% trans "Николай Довженко" %}</a></p>
								</div>
								<hr />
							</div>
							<div class="pg-comments">
								<div class="pgc-title">{% trans "Коментарии:" %}</div>
								<div class="pgc-body">
									<ul>

										<li>
											<div class="pgc-user">{% trans "Анна Петрова:" %}</div>
											<div class="pgc-text">{% trans "Отлично ребята подготовились!" %}</div>
										</li>

										<li>
											<div class="pgc-user">{% trans "Алексей Звонцев:" %}</div>
											<div class="pgc-text">{% trans "Согласен!" %}</div>
										</li>

									</ul>
								</div>

							</div>
						</div>
						<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">{% trans "ок" %}</button>
								<a class="button blue icon-tag" href="#">{% trans "отметить человека" %}</a>
							</div>
						</form>
					</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 %}