{% 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 %}

{% if object.get_events %}
  {% block head_scripts %}
  	{% include "client/includes/banners/tops_head_js.html" %}
  {% endblock head_scripts %}
{% endif %}

{% 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>
                <h1 class="i-title">{{ object.name }}</h1>
            </header>
            <table class="country_table">
                <tr>
                    <td>
                        <ul>
                            {% if object.capital %}
                            <li><strong>{% trans 'Столица' %}:</strong><span><a href="/city/{{ object.capital.url }}" title="">{{ object.capital.name }}</a></span></li>
                            {% endif %}
                            {% if object.language.all %}
                            <li>{% trans 'Официальный язык' %}:
                                {% for lang in object.language.all %}
                                <span>{{ lang.name }}</span>
                                {% endfor %}
                            </li>
                            {% endif %}
                            {% if object.timezone %}
                            <li>{% trans 'Часовая зона' %}:<span>{{ object.timezone }}</span></li>
                            <li>{% trans 'Часовые пояса' %}:<span>{% trans "среднее время по Гринвичу" %}</span></li>
                            {% endif %}
                        </ul>
                    </td>
                    <td>
                        <ul>
                            {% if object.population %}
                            <li>{% trans 'Население' %}:<span>{{ object.population }} {% trans 'человек' %}</span></li>
                            {% endif %}
                            {% if object.phone_code %}
                            <li>{% trans 'Телефонный код' %}:<span>+ {{ object.phone_code }}</span></li>
                            {% endif %}
                            {% if object.currency.all %}
                            <li>{% trans 'Валюта' %}:
                                {% for currency in object.currency.all %}
                                <span>{{ currency.code }}</span>
                                {% endfor %}
                            {% endif %}
                            </li>
                        </ul>
                    </td>
                </tr>
            </table>
            {% if object.latitude %}
            <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>
        {% endif %}
    </div>
    {% if object.big_cities.all %}
    <div class="country_towns">
        <h4>{% trans 'Крупные города' %}:</h4>
        <table>
            <tr>
                <td>
                    <ul>
                        {% for city in object.big_cities.all %}
                            <li><a href="#" title="">{{ city.name }}</a></li>
                        {% endfor %}
                    </ul>
                </td>
                <th>&nbsp;</th>
            </tr>
        </table>
    </div>
    {% endif %}
    <hr />
    {% if object.description %}
    <div class="i-services country_content">
        <h2 class="sect-title">{% trans 'Описание' %}</h2>
        <div class="i-descr">
            {{ object.description }}
        </div>
    </div>
    {% endif %}
    {% if object.get_photos %}
    <div class="i-photo-slides">
        <h2 class="sect-title">{% trans 'Фотогалерея' %}</h2>
        <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>
    <hr>
    {% endif %}
    {% if object.rules %}
    <div class="i-services country_content">
        <h2 class="sect-title">{% trans 'Визовая информация' %}</h2>
        <div class="i-descr">
            {{ object.rules }}
        </div>
    </div>
    {% endif %}
    {% if object.documents or object.consulate %}
    <table class="country_content_table">
        <tr>
            <td>
                <h4>{% trans 'Документы' %}</h4>
                <ul>
                    {{ object.documents }}
                </ul>
            </td>
            <td class="delimiter">&nbsp;</td>
            <th>
                {{ object.consulate }}
            </th>
        </tr>
    </table>
    {% 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 %}