{% extends "users/base.html" %}
{% block content %}
<div class="content-section">
  <h3>Bereiche und Aufgaben von {{user_first_name}} {{user_last_name}}</h3>
  <hr>
  <div class="media">
  <img class="img-profile" width="12%"  src="{{ imageurl }}" >
    <div class="media-body">          
    
        <div class="row  ml-2">
            <div class="col-3">
                <h6><b>Name</b></h6>
                <p>
                    {{ user_first_name }} {{ user_last_name }}
                </p>
                <h6><b>Agenturfunktion</b></h6>
                <p>
                    {{ userfunc }}
                </p>
                 <h6><b>E-Mail</b></h6>
                <p>
                    <a href="mailto:{{ mail }}">{{ mail }}</a>
                </p>
            </div>  
            <div class="col-md-3">
                <h6><b>Tätigkeit</b></h6>
                <p>
                    {{ compfunc }}
                </p>
                <h6><b>Festznetz</b></h6>
                <p>
                    {{ phoneland }}
                </p>
                <h6><b>Mobil</b></h6>
                <p>
                    {{ phonemobile }}
                </p>                            
            </div> 
            </div>               
       </div>
    </div>
    <hr>
    <table class="table" id="orgasingle">
    <thead>
    <tr >  
        {% for area in areas %}            
          <td class="text-center" style="width: 20%; background-color: rgba({{area.color.0}},{{area.color.1}},{{area.color.2}}, 0.3);"><h5 style="color: rgba(0,0,0, 1);"><b ><a style=" color: #000000;"href="{% url 'standard-area' area.pk %}">{{area.name}}</a></b></h5></td>
        {% endfor %}            
    </tr>
  </thead>
  <tbody>  
    <tr>
        {% for area in areas %}  
          <td class="text-center"  style="background-color: rgba({{area.color.0}},{{area.color.1}},{{area.color.2}}, 0.3)">
           {%for prio in prios %}             
              {% if prio.task.area.pk == area.pk and prio.task.visible %}
              <div style="background-color: rgba({{area.color.0}},{{area.color.1}},{{area.color.2}}, 1)" class="mb-2 pt-3 pb-1">
               <span ><h6 ><a style=" color: #FFFFFF;"href="{% url 'standard-task' prio.task.pk %}">{{prio.task.name}}</a></h6></span>
              </div>
              {% endif %}
            {% endfor %}
          </td>
        {% endfor %}      
    </tr>
  </tbody>
</table>
<style>
#orgasingle {
  border-collapse: separate;
  border-spacing: 25px 0px;
}
</style>
</div>
{% endblock content %}