{% extends "base.html" %}

{% block content %}
<div class="row">
    <h2>Mes informations personnelles</h2>
    <div class="large-6 columns">
        <div class="panel">
            <h3>Me joindre</h3>
            <table>
                <tr>
                    <td class="center"><span class="label">Prénom - Nom</span></td>
                    <td>{{member.first_name}} {{member.last_name}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Adresse</span></td>
                    <td>{{member.address}}<br />{{member.postal_code}} {{member.city}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Email</span></td>
                    <td>{{member.email}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Téléphone fixe</span></td>
                    <td>{{member.home_phone_number}}</td>
                </tr>
                <tr>
                    <td class="center"><span class="label">Téléphone mobile</span></td>
                    <td>{{member.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 member.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 : {{ member.end_date_of_membership }}</p>

            <a href="https://www.illyse.org/documents/22" target="_blank" class="button">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">
    <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 class="row">
    <!--<a href="#" class="button">Modifier mes informations</a>-->

</div>


{% endblock %}
