{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Profile" %}{% endblock %}

{% block page-title %}
  {% trans "Profile for" %} {{ user.username }}
{% endblock %}

{% block content %}
    <form action="{% url inhouse.views.edit_profile %}" method="post">
    {% csrf_token %}
    <div class="module">
      <h3 class="header" id="blue">
        {% trans 'Account information' %}
      </h3>
      <div class="body">
        <div class="clearfix after">
          <label for="id_first_name">{{ form.first_name.label }}:</label>
          {{ form.first_name }}
        </div>
        <div class="clearfix after">
          <label for="id_last_name">{{ form.last_name.label }}:</label>
          {{ form.last_name }}
        </div>
        <div class="clearfix after">
          <label for="id_email">{{ form.email.label }}:</label>
          {{ form.email }}
        </div>
        <div class="clearfix after">
          <label for="id_birthday">{{ form.birthday.label }}:</label>
          {{ form.birthday }} <span class="eg">{{ form.birthday.help_text }}</span>
        </div>
      </div>
    </div>

    <div class="module">
      <h3 class="header" id="blue">
        {% trans 'Address' %}
      </h3>
      <div class="body">
        <div class="clearfix after">
          <label for="id_street">{{ form.street.label }}:</label>
          {{ form.street }} <span class="eg">{{ form.street.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_zip_code">{{ form.zip_code.label }}:</label>
          {{ form.zip_code }} <span class="eg">{{ form.zip_code.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_city">{{ form.city.label }}:</label>
          {{ form.city }} <span class="eg">{{ form.city.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_country">{{ form.country.label }}:</label>
          {{ form.country }} <span class="eg">{{ form.country.help_text }}</span>
        </div>
      </div>
    </div>

    <div class="module">
      <h3 class="header" id="blue">
        {% trans 'Communication' %}
      </h3>
      <div class="body">
        <div class="clearfix after">
          <label for="id_phone_landline">{{ form.phone_landline.label }}:</label>
          {{ form.phone_landline }} <span class="eg">{{ form.phone_landline.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_phone_mobile">{{ form.phone_mobile.label }}:</label>
          {{ form.phone_mobile }} <span class="eg">{{ form.phone_mobile.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_fax">{{ form.fax.label }}:</label>
          {{ form.fax }} <span class="eg">{{ form.fax.help_text }}</span>
        </div>
        <div class="clearfix after">
          <label for="id_url">{{ form.url.label }}:</label>
          {{ form.url }} <span class="eg">{{ form.url.help_text }}</span>
        </div>
      </div>
    </div>

    <div class="module">
      <h3 class="header" id="blue">
        {% trans 'Company' %}
      </h3>
      <div class="body">
        <div class="clearfix after">
          <label for="id_company">{% trans 'Company' %}:</label>
          {{ form.company }} <span class="eg">{{ form.company.help_text }}</span>
          <!--
            {% if user.get_profile.company %}
              <a href="/company">{{ user.get_profile.company }}</a>
            {% else %}
              {% trans "None" %}
            {% endif %}
          -->
        </div>
        <div class="clearfix after">
          <label for="id_job">{{ form.job.label }}:</label>
          {{ form.job }} <span class="eg">{{ form.job.help_text }}</span>
        </div>
      </div>
    </div>
      <!--
      <div class="clearfix after">
        <label for="id_personnel_no">{{ form.personnel_no.label }}:</label>.personnel_no }} <span class="eg">{{ form.personnel_no.help_text }}</span>
      </div>
      -->
      <input type="submit" value="{% trans "Update profile" %}">
  </form>
{% endblock %}
