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


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

{% block page_title %}
       <div class="page-title">
           <h1>{% trans 'Личный кабинет' %}</h1>
       </div>
{% endblock %}

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

        {# avatar #}
        <aside>
		    <div class="i-pict p-editable">
                {% if request.user.profile.avatar %}
                <img src="{{ request.user.profile.avatar.url }}" alt="" />
                {% endif %}
                <div class="edit-wrap">
                    <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                    <div class="e-form">
                        <form class="clearfix" 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="#">{% trans 'закрыть' %}</a>
                    </div>
                </div>
            </div>

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

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

                    <div class="edit-wrap e-left">
                        <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                        <div class="e-form">
                            <form class="clearfix" 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">
                                            <select name="city">

                                            </select>
                                        </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>
                {# END country and city #}

                {# name #}
                <div class="i-title p-editable">
                    <span>{{ name_form.get_full_name }}</span>
                    <div class="edit-wrap">
						<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
						<div class="e-form">
							<form class="clearfix" 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="#">{% trans 'закрыть' %}</a>
						</div>
					</div>
                </div>
                {# END name #}
            </header>

            {# position #}
            <div class="i-position p-editable">
                <p>
                {{ work_form.position.value }}
                {% if work_form.work.value %}
                    {% trans 'в' %} {{ work_form.work.value }}
                {% endif %}
                </p>

                <div class="edit-wrap">
                    <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
					<div class="e-form">
						<form class="clearfix" 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.work.label }}</label>
                                    <div class="epf-field">
                                        {{ work_form.work }}
                                    </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>
            {# END position #}


            {# description #}
            <div class="i-descr p-editable">
                <p>{{ about_company_form.about_company.value }}</p>
                <div class="edit-wrap">
                    <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
					<div class="e-form">
						<form class="clearfix" id="about_company_form" action="/profile/update/about-company/" method="post">{% csrf_token %}

							<div class="ef-body">

								<div class="epfl">
									<label>{{ about_company_form.about_company.label }}</label>
									<div class="epf-field">
                                        {{ about_company_form.about_company }}
									</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>
            {# END description #}
            <hr />

            <div class="i-contacts clearfix">
                <div class="ic-buttons">
                    <a class="button icon-edit icb-edit-profile" href="#">{% trans 'редактировать профиль' %}</a>
				    <a class="button orange icon-edit icb-exit-edit" href="#">{% trans 'завершить редактирование' %}</a>
                    <div class="p-editable">
                        <ul class="soc-media-buttons">
							<li><a href="{% if social_form.facebook.value %} {{ social_form.facebook.value }} {%else %}#{% endif %}">
                                <img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" />
                                </a>
                            </li>
							<li><a href="{% if social_form.linkedin.value %} {{ social_form.linkedin.value }} {%else %}#{% endif %}">
                                <img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" />
                                </a>
                            </li>
							<li><a href="{% if social_form.vk.value %} {{ social_form.vk.value }} {%else %}#{% endif %}">
                                <img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" />
                                </a>
                            </li>
							<li><a href="{% if social_form.twitter.value %} {{ social_form.twitter.value }} {%else %}#{% endif %}">
                                <img src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" />
                                </a>
                            </li>
						</ul>
                        <div class="edit-wrap">
							<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix" 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">
												{{ 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>
                {# contacts #}
                <div class="ic-links">
                    <div class="ic-tel p-editable">
                        {% if phone_form.phone.value %}
                            <span>{{ phone_form.phone.value|phone }}</span>
                        {% endif %}
                        <div class="edit-wrap">
							<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
							<div class="e-form">
								<form class="clearfix" 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 }}
											</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="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" href="#">{% 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="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>
                    </div>
                    -->

                    <div class="ic-site p-editable">
                        {% if web_page_form.web_page.value %}
                        <a 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">
                            <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                            <div class="e-form">
                                <form class="clearfix" 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="#">{% trans 'закрыть' %}</a>
                            </div>
                        </div>
                    </div>

                {# END contacts #}
                </div>
            </div>

            <hr/>
            {# about #}
            <div class="i-additional">
                <div class="ia-title">{% trans 'О себе:' %}</div>

                <div class="p-editable">
                    <p>{{ about_form.about.value }}</p>

                    <div class="edit-wrap">
                        <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
                        <div class="e-form">
                            <form class="clearfix" 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="#">{% trans 'закрыть' %}</a>
                        </div>
                    </div>
                </div>
            </div>
            {# END about #}

        </div>
    </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{% static 'client/js/profile.js' %}"></script>
{% endblock %}