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

<div class="m-article edit-profile company">
    <div class="item-wrap clearfix">

        <aside>
			<!--!!-->
			<div class="form-item-wrap">
				<div class=" avatar-btn i-pict i-descr">
					<a class="add_pic_block" title="">
						<span class="fa fa-plus-circle">&nbsp;</span>
						<i>{% trans 'Добавить лого' %}</i>
						<b>+20</b>
					</a>
				</div>
				<div class="i-pict p-editable editable-wrap hidden">

					<div id="pick-block" class="pic_block">
						{% if company.logo %}
							{% thumbnail company.logo "100x100" as im %}
								<img class="user-avatar" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/>
							{% endthumbnail %}
						{% else %}
							<img class="user-avatar" src="{% static 'client/img/no-logo.png' %}" width="100" height="100"/>
						{% endif %}

					</div>
					<div class="edit-wrap">
						<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>
						<div class="e-form">
							<form class="clearfix update-profile-form" enctype="multipart/form-data" id="avatar_form" action="/company/update/logo/{{ company.url }}/" method="post">{% csrf_token %}
								<div class="ef-body">

									<div class="epfl">
										<label>{{ avatar_form.logo.label }}</label>
										<div class="epf-field">
											<div class="input-file clearfix">
												<div class="button icon-clip">{% trans 'выберите файл' %}</div>
												<div class="file-text placehlder">{% trans 'Файл не выбран' %}</div>
												<div class="if-field-wrap"><input id="id_avatar" type="file" name="logo" /></div>
											</div>
										</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="i-rating" title="{% trans 'Рейтинг' %}: {{ company.rating }}" id="profile-rating">{{ company.rating }}</div>
        </aside>

        <div class="i-info">
            <header>
				<div class="form-item-wrap ">
					<div class="i-descr add_link_text right">
						<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Указать' %}</a>
						<div class="add_link_text_text">{% trans 'город' %} <b>+5</b></div>
					</div>
					<div class="i-place p-editable editable-wrap hidden">
					<span class="static-value">
						<span id="static-home-country">{{ home_form.instance.country }}</span>, <span id="static-home-city">{{ home_form.instance.city }}</span>
					</span>


						<div class="edit-wrap e-left">
							<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>

							<div class="e-form">
								<form class="clearfix update-profile-form" id="home_form" action="/company/update/home/{{ company.url }}/"  method="post">{% csrf_token %}


									<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>
								</form>
							</div>
						</div>

					</div>
				</div>
                <div class="site_link">
                    <a href="{{ company.get_permanent_url }}" title="">
                        {{ company.get_permanent_url }}
                    </a>
                </div>
				<div class="form-item-wrap">
					<div class="i-descr add_link_text ">
						<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Указать' %}</a>
						<div class="add_link_text_text">{% trans 'название компании' %}<b>+10</b></div>
					</div>
					<div class="i-title p-editable editable-wrap hidden required">
						<span id="static-name-value" class="static-value">{{ name_form.name.value }}</span>

						<div class="edit-wrap">
							<a class="e-btn fa fa-pencil-square-o" href="#">редактировать</a>
							<div class="e-form">
								<form class="clearfix update-profile-form" id="name_form" action="/company/update/name/{{ company.url }}/"  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>
				</div>
            </header>

			<div class="form-item-wrap">
				<div class="i-descr add_link_text ">
					<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
					<div class="add_link_text_text">{% trans 'краткое описание компании' %} <b>+20</b></div>
				</div>
				<div class="i-position p-editable editable-wrap hidden required">
					<span id="static-spec-value" class="static-value">{{ spec_form.specialization.value }}</span>
					<div class="edit-wrap">
						<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>

						<div class="e-form">
							<form class="clearfix update-profile-form" id="spec_form" action="/company/update/specialization/{{ company.url }}/"  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>
            {% with themes=company.theme.all %}
			<div class="theme-wrap">
				<div class="label">
					<p>Тематика:</p>
				</div>
				<div class="input">
					<div class="i-area" id="theme-inf" data-theme="{% for th in themes %}{{ th.id }},{% endfor %}">
						<form class="inline-block" id="theme_form" action="/company/update/theme/{{ company.url }}/"  method="post">
							{% csrf_token %}
							<div class="tag-select">{{ theme_form.theme }}</div>
						</form>
					</div>

				</div>
			</div>
            {% endwith %}

            <hr />
			<div class="form-item-wrap">
				<div class="i-descr add_link_text ">
					<a class="e-btn" href="#" title=""> <i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
					<div class="add_link_text_text">{% trans 'адрес компании' %} <b>+15</b></div>
				</div>
				<div class="ic-tel p-editable editable-wrap hidden required">
					<span id="static-address-value" class="static-value address">{{ address_form.address_inf.value }}&nbsp;</span>
					<div class="edit-wrap">
						<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>
						<div class="e-form">
							<form class="clearfix update-profile-form" id="address_form" action="/company/update/address/{{ company.url }}/"  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>
			</div>


            <hr />

            <div class="add_link_teg">
				<div class="form-item-wrap">
					<div class="i-tags hidden i-descr">
						<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>
						<p class="tags static-value">
							<a href="/members/tag/astrophysics">Астрофизика</a>,
							<a href="/members/tag/embedded-computing">Встроенные вычисления</a>,
						</p>
					</div>
					<!---->
					<div class="editable-wrap">
						<form class="inline-block update-profile-form" id="tag_form" action="/company/update/tag/{{ company.url }}/"  method="post">
							{% csrf_token %}
							<!-- todo: в data-predifined добавить url-->
							<div class="tag-select">{{ tag_form.tag }}</div>
						</form>
						<b class="inline-block label">+5 {% trans 'за каждый' %}</b>
					</div>
					<div class="initial-position">

					</div>
				</div>
				<!---->
				<div class="p-editable editable-wrap hidden">

				</div>

            </div>

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

            <hr />

            <div class="i-contacts clearfix">
                <div class="ic-buttons ic-buttons_pos dd_width_4">

                    <div class="ic-buttons_text">{% trans 'Профили в соц.сетях:' %}</div>
					<div class="form-item-wrap">
						<div class="p-editable editable-wrap social">


							<div class="i-descr add_link_text add_link_text_medium soc-media-indent">

								<a class="e-btn social not-complete no-refresh" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
								<a class="e-btn social full-complete no-refresh" href="#" title=""><i class="fa fa-pencil-square-o">&nbsp;</i></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/sm-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/sm-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 not-complete"><b>{% trans '+5 за каждый' %}</b></div>
							</div>
							<div class="edit-wrap">
								<div class="e-form">
									<div class="edit-label"><span class="fa fa-pencil-square-o">&nbsp;</span></div>
									<form class="clearfix update-profile-form" id="social_form" action="/company/update/social/{{ company.url }}/"  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 required">
													{{ 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 required">
													{{ 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 required">
													{{ 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 required">
													{{ 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>

                <div class="ic-links ic-links_indent dd_width_5">
					<div class="form-item-wrap">
						<div class="i-descr add_link_text add_link_text_medium">
							<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
							<div class="add_link_text_text">{% trans 'номер телефона' %} <b>+15</b></div>
						</div>
						<div class="ic-tel p-editable editable-wrap hidden">
							<span id="static-phone-value" class="static-value">{{ phone_form.phone.value|phone }}</span>

							<div class="edit-wrap">
								<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>
								<div class="e-form">
									<form class="clearfix update-profile-form" id="phone_form" action="/company/update/phone/{{ company.url }}/"  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>

					<div class="form-item-wrap">
						<div class="i-descr add_link_text add_link_text_medium">
							<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
							<div class="add_link_text_text">{% trans 'email' %} <b>+15</b></div>
						</div>
						<div class=" p-editable editable-wrap hidden required">

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

							<div class="edit-wrap">
								<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>
								<div class="e-form">
									<form class="clearfix update-profile-form" id="email_form" action="/company/update/email/{{ company.url }}/"  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>


					<div class="form-item-wrap">
						<div class="i-descr add_link_text add_link_text_medium">
							<a class="e-btn" href="#" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
							<div class="add_link_text_text">{% trans 'сайт' %} <b>+5</b></div>
						</div>
						<div class="ic-site p-editable editable-wrap hidden">
							<a id="static-web-page-value" class="icon-ext-link static-value website" href="{{ web_page_form.web_page.value }}" target="_blank">
								{{ web_page_form.web_page.value }}
							</a>

							<div class="edit-wrap">
								<a class="e-btn fa fa-pencil-square-o" href="#">{% trans 'редактировать' %}</a>

								<div class="e-form">
									<form class="clearfix update-profile-form" id="web_page_form" action="/company/update/web-page/{{ company.url }}/" 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>
            </div>

            <hr />

            <div class="i-additional">

				<!-- !!! -->
				<dl class="add-info">
					<div class="form-item-wrap">
						<dt><a class="e-btn fa fa-pencil-square-o" href="#" title="">{% trans 'Добавить' %}</a>{% trans 'Год основания' %}:</dt>

						<div class="p-editable ic-tel ic-links editable-wrap hidden">
							<div class="edit-wrap">
								<div class="e-form">
									<div class="edit-label"><span class="fa fa-pencil-square-o">&nbsp;</span></div>
									<form class="clearfix update-profile-form" id="found_form" action="/company/update/foundation/{{ company.url }}/"  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">{% trans 'Сохранить' %}</button>
										</div>
									</form>

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

						<dd class="static-value">{% if found_form.foundation.value %}{{ found_form.foundation.value }}{% else %}{% trans 'Не заполнено' %}{% endif %}</dd>
					</div>



					<div class="form-item-wrap">
						<dt><a class="e-btn fa fa-pencil-square-o" href="#" title="">{% trans 'Добавить' %}</a>{% trans 'Количество сотрудников' %}:</dt>

						<div class="p-editable ic-tel ic-links editable-wrap hidden">
							<div class="edit-wrap">
								<div class="e-form">
									<div class="edit-label"><span class="fa fa-pencil-square-o">&nbsp;</span></div>

									<form class="clearfix update-profile-form" id="staff_form" action="/company/update/foundation/{{ company.url }}/"  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">{% trans 'Сохранить' %}</button>
										</div>
									</form>

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

						<dd class="static-value">{% if staff_form.staff_number.value %}{{ staff_form.staff_number.value }}{% else %}{% trans 'Не заполнено' %}{% endif %}</dd>
					</div>

					<div class="form-item-wrap">
						<dt><a class="e-btn fa fa-pencil-square-o" href="#" title="">{% trans 'Добавить' %}</a>{% trans 'О компании' %}:</dt>

						<div class="p-editable ic-tel editable-wrap hidden">
							<div class="edit-wrap">
								<div class="e-form">
									<div class="edit-label"><span class="fa fa-pencil-square-o">&nbsp;</span></div>

									<form class="clearfix update-profile-form" id="description_form" action="/company/update/foundation/{{ company.url }}/"  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">{% trans 'Сохранить' %}</button>
										</div>
									</form>

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

						<dd class="static-value">{% if description_form.description.value %}{{ description_form.description.value }}{% else %}{% trans 'Не заполнено' %}{% endif %}</dd>
					</div>




				</dl>
				<!-- !!! -->
            </div>

        </div>
    </div>
</div>
{% 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-->
<!--todo: вернуть минифицированную версию-->
<!--<script src="{% static 'client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/page.company{% if debug %}{% else %}.min{% endif %}.js"></script>-->
<script src="{% static 'client/js/_modules/page.company.js' %}"></script>
<script>
	//js module initialization
	EXPO.company.init({
		// class selector to identify required forms on page
		updateFormClass:'update-profile-form',
		// text part that is added to form id to designate its wrapper container
		formWrapperClass:'form-item-wrap',
		formCurrentClass:'pe-current',
		staticValueClass:'static-value',
		descriptionClass:'i-descr',
		editableClass:'editable-wrap',
		closeButtonClass:'ef-close',
		editButtonClass:'e-btn',
		avatarButtonClass:'avatar-btn',
		avatarImageClass:'user-avatar',
		avatarInputId:"id_avatar",
		noImageSrc:"{% static 'client/img/no-logo.png' %}",

		// text and paths for dynamically rendered selectboxes
		selectBox:[
			{
				id:'id_country',
				placeholder:"{% trans 'Выберите Страну' %}"
			},
			{id:'id_city',
				placeHolder:"{% trans 'Выберите город' %}",
				path:'http://{{ request.get_host }}/city/get-city/'
			},
			{id:'id_tag',
				placeholder:'Выберите ключевые теги',
				path:'http://{{ request.get_host }}/theme/get-tag/'
			},
			{id:'id_theme',
				placeholder:'Укажите тематику',

			}
		],
		// 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
		},
		rating:{
			id:'profile-rating'
		}



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