{% load i18n static pretty_money perms %}
<div class="card bg-light shadow">
    <div class="card-header text-center">
        <h4>{{ club.name }} </h4>
    </div>
    <div class="card-top text-center">
        <a  href="{% url 'member:club_update_pic' club.pk  %}">
            <img src="{{ club.note.display_image.url }}" class="img-thumbnail mt-2" >
        </a>
    </div>
    <div class="card-body" id="profile_infos">
        <dl class="row">
            <dt class="col-xl-6">{% trans 'name'|capfirst %}</dt>
            <dd class="col-xl-6">{{ club.name }}</dd>

            {% if club.require_memberships %}
                <dt class="col-xl-6">{% trans 'date start'|capfirst %}</dt>
                <dd class="col-xl-6">{{ club.date_start }}</dd>

                <dt class="col-xl-6">{% trans 'date end'|capfirst %}</dt>
                <dd class="col-xl-6">{{ club.date_end }}</dd>

                <dt class="col-xl-6">{% trans 'year'|capfirst %}</dt>
                <dd class="col-xl-6">{{ club.year }}</dd>

                {% if club.membership_fee_paid == club.membership_fee_unpaid %}
                    <dt class="col-xl-6">{% trans 'membership fee'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ club.membership_fee_paid|pretty_money }}</dd>
                {% else %}
                    <dt class="col-xl-6">{% trans 'fee (paid students)'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ club.membership_fee_paid|pretty_money }}</dd>

                    <dt class="col-xl-6">{% trans 'fee (unpaid students)'|capfirst %}</dt>
                    <dd class="col-xl-6">{{ club.membership_fee_unpaid|pretty_money }}</dd>
                {% endif %}
            {% endif %}

            {% if "note.view_note"|has_perm:club.note %}
                <dt class="col-xl-6">{% trans 'balance'|capfirst %}</dt>
                <dd class="col-xl-6">{{ object.note.balance | pretty_money }}</dd>
            {% endif %}

            {% if "note.change_alias"|has_perm:club.note.alias_set.first %}
                <dt class="col-xl-4"><a href="{% url 'member:club_alias' club.pk %}">{% trans 'aliases'|capfirst %}</a></dt>
                <dd class="col-xl-8 text-truncate">{{ object.note.alias_set.all|join:", " }}</dd>
            {% endif %}

            <dt class="col-xl-4">{% trans 'email'|capfirst %}</dt>
            <dd class="col-xl-8"><a href="mailto:{{ club.email }}">{{ club.email }}</a></dd>
        </dl>
    </div>
    <div class="card-footer text-center">
        {% if can_add_members %}
            <a class="btn btn-primary btn-sm my-1" href="{% url 'wei:wei_register' wei_pk=club.pk %}"> {% trans "Register 2A+" %}</a>
        {% endif %}
        {% if ".change_"|has_perm:club %}
            <a class="btn btn-primary btn-sm my-1" href="{% url 'wei:wei_update' pk=club.pk %}"> {% trans "Edit" %}</a>
        {% endif %}
        {% url 'wei:wei_detail' club.pk as club_detail_url %}
        {%if request.path_info != club_detail_url %}
        <a class="btn btn-primary btn-sm my-1" href="{{ club_detail_url }}">{% trans 'View WEI' %}</a>
        {% endif %}
    </div>
</div>