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

{% block title %}{% trans 'Password change' %}{% endblock %}

{% block nav %}
{% include "nav.html" with ls=ls season=season %}
{% endblock %}

{% block body %}
<div id="content-main">
  <div>
    {% if form.errors %}
      <p class="errornote">
      {% if form.errors.items|length == 1 %}
        {% trans "Please correct the error below." %}
      </p><p>{{ form.errors }}
      {% else %}
        {% trans "Please correct the errors below." %}
      {% endif %}</p>
    {% endif %}
  </div>
  <div class="row">
    <div class="col-md-5">
      <h2 class="form-signin-heading">{% trans 'Edit Profile' %}</h2>
      {% if img %} 
        <p><img border="0" alt="Profile Pic" src="{{ img }}" /></p> 
      {% endif %}
      <form class="form-horizontal" action="" method="post" enctype="multipart/form-data">{% csrf_token %}
        <div class="form-group">
            <label for="{{ profile_form.avatar.id_for_label }}" class="col-sm-4 control-label required">Avatar</label>
            <div class="col-sm-5">
              {% if img %}
              <img src="/media/{{ img }}" /><br /> 
              <input id="avatar-clear_id" name="avatar-clear" type="checkbox" /> 
              <label for="avatar-clear_id">Zurücksetzen</label><br />
              Ändern: <input id="id_avatar" name="avatar" type="file" />
              {% else %}
              <input id="id_avatar" name="avatar" type="file" />
              {% endif %}
            </div>
        </div>
        <div class="form-group">
          <label for="{{ user_form.first_name.id_for_label }}" class="col-sm-4 control-label required">Vorname</label>
            <div class="col-sm-5">
            {{ user_form.first_name }}
            </div>
        </div>
        <div class="form-group">
            <label for="{{ user_form.last_name.id_for_label }}" class="col-sm-4 control-label required">Nachname</label>
            <div class="col-sm-5">
            {{ user_form.last_name }}
            </div>
        </div>
        <div class="form-group">
            <label for="{{ user_form.email.id_for_label }}" class="col-sm-4 control-label required">E-Mail</label>
            <div class="col-sm-5">
            {{ user_form.email }}
            </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default">{% trans 'Update' %}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  {% if debug %}
  <div class="row">
    <div class="col-md-5">
      <h2 class="form-signin-heading">{% trans 'Debug' %}</h2>
      {% for line in debug %}
        <p>{{ line }}</p>
      {% endfor %}
    </div>
  </div>
  {% endif %}
</div>  
{% endblock %}