{% extends "base.html" %}
{% block content %}
<link rel="stylesheet" href="{{url_for('static', filename='css/representative.css')}}">
<div id="main">
    <article class="record">
        <section class="identity">
            <div>
                <div class="picture"><img src="{{g.representative.picture}}" alt="" /></div>
                <ul>
                    <li>
                        <h1><a href=" ({{g.representative.code}})">{{g.representative.name}}</a> {{g.representative.nationality.flag|safe}}</h1>
                        {%if not g.representative.is_active%}(Non acti{%if g.representative.is_female%}ve{%else%}f{%endif%}){%endif%}
                    </li>
                    {%if g.representative.birth_date%}
                    <li>Né{%if g.representative.is_female%}e{%endif%} le {{g.representative.birth_date}} {%if g.representative.birth_place%}à {{g.representative.birth_place}}{%endif%}</li>
                    {%endif%}
                    {%if g.representative.job%}
                    <li>Profession : {{g.representative.job}}</li>
                    {%endif%}
                    {%if g.representative.parpol%}
                    <li>Parti politique : {{g.representative.parpol}}</li>
                    {%endif%}
                    <li>Score actuel : <span class="score average">{{g.representative.score}}</span></li>
                </ul>
            </div>
        </section>
        <section class="memberships">
            <h2>Mandats</h2>
            <div>
                <ul>
                    {%for membership in g.representative.memberships|sort(attribute="start", reverse=True)%}
                    {%if membership.end is none%}
                    <li>{{membership.entity.type.name}} {{membership.entity.name}} - {{membership.role.name}} (depuis le {{membership.start.date().isoformat()}})</li>
                    {%endif%}
                    {%endfor%}
                </ul>
                <ul class="old">
                    {%for membership in g.representative.memberships|sort(attribute="start", reverse=True)%}
                    {%if membership.end is not none%}
                    <li>{{membership.entity.type.name}} {{membership.entity.name}} - {{membership.role.name}} (du {{membership.start.date().isoformat()}} au {{membership.end.date().isoformat()}})</li>
                    {%endif%}
                    {%endfor%}
                </ul>
            </div>
        </section>
        <section class="votes">
            <h2>Votes</h2>
            <div>
                <ul>
                    {%for decision in g.representative.decisions%}
                    <li>{{membership.decision.recommendation.name}} - {{membership.decision.value}}</li>
                    {%endfor%}
                    <li>15/09/2009 - Projet de loi relatif à la protection pénale de la propriété littéraire, artistique sur internet - <span class="score bad">0.0</span></li>
                    <li>12/05/2009 - Projet de loi favorisant la diffusion et la protection de la création sur internet - <span class="score good">100.0</span></li>
                </ul>
            </div>
        </section>
        <section class="stances">
            <h2>Prises de positions</h2>
            <div>
                <a href="">Ajouter une nouvelle prise de position</a>
                <ul>
                    {%for stance in g.representative.stances|sort(attribute="date", reverse=True)%}
                    <li>
                        <span class="what"><a href="{{stance.source_url}}">{{stance.subject}}</a></span>
                        {%if stance.date%}<span class="when">(le {{stance.date.date()}})</span>{%endif%}
                        <blockquote>{{stance.extract_html|safe}}</blockquote>
                    </li>
                    {%endfor%}
                </ul>
            </div>
        </section>
        <section class="contacts">
            <h2>Contacts</h2>
            <div>
                <ul>
                    <li>Website : <a href="#"></a></li>
                    <li>Email : abocquet(à)assemblee-nationale.fr</li>
                    <li>Twitter : @alainbocquet</li>
                    <li>Adresse postale : </li>
                </ul>
            </div>
        </section>
    </article>
</div>
{% endblock %}