{% extends "authentic2/base-page.html" %}
{% load i18n %}

{% block title %}
{% trans "Authentic - Account Management" %}
{% endblock %}

{% block breadcrumb-elements %}
  <li class="active">Mon compte</li>
{% endblock %}

{% block content %}
<h2>Gestion du compte</h2>
<h3>Profil</h3>
<div id="profile">
{% if profile %}
<dl>

{% for key, values in profile %}
<dt>{{ key|capfirst }}</dt>
<dd>{% if values|length == 1 %}{{ values.0 }}{% else %}
<ul>
  {% for value in values %}
    <li>{{ value }}</li>
  {% endfor %}
</ul>
{% endif %}
</dd>
{% endfor %}
</dl>
{% endif %}
<br class="clear" />
<p><a href="{% url 'email-change' %}">Modifier votre adresse électronique</a></p>
<p><a href="{% url 'password_change' %}">Modifier votre mot de passe</a></p>
<p><a href="{% url 'profile_edit' %}">Modifier votre profil</a></p>
<p><a href="{% url 'delete_account' %}">Supprimer votre profil</a></p>
</div>

<div>
{% for id, block in frontends_block_by_id.items %}
{% if id == 'fc' %}
<div id="profile-{{id}}">
<h2>{{ block.name }}</h2>
{{ block.content|safe }}
</div>
{% endif %}
{% endfor %}
</div>

<style>

div#profile-fc {
  background: url(/static/authentic2_auth_fc/img/fc_logo_mini.png) top right no-repeat;
  min-height: 180px;
}

div#profile-fc h2 {
  margin-right: 180px;
}

div#fc-button a img { display: none; }
div#fc-button a {
  display: inline-block;
  margin: 20px 5px 0px 5px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  color: #FFF;
  background-color: #d91a80;
  border-color: #ab1565;
}

</style>

{% endblock %}