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

{% block content_bread_scrumbs %}
    <div class="bread-crumbs">
		<a href="/">Главная страница</a>
		<a href="/companies">Участники</a>
		<strong>{{ company.name }}</strong>
	</div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block page_filter %}
{% endblock %}

{% block page_body %}
    <div class="m-article">
        <div class="item-wrap event clearfix">
            <aside>
                <div class="i-pict">
                    <img src="{% if company.get_logo %}{{ company.get_logo.file_path.url }}
                              {% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt=""/>
                </div>
            </aside>

            <div class="i-info">
                <header>
                    <div class="i-title">
                        {{ company.name|safe }}
                    </div>
                </header>
                <div class="i-descr">
                    {{ company.description }}
                </div>
                <div class="i-area"><a href="#">{{ company.specialization }}</a></div>
                <hr />

                <div class="i-address">
                    <header>
						<div class="address">{{ company.address.address }}</div>
						<div class="show-map"><a class="toggle-map" href="#">Раскрыть карту</a></div>
					</header>
				    <div class="i-map">
						<div class="close-map"><a class="toggle-map" href="#">Скрыть карту</a></div>

						<!-- позиция для карты задается в атрибуте data-coords -->
						<div class="map-canvas" id="map-canvas" data-coords="{{ company.address.lat }},{{ company.address.lng }}" ></div>
					</div>
                </div>
                <hr />
                <div class="i-tags">
                {% for tag in company.tag.all %}
                     <a href="#">{{ tag }}</a>,
                {% endfor %}
                </div>
                </hr>

                <div class="i-contacts clearfix">
                    <div class="ic-buttons">
						<a class="button icon-msg" href="#">отправить сообщение</a>

						<ul class="soc-media-buttons">
							<li><a href="#"><img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" /></a></li>
							<li><a href="#"><img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" /></a></li>
							<li><a href="#"><img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" /></a></li>
							<li><a href="#"><img src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" /></a></li>
						</ul>
					</div>

                    <div class="ic-links">
                        {% if company.phone %}
						<div class="ic-tel">
							{{ company.phone }}
						</div>
                        {% endif %}

                        {% if company.email %}
						<div class="ic-mail">
							<a class="icon-mail" href="mailto:{{ company.email }}">{{ company.email }}</a>
						</div>
                        {% endif %}

                        {% if company.web_page %}
						<div class="ic-site">
							<a class="icon-ext-link" href="http://{{ company.web_page }}" target="_blank">http://{{ company.web_page }}</a>
						</div>
                        {% endif %}
					</div>
                </div>

                <hr />

                <div class="i-additional">
                    <div class="ia-title">Дополнительная информация</div>
                    <dl class="add-info">
						<dt>Год основания:</dt>
						<dd>{{ company.foundation }}</dd>

						<dt>Количество сотрудников:</dt>
						<dd>{{ company.staff_number }}</dd>

						<dt>О компании:</dt>
						<dd>{{ company.description }}</dd>

					</dl>
                 </div>

            </div>
        </div>
        <hr />

        <div class="i-statistics">
        </div>
        <div class="i-photos">
            <div class="sect-title"><a href="#">Фотографии компании с событий</a></div>
            <div id="cli-pg" class="cli-photo-gallery">
                <ul class="clearfix">
                {% for photo in company.get_photos %}
                    <li>
                        <a class="open-photo" href="#">
                            <img src="{{ photo.file_path.url }}" alt="" />
                            <span class="pg-title">{{ photo.name }}</span>
                        </a>
                    </li>
                {% endfor %}
                </ul>
            </div>
            <a class="button more" href="#">Все фотографии</a>
        </div>
        <hr />
        <div class="i-staff">
            <div class="sect-title"><a href="#">Сотрудники</a></div>
            <div class="i-staff-list">
                <ul>
                    {% for member in company.members %}

                    {% endfor %}
                </ul>
            </div>
            <a class="button more" href="#">Все сотрудники</a>
        </div>
    </div>
{% endblock %}