{% extends "base.html" %}

{% load getconfig i18n django_tables2 static %}

{% block content %}
    <div class="card bg-light shadow">
        <div class="card-header text-center">
            <h4>{{ user }}</h4>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class="col-xl-6 text-right">{% trans 'role'|capfirst %}</dt>
                <dd class="col-xl-6">{{ tfjmuser.get_role_display }}</dd>

                {% if tfjmuser.team %}
                    <dt class="col-xl-6 text-right">{% trans 'team'|capfirst %}</dt>
                    <dd class="col-xl-6"><a href="{% url "tournament:team_detail" pk=tfjmuser.team.pk %}">{{ tfjmuser.team }}</a></dd>
                {% endif %}

                {% if tfjmuser.birth_date %}
                    <dt class="col-xl-6 text-right">{% trans 'birth date'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.birth_date }}</dd>
                {% endif %}

                {% if tfjmuser.participates %}
                    <dt class="col-xl-6 text-right">{% trans 'gender'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.get_gender_display }}</dd>
                {% endif %}

                {% if tfjmuser.address %}
                    <dt class="col-xl-6 text-right">{% trans 'address'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.address }}, {{ tfjmuser.postal_code }}, {{ tfjmuser.city }}{% if tfjmuser.country != "France" %}, {{ tfjmuser.country }}{% endif %}</dd>
                {% endif %}

                <dt class="col-xl-6 text-right">{% trans 'email'|capfirst %}</dt>
                <dd class="col-xl-6"><a href="mailto:{{ tfjmuser.email }}">{{ tfjmuser.email }}</a></dd>

                {% if tfjmuser.phone_number %}
                    <dt class="col-xl-6 text-right">{% trans 'phone number'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.phone_number }}</dd>
                {% endif %}

                {% if tfjmuser.role == '3participant' %}
                    <dt class="col-xl-6 text-right">{% trans 'school'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.school }}</dd>

                    <dt class="col-xl-6 text-right">{% trans 'class'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.get_student_class_display }}</dd>

                    {% if tfjmuser.responsible_name %}
                        <dt class="col-xl-6 text-right">{% trans 'responsible name'|capfirst %}</dt>
                        <dd class="col-xl-6">{{ tfjmuser.responsible_name }}</dd>
                    {% endif %}

                    {% if tfjmuser.responsible_phone %}
                        <dt class="col-xl-6 text-right">{% trans 'responsible phone'|capfirst %}</dt>
                        <dd class="col-xl-6">{{ tfjmuser.responsible_phone }}</dd>
                    {% endif %}

                    {% if tfjmuser.responsible_email %}
                        <dt class="col-xl-6 text-right">{% trans 'responsible email'|capfirst %}</dt>
                        <dd class="col-xl-6"><a href="{{ tfjmuser.responsible_email }}">{{ tfjmuser.responsible_email }}</a></dd>
                    {% endif %}
                {% endif %}

                {% if tfjmuser.role != '3participant' %}
                    <dt class="col-xl-6 text-right">{% trans 'description'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ tfjmuser.description|default_if_none:"" }}</dd>
                {% endif %}
            </dl>
        </div>
    </div>

    <hr>

    <h4>{% trans "Documents" %}</h4>

    {# TODO Display documents #}

    {% if request.user.is_superuser %}
        <hr>
        <form method="post">
            {% csrf_token %}
            <button name="view_as" class="btn btn-block btn-warning">{% blocktrans %}View site as {{ tfjmuser }}{% endblocktrans %}</button>
        </form>
    {% endif %}
{% endblock %}