{% extends "gestion/base.html" %}
{% load static %}
{% load modulo %}
{% load i18n %}
{% load avatar_tags %}
{% block titre %}{% trans "L'Ernestophone : Trombonoscope" %}{% endblock %}
{% block content %}

		<!-- Main -->
			<div id="main"  style="background-color:rgb(228, 82, 47);">


			<!-- One -->
				<section class="wrapper style1" >
					<div class="inner">
<p><a href="{% url "trombonoscope:change" %}" class="button">{% trans "Changer mon profil trombonoscope" %}</a></p>
						<h4>{% trans "Trombonoscope actuel :" %}</h4>

						<div class="row">

						{% for user_tromb in trombonoscope_actuel %}
						<div class="3u 12u(small)">
							<div class="box" style="background-color:{{user_tromb.trombonoscope_fond}}; color:{{user_tromb.trombonoscope_texte}}">


								<span class="image fit">
						 {% if user_tromb.user|has_avatar %}
						 {% avatar user_tromb.user 250 %}
						 {% else %}
						 <img src="{% static "images/Ernestophone_logo.png" %}">
						 {% endif %}
					 </span>


						 <p align="center">
							 {% if user_tromb.nom_trombonoscope %}
							 {{user_tromb.nom_trombonoscope}}
							 {% else %}
							 {{user_tromb.user.first_name}} {{user_tromb.user.last_name}}{% endif %}<br>
							 {% if user_tromb.instru_trombonoscope %}
							 {{user_tromb.instru_trombonoscope}}
							 {% else %}
							 {{user_tromb.instru}}{% endif %}</p>
						 </div>


					</div>
					{% endfor %}


          </div>
				</section>
        <section class="wrapper style2" >
          <div class="inner">

						<h4>{% trans "Trombonoscope des anciens :" %}</h4>
						<div class="row">

            {% for user_tromb in trombonoscope_vieux %}
						<div class="3u 12u(small)">
							<div class="box" style="background-color:{{user_tromb.trombonoscope_fond}}; color:{{user_tromb.trombonoscope_texte}}">


								<span class="image fit">
	     			{% if user_tromb.user|has_avatar %}
	         	{% avatar user_tromb.user 250 %}
	     			{% else %}
	         	<img src="{% static "images/Ernestophone_logo.png" %}">
	     			{% endif %}
	 				</span>



						 <p align="center">
							 {% if user_tromb.nom_trombonoscope %}
							 {{user_tromb.nom_trombonoscope}}
							 {% else %}
							 {{user_tromb.user.first_name}} {{user_tromb.user.last_name}}{% endif %}<br>
							 {% if user_tromb.instru_trombonoscope %}
							 {{user_tromb.instru_trombonoscope}}
							 {% else %}
							 {{user_tromb.instru}}{% endif %}</p>
						 </div>


					</div>
            {% endfor %}

								</div>
</div>
          </div>
        </section>
			</div>

{% endblock %}
