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

{% block style %}
    <link rel="stylesheet" href="{% static 'client/css/select2.css' %}">
    <style>
    .add_link_teg .tag-select{
        float: left;
        margin: 0 13px 0 0;
        min-height: 36px;
    }
    </style>
{% endblock %}

{% block bread_scrumbs %}
   <div class="bread-crumbs">
        <a href="/">{% trans 'Главная страница' %}</a>
       <a href="/profile/">{% trans 'Личный кабинет' %}</a>
        <strong>{% trans 'Компания' %}</strong>
   </div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block content_list %}
<div class="m-article">
    <div class="item-wrap clearfix">

        <aside>
            <div class="i-pict">
                <a class="add_pic_block" title="">
                    <span></span>
                    <i>Добавить лого</i>
                    <b>+20</b>
                </a>
            </div>
            <div class="i-rating" title="Рейтинг: 551">551</div>
        </aside>

        <div class="i-info">
            <header>
                <div class="{% if home_form.instance.country and home_form.instance.city %}i-place p-editable{% else %}i-place p-editable add_link_text add_link_text_medium{% endif %}">
                    {% if home_form.instance.country and home_form.instance.city %}
                        <span>
                    {% else %}
                        <span style="display:none;">
                    {% endif %}
                            <a href="#" id="static-home-country">{{ home_form.instance.country }}</a>
                        </span>

                    {% if home_form.instance.country and home_form.instance.city %}
                        <span>
                    {% else %}
                        <span style="display:none;">
                    {% endif %}
                        , <a href="#" id="static-home-city">{{ home_form.instance.city }}</a>
                        </span>

                    <div class="edit-wrap e-left">
                        {% if home_form.instance.country and home_form.instance.city %}
                            <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                        {% else %}
                            <a class="e-btn" href="#" title="">Указать</a>
                            <div class="add_link_text_text">свой город <b>+5</b></div>
                        {% endif %}
                        <form class="clearfix update-profile-form" id="home_form" action="/company/update/home/"  method="post">{% csrf_token %}
                        <div class="e-form">


                                <div class="ef-body">

                                    <div class="epfl">
                                        <label>Страна</label>
                                        <div class="epf-field">
                                            {{ home_form.country }}
                                        </div>
                                    </div>

                                    <div class="epfl">
                                        <label>{% trans 'Город' %}</label>
                                        <div class="epf-field">
                                            {{ home_form.city }}
                                        </div>
                                    </div>

                                </div>

                                <div class="ef-buttons">
                                    <button type="submit" class="lnk icon-save">Сохранить</button>
                                </div>


                            <a class="ef-close" href="#">закрыть</a>
                        </div>
                        </form>
                    </div>

                </div>
                <div class="site_link">
                    <a href="{{ request.user.company.get_permanent_url }}" title="">
                        {{ request.user.company.get_permanent_url }}
                    </a>
                </div>

                <div class="i-title p-editable p-editable">
                    <span id="static-name-value">{{ name_form.name.value }}</span>

                    <div class="edit-wrap">
                        <a class="e-btn" href="#">редактировать</a>
                        <div class="e-form">
                            <form class="clearfix update-profile-form" id="name_form" action="/company/update/name/"  method="post">{% csrf_token %}

                                <div class="ef-body">

                                    <div class="epfl">
                                        <label>{{ name_form.name.label }}</label>
                                        <div class="epf-field">
                                            {{ name_form.name }}
                                        </div>
                                    </div>

                                </div>

                                <div class="ef-buttons">
                                    <button type="submit" class="lnk icon-save">Сохранить</button>
                                </div>
                            </form>

                            <a class="ef-close" href="#">закрыть</a>
                        </div>
                    </div>
                </div>
            </header>


            <div class="{% if spec_form.specialization.value %}i-position p-editable{% else %}i-descr p-editable add_link_text add_link_text_top{% endif %}">

                {% if spec_form.specialization.value %}
                    <span id="static-spec-value">{{ spec_form.specialization.value }}</span>
                {% endif %}
                <div class="edit-wrap">
                    {% if spec_form.specialization.value %}
                        <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                    {% else %}
                        <a class="e-btn" href="#" title="">Добавить</a>
                        <div class="add_link_text_text">краткое описание компании <b>+20</b></div>
                    {% endif %}

                    <div class="e-form">
                        <form class="clearfix update-profile-form" id="spec_form" action="/company/update/specialization/"  method="post">{% csrf_token %}
                            <div class="ef-body">

                                <div class="epf-field">
                                    <label>{{ spec_form.specialization.label }}</label>
                                    <div class="epf-field">
                                        {{ spec_form.specialization }}
                                    </div>
                                </div>

                            </div>

                            <div class="ef-buttons">
                                <button type="submit" class="lnk icon-save">Сохранить</button>
                            </div>
                        </form>

                        <a class="ef-close" href="#">закрыть</a>
                    </div>
                </div>

            </div>

            <div class="i-area" id="theme-inf" data-theme="{% for th in request.user.company.theme.all %}{{ th.id }},{% endfor %}">
                {% for th in request.user.company.theme.all %}
                    <a href="/members/theme-{{ th.url }}">{{ th.name }}</a>{% ifnotequal forloop.counter request.user.company.theme.all|length %},{% endifnotequal %}
                {% endfor %}
            </div>

            <hr />

            <div class="{% if address_form.address_inf.value %}ic-tel p-editable{% else %}p-editable add_link_text add_link_text_medium{% endif %}">
                {% if address_form.address_inf.value %}
                    <span id="static-address-value">{{ address_form.address_inf.value }}</span>
                {% endif %}
                <div class="edit-wrap">

                    {% if address_form.address_inf.value %}
                        <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                    {% else %}
                        <a class="e-btn" href="#" title="">Добавить</a>
                        <div class="add_link_text_text">адрес компании <b>+15</b></div>
                    {% endif %}

                        <div class="e-form">
                            <form class="clearfix update-profile-form" id="address_form" action="/company/update/address/"  method="post">{% csrf_token %}

                            <div class="ef-body">



                                    <div class="epf-field">
                                    <label>{{ address_form.address_inf.label }}</label>
                                        {{ address_form.address_inf }}
                                    </div>
                            </div>
                            <div class="ef-buttons">
                                <button type="submit" class="lnk icon-save">Сохранить</button>
                            </div>
                            </form>

                        <a class="ef-close" href="#">закрыть</a>
                    </div>
                </div>

            </div>


            <hr />

            <div class="add_link_teg">

                <div class="tag-select">{{ tag_form.tag }}</div>
                <b>+5</b>
            </div>

            <div class="clear"></div>

            <hr />

            <div class="i-contacts clearfix">
                <div class="ic-buttons ic-buttons_pos dd_width_4">
                    <a class="button icon-edit icb-edit-profile" href="#">редактировать профиль</a>
                    <a class="button orange icon-edit icb-exit-edit" href="#">завершить редактирование</a>

                    <div class="ic-buttons_text">Добавить профили в соц.сетях:</div>

                    <div class="p-editable add_link_text add_link_text_medium soc-media-indent">

                        <div class="edit-wrap">
                            <a class="e-btn" href="#" title="">Добавить</a>

                            <ul class="soc-media-buttons soc-media-buttons1">
                                <li>
                                    {% if social_form.facebook.value %}
										<a href="{{ social_form.facebook.value }}"  target="_blank">
											<img id="img-facebook" src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" />
										</a>
                                    {% else %}
                                        <img id="img-facebook" src="{% static 'client/img/soc-medias/icon-fb_hover.png' %}" title="Facebook" alt="Facebook" />
                                    {% endif %}
                                </li>
                                <li>
                                    {% if social_form.linkedin.value %}
									<a href="{{ social_form.linkedin.value }}"  target="_blank">
										<img id="img-linkedin" src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" />
									</a>
                                    {% else %}
                                        <img id="img-linkedin" src="{% static 'client/img/soc-medias/icon-lin_hover.png' %}" title="LinkedIn" alt="LinkedIn" />
                                    {% endif %}

                                <li>
                                    {% if social_form.vk.value %}
									<a href="{{ social_form.vk.value }}" target="_blank">
										<img id="img-vk" src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" />
                                    </a>
									{% else %}
                                        <img id="img-vk" src="{% static 'client/img/soc-medias/sm-icon-vk_hover.png' %}" title="В контакте" alt="В контакте" />
                                    {% endif %}
                                </li>

                                <li>
                                    {% if social_form.twitter.value %}
										<a href="{{ social_form.twitter.value }}" target="_blank">
											<img id="img-twitter" src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" />
										</a>
									{% else %}
                                        <img id="img-twitter" src="{% static 'client/img/soc-medias/sm-icon-twit_hover.png' %}" title="Twitter" alt="Twitter" />
                                    {% endif %}
                                </li>

                            </ul>

                            <div class="add_link_text_text"><b>+5 за каждый</b></div>
                                <div class="e-form">

                                <form class="clearfix update-profile-form" id="social_form" action="/company/update/social/"  method="post">{% csrf_token %}

                                    <div class="ef-body">

                                        <div class="epfl">
											<label><img src="{% static 'client/img/soc-medias/sm-icon-fb-w.png' %}" title="Facebook" alt="Facebook" /> {{ social_form.facebook.label }}</label>
											<div class="epf-field">
												{{ social_form.facebook }}
											</div>
										</div>

										<div class="epfl">
											<label><img src="{% static 'client/img/soc-medias/sm-icon-lin-w.png' %}" title="LinkedIn" alt="LinkedIn" /> {{ social_form.linkedin.label }}</label>
                                            <div class="epf-field">
                                                {{ social_form.linkedin }}
                                            </div>
										</div>

										<div class="epfl">
										    <label><img src="{% static 'client/img/soc-medias/sm-icon-vk-w.png' %}" title="В контакте" alt="В контакте" /> {{ social_form.vk.label }}</label>
											<div class="epf-field">
											    {{ social_form.vk }}
											</div>
										</div>

										<div class="epfl">
											<label><img src="{% static 'client/img/soc-medias/sm-icon-twit-w.png' %}" title="Twitter" alt="Twitter" /> {{ social_form.twitter.label }}</label>
											<div class="epf-field">
												{{ social_form.twitter }}
											</div>
										</div>

                                    </div>

                                    <div class="ef-buttons">
                                        <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
                                    </div>
                                </form>

                                <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="ic-links ic-links_indent dd_width_5">

                    <div class="{% if phone_form.phone.value %}ic-tel p-editable{% else %}p-editable add_link_text add_link_text_medium{% endif %}">
                        {% if phone_form.phone.value %}
                            <span id="static-phone-value">{{ phone_form.phone.value|phone }}</span>
                        {% endif %}

                        <div class="edit-wrap">
                            {% if phone_form.phone.value %}
                                <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                            {% else %}
                                <a class="e-btn" href="#" title="">Добавить</a>
                                <div class="add_link_text_text">номер телефона <b>+15</b></div>
                            {% endif %}

                                <div class="e-form">
                                    <form class="clearfix update-profile-form" id="phone_form" action="/company/update/phone/"  method="post">{% csrf_token %}
                                    <div class="ef-body">

                                        <div class="epfl">
											<label>{{ phone_form.phone.label }}</label>
											<div class="epf-field">
												{{ phone_form.phone }}
											</div>
										</div>
                                    </div>
                                    <div class="ef-buttons">
                                        <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
                                    </div>
                                </form>
                                <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>
                    </div>

                    <div class="{% if email_form.email.value %}ic-tel p-editable{% else %}p-editable add_link_text add_link_text_medium{% endif %}">
                        {% if email_form.email.value %}

                            <div class="ic-mail add_indent ">
                                <a id="static-email-value" class="icon-mail" href="mailto:{{ email_form.email.value }}">{{ email_form.email.value }}</a>
                            </div>
                        {% endif %}

                        <div class="edit-wrap">
                            {% if email_form.email.value %}
                                <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                            {% else %}
                                <a class="e-btn" href="#" title="">Добавить</a>
                                <div class="add_link_text_text">email <b>+15</b></div>
                            {% endif %}

                                <div class="e-form">
                                    <form class="clearfix update-profile-form" id="email_form" action="/company/update/email/"  method="post">{% csrf_token %}
                                    <div class="ef-body">

                                        <div class="epfl">
											<label>{{ email_form.email.label }}</label>
											<div class="epf-field">
												{{ email_form.email }}
											</div>
										</div>
                                    </div>
                                    <div class="ef-buttons">
                                        <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
                                    </div>
                                    </form>
                                <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>
                    </div>



                    <div class="{% if web_page_form.web_page.value %}ic-site p-editable{% else %}ic-site p-editable add_link_text add_link_text_medium{% endif %}">
                        {% if web_page_form.web_page.value %}
                            <a id="static-web-page-value" class="icon-ext-link" href="{% if web_page_form.web_page.value %}{{ web_page_form.web_page.value }}{% else %}#{% endif %}" target="_blank">
                            {% if web_page_form.web_page.value %}
                                {{ web_page_form.web_page.value }}
                            {% endif %}
                            </a>
                        {% endif %}

                        <div class="edit-wrap">
                            {% if web_page_form.web_page.value %}
                                <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                            {% else %}
                                <a class="e-btn" href="#" title="">Добавить</a>
                                <div class="add_link_text_text">сайт <b>+5</b></div>
                            {% endif %}

                                <div class="e-form">
                                    <form class="clearfix update-profile-form" id="web_page_form" action="/company/update/web-page/" method="post">{% csrf_token %}
                                    <div class="ef-body">

                                        <div class="epfl">
                                            <label>{{ web_page_form.web_page.label }}</label>
                                            <div class="epf-field">
                                                {{ web_page_form.web_page }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ef-buttons">
                                        <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
                                    </div>
                                </form>
                                <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

            <hr />

            <div class="i-additional">
                <div class="ia-title">Дополнительная информация</div>

                <div class="p-editable {% if found_form.foundation.value %}ic-tel ic-links {% else %}add_link_text add_link_text_medium{% endif %}">

					<p id="static-found-value" style="{% if found_form.foundation.value == '' or found_form.foundation.value == None %}display:none;{% endif %}">Год основания: <span>{{ found_form.foundation.value }}</span></p>

                    <div class="edit-wrap">

						<a class="e-btn" href="#"  >{% trans 'редактировать' %}</a>

						<div id="static-foundation"  style="{% if found_form.foundation.value %} display:none;{% endif %}">
							<a class="e-btn" href="#" title="">Добавить</a>
							<div class="add_link_text_text">год основания <b>+15</b></div>
						</div>


                            <div class="e-form">
                                <form class="clearfix update-profile-form" id="found_form" action="/company/update/foundation/"  method="post">{% csrf_token %}
                                <div class="ef-body">

                                    <div class="epfl">
                                        <label>{{ found_form.foundation.label }}</label>
                                        <div class="epf-field">
                                            {{ found_form.foundation }}
                                        </div>
                                    </div>
                                </div>
                                <div class="ef-buttons">
                                    <button type="submit" class="lnk icon-save">Сохранить</button>
                                </div>
                                </form>

                            <a class="ef-close" href="#">закрыть</a>
                        </div>
                    </div>
                </div>

                <div class="p-editable {% if staff_form.staff_number.value %}ic-tel ic-links {% else %}add_link_text add_link_text_medium{% endif %}">


                    <p id="static-staff_number-value" style="{% if staff_form.staff_number.value == '' or staff_form.staff_number.value == None %}display:none;{% endif %}">к-во сотрудников: <span id="static-staff-value">{{ staff_form.staff_number.value }}</span></p>

                    <div class="edit-wrap">

                            <a class="e-btn" href="#">{% trans 'редактировать' %}</a>

							<div id="static-staff_number" style="{% if staff_form.staff_number.value %} display:none;{% endif %}">
								<a class="e-btn" href="#" title="">Добавить</a>
								<div class="add_link_text_text">к-во сотрудников <b>+15</b></div>
							</div>


                            <div class="e-form">
                                <form class="clearfix update-profile-form" id="staff_form" action="/company/update/staff/"  method="post">{% csrf_token %}
                                <div class="ef-body">

                                    <div class="epfl">
                                        <label>{{ staff_form.staff_number.label }}</label>
                                        <div class="epf-field">
                                            {{ staff_form.staff_number }}
                                        </div>
                                    </div>
                                </div>
                                <div class="ef-buttons">
                                    <button type="submit" class="lnk icon-save">Сохранить</button>
                                </div>
                                </form>

                            <a class="ef-close" href="#">закрыть</a>
                        </div>
                    </div>
                </div>

                <div class="p-editable {% if description_form.description.value %}ic-tel {% else %}add_link_text add_link_text_medium{% endif %}">


                    <span id="static-description-value" style="{% if description_form.description.value == '' or description_form.description.value == None %}display:none;{% endif %}">{{ description_form.description.value }}</span>

                    <div class="edit-wrap">

                            <a class="e-btn" href="#">{% trans 'редактировать' %}</a>

							<div id="static-description" style="{% if description_form.description.value %} display:none;{% endif %}">
								<a class="e-btn" href="#" title="">Добавить</a>
								<div class="add_link_text_text">подробное описание компании<b>+15</b></div>
							</div>


                            <div class="e-form">
                                <form class="clearfix update-profile-form" id="description_form" action="/company/update/description/"  method="post">{% csrf_token %}
                                <div class="ef-body">

                                    <div class="epfl">
                                        <label>{{ description_form.description.label }}</label>
                                        <div class="epf-field">
                                            {{ description_form.description }}
                                        </div>
                                    </div>
                                </div>
                                <div class="ef-buttons">
                                    <button type="submit" class="lnk icon-save">Сохранить</button>
                                </div>
                                </form>
                            <a class="ef-close" href="#">закрыть</a>
                        </div>
                    </div>
                </div>

            </div>

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

{% endblock %}


{% block pre_scripts %}
    <script src="{% static 'client/js/plugins/select2.min.js' %}"></script>
    <script src="{% static 'client/js/plugins/select2_locale_ru.js' %}"></script>
{% endblock %}

{% block scripts %}

<!-- mask select scripts-->
<script src="{% static 'client/js/plugins/inputmask/jquery.inputmask.js' %}"></script>
<script src="{% static 'client/js/plugins/inputmask/jquery.bind-first-0.2.3.min.js' %}"></script>
<script src="{% static 'client/js/plugins/inputmask/jquery.inputmask-multi.js' %}"></script>
<!-- page module-->
<script src="{% static 'client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/page.company{% if debug %}{% else %}.min{% endif %}.js"></script>
<script>
	//js module initialization
	EXPO.company.init({
		// class selector to identify required forms on page
		updateFormClass:'update-profile-form',
		// text and paths for dynamically rendered selectboxes
		selectBox:[
			{id:'id_country'},
			{id:'id_city',
				placeHolder:'Search city',
				path:'http://{{ request.get_host }}/city/get-city/'
			},
			{id:'id_tag',
				placeholder:'Выберите ключевые теги',
				path:'http://{{ request.get_host }}/theme/get-tag/'
			}
		],
		// we need this id to enable mapping library
		phoneBox: 'id_phone',
		// some helper text in current language
		lang:{
			workIn:'в'// there must be 'at' in English
		}

	});
</script>
{% endblock %}