{% extends "core/base.jinja" %}

{% block title %}
{% trans user_name=trombi_user.user.get_display_name() %}{{ user_name }}'s Trombi profile{% endtrans %}
{% endblock %}

{% block content %}
<h3>{% trans user_name=trombi_user.user.get_display_name() %}{{ user_name }}'s Trombi profile{% endtrans %}</h3>
<p> <a href="{{ url('trombi:user_tools') }}">{% trans %}Back to tools{% endtrans %}</a></p>
<div>
    <h4>{% trans %}Pictures{% endtrans %}</h4>
    {% set profile_file = None %}
    {% set scrub_file = None %}
    {% if trombi_user.profile_pict %}
        {% set profile_file = trombi_user.profile_pict.url %}
    {% else %}
        {% set profile_file = static('core/img/na.gif') %}
    {% endif %}
    {% if trombi_user.scrub_pict %}
        {% set scrub_file = trombi_user.scrub_pict.url %}
    {% else %}
        {% set scrub_file = static('core/img/na.gif') %}
    {% endif %}
    <div style="max-width: 410px; margin: auto; text-align: center;">
        <div>
            <img src="{{ profile_file }}" alt="" style="max-width: 200px">
            <img src="{{ scrub_file }}" alt="" style="max-width: 200px">
        </div>
        <div>
            <em>{{ trombi_user.user.get_short_name() }}</em>
        </div>
    </div>
    {% if trombi_user.memberships.exists() %}
    <h4>{% trans %}Club{% endtrans %}</h4>
    <table style="max-width: 70%; margin: auto;">
        <thead>
            <tr>
                <td>{% trans %}Club{% endtrans %}</td>
                <td>{% trans %}Role{% endtrans %}</td>
                <td>{% trans %}Date{% endtrans %}</td>
            </tr>
        </thead>
        <tbody>
            {% for m in trombi_user.memberships.all() %}
            <tr>
                <td>{{ m.club }}</td>
                <td>{{ m.role }}</td>
                <td>{{ m.start }} - {{ m.end }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
    <dl>
    {% for c in trombi_user.received_comments.filter(is_moderated=True) %}
        <dt style="font-weight: bold; font-size: 110%">{{ c.author.user.get_display_name() }}</dt>
        <dd><pre>{{ c.content }}</pre></dd>
    {% endfor %}
    </dl>
</div>
{% endblock %}