{% 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|safe }}</a>
                        </div>
                    </header>
                    {% if object.main_title %}
                        <div class="cli-descr">
                            {{ object.main_title|safe }}
                        </div>
                    {% endif %}

                </div>
                <div class="cli-bot clearfix">
                    <div class="cli-place">
                        <a href="{{ object.catalog }}country/{{ object.country.url }}/">{{ object.country.name }}</a>, <a href="{{ object.catalog }}city/{{ object.city.url }}/">{{ object.city.name }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="cli-pg" class="cli-photo-gallery">
        <ul class="clearfix">
            {% with object_list=object_list  %}
            {% for photo in object_list %}
                <li>
                    <a class="open-photo" href="#" >
                        <img src="{{ photo.get_client_thumbnail_url }}" data-image-id="{{ photo.id }}"/>
                        <span class="pg-title">{{ photo.caption }}</span>
                    </a>
                </li>
            {% endfor %}
            {% endwith %}

        </ul>
    </div>
 </div>

{% endblock %}

{% block photogallery %}
	{% include 'client/popups/photo.html' %}
{% endblock %}
{% block scripts %}
{% comment %}
<script src="{% static 'client/js_min/_modules/page.place.photo.min.js' %}"></script>
{% endcomment %}
<script src="{% static 'client/js/_modules/page.place.photo.js' %}"></script>


<script>
	//js module initialization
	EXPO.placePhoto.init({
		ajaxUrl:'/gallery/show/photo/',
		galleryContainerId:'cli-pg',
		nextButtonId:'pgpc-next',
		prevButtonId:'pgpc-prev',
		closeModalButtonId:'pg-close',
		modalId:'pw-gallery',
		modalContainerId:'popup-gallery-id',
		modalTrigger:'open-photo'
	});
</script>
{% endblock %}