{% extends "webapp_base.html" %}
{% block content %}

{% load i18n %}

<div class="contact_div">
    {% load static %}
    <link rel="stylesheet" href="{% static "css/contact.css" %}">
        <h2>{% trans "Contact" %}</h2>
                               
        {% if committee_list %}
                        
            {% for com in committee_list %}
                
                <!--Committee title-->
                <h4>{{ com.committee.name }}</h4>

                <!--Listing all roles in this committee-->
                {% if com.roles_list %}
                    {% for role in com.roles_list %}
                        <div class="role-container">
                            <div class="row">
                                <div class="col">
                                    <img src="static/img/missing.png">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <h5>{{role.name}}</h5>
                                    <p>{{role.official.first_name}} 
                                        {{role.official.last_name}}
                                        {{role.official.email}}</p>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                {%endif%}

            {% endfor %}
        {% else%}
            <p>Ei Toimikuntia</p>
        {% endif %}
</div>

{% endblock %}