{% load static %}
{% load i18n %}
{% load template_filters %}
{% load thumbnail %}
<div class="m-article edit-profile">
	<div class="item-wrap clearfix">
		{# avatar #}
		<aside>
			<div class="form-item-wrap">
				<div class="avatar-btn i-pict i-descr {% if request.user.profile.avatar %}hidden{% else %}{% endif %}">
					<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 {% if request.user.profile.avatar %}{% else %}hidden{% endif %}">
					<div id="pick-block" class="pic_block">
						{% if request.user.profile.avatar %}
								{% thumbnail request.user.profile.avatar "100x100" format="PNG" 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-userpic-big.gif' %}" width="100" height="100"/>
						{% endif %}
					</div>
					<div class="edit-wrap">
						<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
						<div class="e-form">
							<form class="clearfix update-profile-form" enctype="multipart/form-data" id="avatar_form"action="/profile/update/avatar/" method="post">{% csrf_token %}
								<div class="ef-body">
									<div class="epfl">
										<label>{{ avatar_form.avatar.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="avatar" /></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="javascript:void(0);">{% trans 'закрыть' %}</a>
						</div>
					</div>
				</div>
			</div>
			<div class="i-rating" title="{% trans 'Рейтинг' %}: {{ user.rating }}" id="profile-rating">{{ user.rating }}</div>
			<div class="reason_block">
				{% blocktrans %}<p>Заполните свой<br>профиль, чтобы<br>повысить рейтинг</p>{% endblocktrans %}
				{% blocktrans %}<p>Чем выше<br>рейтинг —<br>тем больше<br>преимуществ!</p>{% endblocktrans %}
			</div>
		</aside>
		{# END avatar #}
		<div class="i-info ">
			<header>
				{# country and city #}
				<div class="form-item-wrap"> <!-- 1 -->
					<div class="i-descr add_link_text right {% if home_form.instance.country %}hidden{% else %}{% endif %}">
						<a class="e-btn " href="javascript:void(0);" 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-place p-editable editable-wrap {% if home_form.instance.country %}{% else %}hidden{% endif %}"> <!-- 2 -->
						<span class="static-value"> <!-- 3 -->
							<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="javascript:void(0);">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix update-profile-form" id="home_form" action="/profile/update/home/"  method="post">{% csrf_token %}
									<div class="ef-body">
										<div class="epfl">
											<label>{{ home_form.country.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">{% trans 'Сохранить' %}</button>
									</div>
								</form>
								<a class="ef-close" href="javascript:void(0);">{% trans 'закрыть' %}</a>
							</div>
						</div>
					</div>
				</div>
				{# END country and city #}
				{# name #}
				<div class="form-item-wrap"> <!-- 1 -->
					<div class="i-descr add_link_text {% if name_form.get_full_name %}hidden{% else %}{% endif %}">
						<a class="e-btn " href="javascript:void(0);" 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 {% if name_form.get_full_name %}{% else %}hidden{% endif %} "> <!-- 2 -->
						<span id="static-name-value" class="static-value"><!-- 3 -->
							{{ name_form.get_full_name }}
						</span>
						<div class="edit-wrap">
							<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix update-profile-form" id="name_form"  action="/profile/update/name/"
									  method="post"  method="post">{% csrf_token %}
									<div class="ef-body">
										<div class="epfl">
											<label>{{ name_form.first_name.label }}</label>
											<div class="epf-field">
												{{ name_form.first_name }}
											</div>
										</div>
										<div class="epfl">
											<label>{{ name_form.last_name.label }}</label>
											<div class="epf-field">
												{{ name_form.last_name }}
											</div>
										</div>
									</div>
									<div class="ef-buttons">
										<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
									</div>
								</form>
								<a class="ef-close" href="javascript:void(0);">{% trans 'закрыть' %}</a>
							</div>
						</div>
					</div>
				</div>
				{# END name #}
			</header>
			{# position #}
			<div class="form-item-wrap full-width">
				<div class="i-descr add_link_text {% if work_form.position.value or work_form.work.value %}hidden{% else %}{% endif %}">
					<a class="e-btn " href="javascript:void(0);" 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-position p-editable editable-wrap {% if work_form.position.value or work_form.work.value %}{% else %}hidden{% endif %}">
					<p id="static-work-value" class="static-value">
						{{ work_form.position.value }}
						{% if work_form.work.value %}
						{% trans 'в' %} {{ work_form.work.value }}
						{% endif %}
					</p>
					<div class="edit-wrap">
						<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
						<div class="e-form">
							<form class="clearfix update-profile-form" id="work_form" action="/profile/update/work/"  method="post">{% csrf_token %}
								<div class="ef-body">
									<div class="epfl">
										<label>{{ work_form.position.label }}</label>
										<div class="epf-field">
											{{ work_form.position }}
										</div>
									</div>

									<div class="epfl">
										<label>{{ work_form.company.label }}</label>
										<div class="epf-field">
											{{ work_form.company }}
										</div>
									</div>

								</div>
								<div class="ef-buttons">
									<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
								</div>
							</form>
							<a class="ef-close" href="javascript:void(0);">{% trans 'закрыть' %}</a>
						</div>
					</div>
				</div>
			</div>
			{# END position #}
			<hr />
			<div class="i-contacts clearfix">
				<div class="ic-buttons dd_width_4">
					<div class="ic-buttons_text">{% trans 'Профили в соц.сетях:' %}</div>
					<div class="form-item-wrap"><!-- 1 -->
						<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 {% if social_form.facebook.value and social_form.linkedin.value and social_form.vk.value and social_form.twitter.value %}hidden{% else %}{% endif %}" href="javascript:void(0);" title=""><i class="fa fa-plus-circle">&nbsp;</i>{% trans 'Добавить' %}</a>
								<a class="e-btn social full-complete no-refresh {% if social_form.facebook.value and social_form.linkedin.value and social_form.vk.value and social_form.twitter.value %}{% else %}hidden{% endif %}" href="javascript:void(0);" 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></li>
								</ul>
								<div class="add_link_text_text not-complete {% if social_form.facebook.value and social_form.linkedin.value and social_form.vk.value and social_form.twitter.value %}hidden{% else %}{% endif %}"><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="/profile/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 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="javascript:void(0);">{% trans 'закрыть' %}</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				{# contacts #}
				<div class="ic-links dd_width_5">
					<div class="form-item-wrap"> <!-- 1 -->
						<div class="i-descr add_link_text add_link_text_medium {% if phone_form.phone.value %}hidden{% else %}{% endif %}">
							<a class="e-btn " href="javascript:void(0);" 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 {% if phone_form.phone.value %}{% else %}hidden{% endif %}"> <!-- 2 -->
							<span id="static-phone-value" class="static-value "> <!-- 3 -->
								{{ phone_form.phone.value|phone }}
							</span>
							<div class="edit-wrap">
								<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
								<div class="e-form">
									<form class="clearfix update-profile-form" id="phone_form" action="/profile/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 }}

													<label class="check">
														{{ phone_form.show_phone }}
														{% trans 'Показывать всем' %}
													</label>
												</div>
											</div>
										</div>
										<div class="ef-buttons">
											<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
										</div>
									</form>
									<a class="ef-close" href="javascript:void(0);">{% trans 'закрыть' %}</a>
								</div>
							</div>
						</div>
					</div>
					{% comment %}
					<div class="ic-mail p-editable">
						{% if email_form.email.value %}
						<a class="icon-mail" href="mailto:{{ email_form.email.value }}">{{ email_form.email.value }}</a>
						{% endif %}
						<div class="edit-wrap">
							<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix" action="/profile/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="javascript:void(0);">{% trans 'закрыть' %}</a>
							</div>
						</div>
					</div>
					{% endcomment %}
					<div class="form-item-wrap">
						<div class=" i-descr ic-site p-editable add_link_text add_link_text_medium {% if web_page_form.web_page.value %}hidden{% else %}{% endif %}">
							<a class="e-btn" href="javascript:void(0);" 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 {% if web_page_form.web_page.value %}{% else %}hidden{% endif %}">
							<a class="icon-ext-link static-value" id="static-web-page-value" 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>
							<div class="edit-wrap">
								<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
								<div class="e-form">
									<form class="clearfix update-profile-form" id="web_page_form" action="/profile/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="javascript:void(0);">{% trans 'закрыть' %}</a>
								</div>
							</div>
						</div>
					</div>
				{# END contacts #}
				</div>
			</div>
			<hr/>
			{# about #}
			<div class="i-additional">
				<div class="ia-title">{% trans 'О себе:' %}</div>
				<div class="form-item-wrap">
					<div class="i-descr add_link_text {% if about_form.about.value %}hidden{% else %}{% endif %}">
						<a class="e-btn " href="javascript:void(0);" 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="p-editable editable-wrap {% if about_form.about.value %}{% else %}hidden{% endif %}">
						<div id="static-about-value" class="static-value">{{ about_form.about.value|linebreaks }}</div>
						<div class="edit-wrap">
							<a class="e-btn fa fa-pencil-square-o" href="javascript:void(0);">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix update-profile-form" id="about_form" action="/profile/update/about/" method="post">{% csrf_token %}
									<div class="ef-body">
										<div class="epfl">
											<label>{{ about_form.about.label }}</label>
											<div class="epf-field">
												{{ about_form.about }}
											</div>
										</div>
									</div>
									<div class="ef-buttons">
										<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
									</div>
								</form>
								<a class="ef-close" href="javascript:void(0);">{% trans 'закрыть' %}</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			{# END about #}
			{# companies #}
			<div class="my-companies-block editable">
				<div class="ia-title ">{% trans 'Мои компании:' %}</div>
				{% if request.user.created_company.all %}
				{% else %}
				<div class="message-standart">
					<span>
						<i class="fa fa-briefcase"></i>
					</span>
					<span class="message">{% trans 'Пока не добавлено ни одной компании' %}</span>
				</div>
				{% endif %}
				{% with companies=request.user.created_company.all %}
					{% for company in companies %}
						<div class="company">
							<a href="{{ company.get_permanent_url }}">
								<span class="logo">
								   {% include 'client/includes/show_logo.html' with obj=company customSize="188x141" %}
								</span>
								<span class="title ">
									<i class="e-btn fa fa-pencil-square-o">&nbsp;</i>
									<span>{{ company.name }}</span>
								</span>
							</a>
						</div>
					{% endfor %}
				{% endwith %}
			</div>
			<div class="add-company-block">
				<a class="button icon-add" href="javascript:void(0);" id="add-new-company">{% trans 'Добавить компанию' %}</a>
			</div>
			{# END companies #}
		</div>
	</div>
</div>
{% block 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>
{% if request.GET.debug == '1' %}
<script src="{% static 'client/js/_modules/page.profile.js' %}"></script>
{% else %}
<script src="{% static 'client/js_min/_modules/page.profile.min.js' %}"></script>
{% endif %}
<script>
	EXPO.profile.init({
		updateFormClass:'update-profile-form',
		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',
		noImageSrc:"{% static 'client/img/no-userpic-big.gif' %}",
		addCompanyButtonId:'add-new-company',
		companyAddInputMask:'https://expomap.ru/members/',
		avatarInputId:"id_avatar",
		selectBox:[
			{id:'id_country'},
			{id:'id_theme',
				placeholder:"{% trans 'Выберите тематику компании' %}"
			},
			{id:'id_city',
				placeholder:"{% trans 'Поиск города' %}",
				path:'http://{{ request.get_host }}/city/get-city/'
			},
			{id:'id_company',
				placeholder:"{% trans 'Поиск компании' %}",
				path:'http://{{ request.get_host }}/company/get-company/'
			}
		],
		phoneBox: 'id_phone',
		lang:{
			workIn:"{% trans 'в' %}"
		},
		addCompany:{
			modalId:'pw-company',
			formId:'create_company_form'
		},
		rating:{
			id:'profile-rating'
		}
	});
</script>
{% endblock %}