{% 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>
            <span class="label">Prénom - Nom</span>&nbsp;<strong>{{member.first_name}} {{member.last_name}}</strong><br/>
            <span class="label">Adresse</span>&nbsp;{{member.address}} - {{member.postal_code}} {{member.city}}<br/>
            <span class="label">Email</span>&nbsp;{{member.email}}<br/>
            <span class="label">Téléphone fixe</span>&nbsp;{{member.home_phone_number}}<br/>
            <span class="label">Téléphone mobile</span>&nbsp;{{member.mobile_phone_number}}<br/>
        </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>
            </div>
            <!--<div class="panel">
                <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>-->
        <a href="https://www.illyse.org/documents/22" target="_blank" class="button">Mettre à jour ma cotisation</a>
    </div>
</div>

{% endblock %}
