{% load static %}
{% load i18n %}
{% load template_filters %}



{% block page_body %}
    <div class="m-article">
        <div class="item-wrap clearfix">
            <aside>
		        <div class="i-pict">
                    {% with obj=company %}
                        {% include 'includes/show_logo.html' %}
                    {% endwith %}
                </div>
			</aside>
            <div class="i-info">
                <header>
					<div class="i-title">{{ company.name|safe }}</div>
				</header>

				<div class="i-descr">
				    {{ company.description|safe }}
			    </div>

				<div class="i-area"><a href="#">{{ company.specialization }}</a></div>

                <hr />
                {% if company.address %}
                    {% with address=company.address %}
                        {% include 'includes/address_block.html' %}
                    {% endwith %}

                    <hr />
                {% endif %}

                <div class="i-tags">
                {% with obj=company filter=filter %}
                    {% include 'includes/show_tags.html' %}
                {% endwith %}
                </div>
                <hr />

                <div class="i-contacts clearfix">
					<div class="ic-buttons">
                        <!--
						<a class="button icon-msg" href="#">{% trans 'отправить сообщение' %}</a>
						-->
						<ul class="soc-media-buttons">
                            {% if company.facebook %}
						    <li><a href="{{ company.facebook }}"><img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" /></a></li>
                            {% endif %}
                            {% if company.linkedin %}
							<li><a href="{{ company.linkedin }}"><img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" /></a></li>
                            {% endif %}
                            {% if company.vk %}
							<li><a href="{{ company.vk }}"><img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" /></a></li>
                            {% endif %}
                            {% if company.twitter %}
							<li><a href="{{ company.twitter }}"><img src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" /></a></li>
                            {% endif %}
						</ul>
					</div>

					<div class="ic-links">
                        {% if company.phone %}
						<div class="ic-tel">
							{{ company.phone|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="{{ company.web_page }}" target="_blank">{{ company.web_page }}</a>
						</div>
                        {% endif %}
					</div>
				</div>
                <hr />
                <div class="i-additional">
					<div class="ia-title">{% trans 'Дополнительная информация' %}</div>

					<dl class="add-info">
                        {% if company.foundation %}
                        <dt>{% trans 'Год основания:' %}</dt>
                        <dd>{{ company.foundation }}</dd>
                        {% endif %}

                        {% if company.staff_number %}
                        <dt>{% trans 'Количество сотрудников:' %}</dt>
                        <dd>{{ company.staff_number }}</dd>
                        {% endif %}
                        {% if company.description %}
                        <dt>{% trans 'О компании:' %}</dt>
                        <dd>{{ company.description|safe }}</dd>
                        {% endif %}

					</dl>

				</div>

            </div>
        </div>
        <hr />
        <div class="i-statistics">
			<header class="clearfix">
				<div class="ish-title">{% trans 'Участие в событиях' %}</div>

				<div class="ish-data">
					<span><a href="/expositions/member-{{ company.url }}"><b>{{ company.get_expositions_number }}</b> в&nbsp;{% trans 'выставках' %}</a></span>
					<span><a href="/conferences/member-{{ company.url }}"><b>{{ company.get_conferences_number }}</b> в&nbsp;{% trans 'конференциях' %}</a></span>
					<span><a href="/seminars/member-{{ company.url }}"><b>{{ company.get_seminars_number }}</b> в&nbsp;{% trans 'семинарах' %}</a></span>
			    </div>
			</header>

            <ul class="cat-list cl-exhibitions">
            {% for event in company.get_events %}
                <li class="cl-item">
                    <div class="cl-item-wrap clearfix">
                        <a href="{{ event.get_permanent_url }}">
                            {% if event.expohit %}
                                <div class="hit"></div>
                            {% endif %}
                            <div class="cli-pict">
                            {% with obj=event %}
                                {% include 'includes/show_logo.html' %}
                            {% endwith %}
                            </div>
                        </a>
                        <div class="cli-info">
                            <div class="cli-top clearfix">
                                <div class="cli-status"><b class="participant">{% trans 'Участник' %}</b></div>
                                <header>
		    						<div class="cli-title"><a href="{{ event.get_permanent_url }}">{{ event.name }}</a></div>
								</header>
                                <div class="cli-descr">
                                    {{ event.main_title|safe }}
                                </div>
                            </div>
                            <div class="cli-bot clearfix">
                                <div class="cli-date">
                                {% with obj=event  %}
                                    {% include 'client/includes/show_date_block.html' %}
                                {% endwith %}
                                </div>
                                <div class="cli-place">
                                    <a href="#">{{ event.country }}</a>, <a href="#">{{ event.city }}</a>
                                    {% if event.place %}, <a href="{{ event.place.get_permanent_url }}">{{ event.place.address.address }}</a>{% endif %}
                                </div>

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

                </li>
            {% endfor %}
            </ul>
            {% if company.get_events %}
            <a class="button more" href="/expositions/member-{{ company.url }}">{% trans 'Все события' %}</a>
            {% endif %}
        </div>
        <hr />
        <div class="i-staff">
			<div class="sect-title"><a href="#">{% trans 'Сотрудники' %}</a></div>

		    <div class="i-staff-list">
                <ul>
                {% for user in company.users.all %}
                <li>
                    <a href="{{ user.get_permanent_url }}">
                        <div class="sl-item clearfix">
                            <div class="sl-pict">
                                {% if user.get_avatar %}
                                {% else %}
                                <img src="{% static 'client/img/no-logo.png' %}" alt="" />
                                {% endif %}
                                <!--<img src="img/_del-temp/usr-1.jpg" alt="" />-->
                            </div>
                            <div class="sl-info">
                                <div class="sl-info-wrap">
                                    <div class="sl-name">{{ user.get_full_name }}</div>
                                    <div class="sl-position">{{ user.position }}</div>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                {% endfor %}
                </ul>
            </div>

            {% if company.users.all|length > 5 %}
            <a class="button more" href="#">{% trans 'Все сотрудники' %}</a>
            {% endif %}
        </div>
    </div>
{% endblock %}