{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="large-12 columns">
        <h2>Mes informations personnelles</h2>
    </div>
</div>
<div class="row">
    <div class="large-6 columns">
        <div class="panel">
            <h3>Me joindre</h3>
            <table class="full-width">
                <tr>
                    <td class="center"><span class="label">Prénom - Nom</span></td>
                    <td>{{user.first_name}} {{user.last_name}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Adresse</span></td>
                    <td>{{user.address}}<br />{{user.postal_code}} {{user.city}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Email</span></td>
                    <td>{{user.email}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Téléphone fixe</span></td>
                    <td>{{user.home_phone_number}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Téléphone mobile</span></td>
                    <td>{{user.mobile_phone_number}}</td>
                </tr>
            </table>
        </div>
    </div>

    <div class="large-6 columns">
        <div class="panel">
            <h3>Je suis membre d'Illyse</h3>
            <p>et ma cotisation est :
                {% if user.is_paid_up %}
                    <span class="label success">à jour !</span>
                {% else %}
                    <span class="label alert">non à jour !</span>
                {% endif %}
            </p>
            <p>Date de fin de cotisation : {{ user.end_date_of_membership }}</p>

            <a href="https://www.illyse.org/documents/22" target="_blank" class="button small radius expand"><i class="fa fa-heart"></i>
 Renouveler ma cotisation</a>
        </div>
        <!--<div class="pa nel">
            <h3>Infos additionnelles</h3>
            <span class="label">Clé ssh</span> coin.pub
        </div>-->
    </div>

</div>
<div class="row">
    <div class="large-12 columns">
        <p>Pour modifier vos informations personnelles et vos coordonnées, veuillez en faire la demande par email à <a href="mailto:bureau@illyse.org">bureau@illyse.org</a></p>
    </div>
</div>

{% endblock %}
