{% extends "users/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
    <div class="content-section">
      <div class="media">
        <img class="img-profile " width="17%" src="{{ user.profile.get_photo_url }}">
          <div class="media-body col-5">
          <h2 class="account-heading">Profil von {{ user.first_name }} {{ user.last_name }}</h2>
          <hr>
          <div class="row">
                  <div class="col-6">
                      <h6><b>Name</b></h6>
                      <p>
                          {{ user.first_name }} {{ user.last_name }}
                      </p>
                      <h6><b>E-Mail</b></h6>
                      <p>
                          {{ user.email }}
                      </p>
                      <h6><b>Agenturfunktion</b></h6>
                      <p>
                          {{ user.profile.get_func_display }}
                      </p>
                  </div>
                  <div class="col-6">
                      <h6><b>Tätigkeit</b></h6>
                      <p>
                          {{ user.profile.compfunc }}
                      </p>
                      <h6><b>Festnetz</b></h6>
                      <p>
                          {{ user.profile.phoneland }}
                      </p>
                      <h6><b>Mobil</b></h6>
                      <p>
                          {{ user.profile.phonemobile }}
                      </p>                            
                  </div>
             </div>
          </div>
      </div>
      <!-- Für das Speichern der Bilder enctype -->
      <div class="col-7 mt-5">
      <form method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <fieldset class="form-group mb-2">
          <legend class="border-bottom mb-4">
            Profil bearbeiten
          </legend>
          <!-- FORMS LADEN -->
          {{ u_form|crispy }}          
        </fieldset>
        
        <small>Agenturrelevante Daten werden in der Benutzerverwaltung verändert.</small>
        <div class="form-group mt-3">
          <button type="submit" class="btn btn-success">Speichern</button>&nbsp;
          <a href="{% url 'users-management' %}" class="btn">Abbrechen</a>
        </div>
      </form>
    </div>
    </div>
{% endblock content %}