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

{% block bread_scrumbs %}
<div class="bread-crumbs">
    <a href="/">{% trans 'Главная страница' %}</a>
    <strong>{{ object.name }}</strong>
</div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block content_list %}
<div class="m-article">
    <div class="item-wrap place clearfix">
        <aside>
            <div class="i-pict">
                {% include 'client/includes/show_logo.html' with obj=object %}
            </div>
        </aside>

        <div class="i-info">
            <header>
                <div class="i-title">{{ object.name }}</div>
            </header>

            <table class="country_table">
                <tr>
                    <td>
                        <ul>
                            {% if object.population %}
                            <li><strong>{% trans 'Население' %}:</strong><span>{{ object.population }} {% trans 'человек' %}</span></li>
                            {% endif %}

                            {% if object.code_IATA %}
                            <li>Код IATA:<span>{{ object.code_IATA.code }}</span></li>
                            {% endif %}

                            {% if object.phone_code %}
                            <li>{% trans 'Телефонный код' %}:<span>+{{ object.phone_code }}</span></li>
                            {% endif %}
                            {% if object.transport %}
                            <li><i>{% trans 'Транспорт' %}:</i><span>{{ object.transport }}</span></li>
                            {% endif %}
                        </ul>
                    </td>
                </tr>
            </table>

            <div class="i-address map-opened country_map">

                <div class="i-map">
                    <!-- позиция для карты задается в атрибуте data-coords -->
                    <div class="map-canvas" id="map-canvas" data-coords="{{ object.latitude|stringformat:'f' }},{{ object.longitude|stringformat:'f' }}" ></div>
                    <div class="close-map"><a class="toggle-map" href="#">{% trans 'Скрыть карту' %}</a></div>
                </div>
                <header>
                    <div class="show-map show-map_1"><a class="toggle-map" href="#">{% trans 'Раскрыть карту' %}</a></div>
                </header>
            </div>

        </div>
    </div>
    <table class="map_info_block">
        {% if object.famous_places %}
        <tr>
            <th>{% trans 'Должны посетить' %}:</th>
            <td class="width_1">
                {{ object.famous_places }}
            </td>
        </tr>
        {% endif %}
        {% if object.shoping %}
        <tr>
            <th>{% trans 'Шоппинг' %}:</th>
            <td class="width_1">
                {{ object.shoping }}
            </td>
        </tr>
        {% endif %}
    </table>

    {% if object.description %}
    <hr />
    <div class="i-services country_content">
        <div class="sect-title">Описание</div>
        <div class="i-descr">
            {{ object.description }}
        </div>
    </div>
    {% endif %}

    {% if object.get_photos %}
    <div class="i-photo-slides i-photo-slides_1">
        <div class="sect-title">Фотогалерея</div>
        <div id="ps-photo-gallery" class="ps-photo-gallery swiper-container">
            <ul class="swiper-wrapper">

                <li class="swiper-slide"><img src="img/_del-temp/place-photo-1.jpg" alt="" /></li>
                <li class="swiper-slide"><img src="img/_del-temp/event-photo-1.jpg" alt="" /></li>

            </ul>
            <div class="re-controls">
                <a class="prev" href="#">&lt;</a>
                <a class="next" href="#">&gt;</a>
            </div>
        </div>
    </div>
    {% endif %}
</div>

{% if object.get_events %}
<br>
<div class="i-events-list">
    <div class="sect-title blog_link">
        <a href="#" title="">{% trans 'События в' %} {{ object.name }}</a><a class="button more" href="{{ object.events_catalog }}">{% trans 'Все события' %}</a>
    </div>
    {% include 'includes/exposition/exposition_list.html' with object_list=object.get_events %}
</div>
{% endif %}

{% if object.get_places %}
<br>
<div class="i-events-list">
    <div class="sect-title blog_link">
        <a href="#" title="">{% trans 'Места в' %} {{ object.name }}</a><a class="button more" href="{{ object.places_catalog }}">{% trans 'Все места' %}</a>
    </div>
    {% include 'includes/place/place_list.html' with object_list=object.get_places %}
</div>
{% endif %}

{% if object.get_organisers %}
<br>
<div class="i-events-list">
    <div class="sect-title blog_link">
        <a href="#" title="">{% trans 'Организаторы в' %} {{ object.name }}</a><a class="button more" href="#">{% trans 'Все организаторы' %} </a>
    </div>
    {% include 'includes/organiser/organiser_list.html' with object_list=object.get_organisers %}
</div>
{% endif %}

{% endblock %}