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

{% block bread_scrumbs %}

{% endblock %}

{% block page_title %}
{% endblock %}


{% block content_list %}
    <div class="m-article">
        <div class="item-wrap clearfix">
            <aside>
                {% if member.profile.avatar %}
            <div class="i-pict">
                <img src="{{ member.profile.avatar.url }}" alt="" />
            </div>
            {% endif %}
            </aside>
            <div class="i-info">
                <header>
                    <div class="i-place">
                    {% if member.profile.country %}
                        <a href="#">{{ member.profile.country }}</a>, <a href="#">{{ member.profile.city }}</a>
                    {% endif %}
                    </div>
                    <div class="i-title">{{ member.get_full_name }}</div>
                </header>

                <div class="i-position">{{ member.profile.position }}
                {% if member.company %}
                    в <a href="{{ member.company.get_permanent_url }}">“{{ member.company }}”</a>
                {% else %}
                    {{ member.profile.work }}
                {% endif %}
                </div>

                <div class="i-descr">
                    {{ member.profile.about_company|safe }}
                </div>

                <hr />

                <div class="i-contacts clearfix">
                    <div class="ic-buttons">
                        {% if user.is_authenticated %}
                        <a class="button icon-msg pw-open" href="#pw-reply">{% trans 'отправить сообщение' %}</a>
                        {% endif %}

                        <ul class="soc-media-buttons">
                        {% if member.profile.facebook %}
                            <li><a href="{{ member.profile.facebook }}"><img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" /></a></li>
                        {% endif %}
                        {% if member.profile.linkedin %}
                            <li><a href="{{ member.profile.linkedin }}"><img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" /></a></li>
                        {% endif %}
                        {% if member.profile.vk %}
                            <li><a href="{{ member.profile.vk }}"><img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" /></a></li>
                        {% endif %}
                        {% if member.profile.twitter %}
                            <li><a href="{{ member.profile.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 member.profile.phone %}
                        <div class="ic-tel">
                            {{ member.profile.phone|phone }}
                        </div>
                    {% endif %}
                    {% if member.email %}
                        <div class="ic-mail">
                            <a class="icon-mail" href="mailto:{{ member.email }}">{{ member.email }}</a>
                        </div>
                    {% endif %}
                    {% if member.profile.web_page %}
                        <div class="ic-site">
                            <a class="icon-ext-link" href="{{ member.profile.web_page }}" target="_blank">{{ member.profile.web_page }}</a>
                        </div>
                    {% endif %}
                    </div>
                </div>

                <hr />

                <div class="i-additional">
                    <div class="ia-title">{% trans 'О себе' %}:</div>
                    {{ member.profile.about|safe }}
                </div>

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

                    <div class="ish-data">
                        <span><a href="/user/{{ member.url }}/expositions/"><b>{{ member.get_expositions_number }}</b> в&nbsp;выставках</a></span>
                        <span><a href="/user/{{ member.url }}/conferences/"><b>{{ member.get_conferences_number }}</b> в&nbsp;конференциях</a></span>
                        <span><a href="/user/{{ member.url }}/seminars/"><b>{{ member.get_seminars_number }}</b> в&nbsp;семинарах</a></span>
                    </div>
                </header>
                <ul class="cat-list cl-exhibitions">
                </ul>
            </div>
        </div>
    </div>
{% endblock %}
{% if user.is_authenticated %}
{% block popup %}
<div id="pw-reply" class="popup-window pw-reply">
    <header class="clearfix">
        <div class="pw-title">{% trans 'Ответить' %}</div>
    </header>
    <div class="pw-body clearfix">
        <form class="pw-form" action="/send-to/{{ member.id }}/" method="post" id="send_message_form"> {% csrf_token %}
            <div class="pwf-line">
                <label for="reply-msg">{% trans 'Сообщение' %}:</label>
                <div class="pwf-field">
                    <input type="hidden" value="" id="reply_message">
                    {{ message_form.body }}
                </div>
            </div>
            <div class="pwf-buttons-line">
                <button type="submit" class="icon-check">{% trans 'отправить' %}</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}
{% endif %}