{% extends 'base.html' %}
{% load i18n static main_extras %}
{% block title %}{% blocktrans %}GeoFormation | Formations{% endblocktrans %}{% endblock %}
{% block header %}
{% include 'frags/nav.html' %}
{% endblock %}
{% block content %}
<h1 class="hide">{% trans 'Les formations' %}</h1>
<section class="wrapper wrapper--centered column column--spaced">
<button class="btn__courses title btn__courses--active">{% trans 'Formations à venir' %}</button>
<button class="btn__courses title">{% trans 'Formations passées' %}</button>
</section>
<section class="wrapper wrapper--centered">
<ul class="list--courses">
{% for training in trainings %}
{% if not training.is_past %}
<li class="list" id="{{ training.name }}">
<div class="list__infos list__infos--full">
<div class="column column--spaced column--centered list__head">
<div class="list__title">
<span class="event__date">{{ training.date|format_date }}</span>
<h2 class="subtitle text--color">{{ training.name }}</h2>
</div>
{% if training.subscription_available is True and not training.deadline_in_past %}
{% if not user_category %}
<span class="tag">Pour vous inscrire, un administrateur doit vous définir un statut</span>
{% elif training.available_seats_number == 0 %}
{% if not training.id in user_registrations %}
<span class="tag">Complet</span>
{% else %}
<span class="tag">Vous êtes déjà inscrit à cet évènement</span>
{% endif %}
{% else %}
{% if not training.id in user_registrations %}
<a class="btn btn--no-mt" title="{% trans 'S\'inscrire à la formation' %}" href="{% url 'course_register' slug=training.slug%}">{% trans 'M\'inscrire à la formation' %}</a>
{% else %}
<span class="tag">Vous êtes déjà inscrit à cet évènement</span>
{% endif %}
{% endif %}
{% endif %}
</div>
<ul class="event__details column column--top">
<li>
<h3 class="subtitle--small">{% trans 'Date' %}</h3>
<p>{{ training.date|format_date }}</p>
</li>
<li>
<h3 class="subtitle--small">{% trans 'Lieu' %}</h3>
{% if training.maps_link %}
<p><a class="link--simple" href="{{ training.maps_link }}" target="_blank" title="Voir l'emplacement sur une carte">{{ training.location }} </a></p>
{% else %}
<p>{{ training.location }}</p>
{% endif %}
</li>
<li>
<h3 class="subtitle--small">{% trans 'Date limite d\'inscription' %}</h3>
<p>{{ training.registration_deadline|format_date }}</p>
</li>
</ul>
<h3 class="subtitle--small">{% trans 'Description' %}</h3>
<div class="summary">{{ training.description|safe|truncatechars:250 }}</div>
<div class="more-text">{{ training.description|safe }}</div>
{% if training.description|safe|length > 250 %}
<button class="link--more link--simple" href="#">{% trans 'Lire plus +' %}</button>
{% endif %}
<div class="event__details event__details--price">
<h3 class="subtitle--small">{% trans 'Tarif' %}</h3>
<ul class="column column--top">
<li>
<h4 class="text--color-light">{% trans 'Non membres' %}</h4>
<p>{{ training.price_non_member }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Membres UBG/OBGE' %}</h4>
<p>{{ training.price_member_obge }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Membres ARGELg ' %}</h4>
<p>{{ training.price_member }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Etudiants HEPL/ULiège' %}</h4>
<p>{{ training.price_student }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Membres ANGE" %}</h4>
<p>{{ training.price_member_ange }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Prix étudiants autre établissement" %}</h4>
<p>{{ training.price_student_non_ulg }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Membres UGELux" %}</h4>
<p>{{ training.price_member_ugelux }}</p>
</li>
</ul>
</div>
{% if training.subscription_available is True %}
<div class="column column--spaced column--top">
<div>
<p>{% trans 'Nombre total de places diponibles:' %} {{ training.total_seats_number }} | {% trans 'Nombre de place restantes :' %} {{ training.available_seats_number }}</p>
</div>
<a class="link" title="{% trans 'Liste des participants' %}" href="{% url 'course_attendees' slug=training.slug %}">{% trans 'Voir la liste des inscriptions' %}</a>
</div>
{% endif %}
</div>
</li>
{% endif %}
{% endfor %}
</ul>
<ul class="list--courses hide">
{% for training in trainings %}
{% if training.is_past %}
<li class="list">
<div class="list__infos list__infos--full">
<div class="column column--spaced column--top">
<div>
<span class="event__date">{{ training.date|format_date }}</span>
<h2 class="subtitle text--color">{{ training.name }}</h2>
</div>
</div>
<ul class="event__details column column--top">
<li>
<h3 class="subtitle--small">{% trans 'Date' %}</h3>
<p>{{ training.date|format_date }}</p>
</li>
<li>
<h3 class="subtitle--small">{% trans 'Lieu' %}</h3>
{% if training.maps_link %}
<p><a class="link--simple" href="{{ training.maps_link }}" target="_blank" title="Voir l'emplacement sur une carte">{{ training.location }} </a></p>
{% else %}
<p>{{ training.location }}</p>
{% endif %}
</li>
</ul>
<div>
<h3 class="subtitle--small">{% trans 'Description' %}</h3>
<div class="summary">{{ training.description|safe|truncatechars:250 }}</div>
<div class="more-text">{{ training.description|safe }}</div>
{% if training.description|safe|length > 250 %}
<button class="link--more link--simple" href="#">{% trans 'Lire plus +' %}</button>
{% endif %}
</div>
<div class="event__details event__details--price">
<h3 class="subtitle--small">{% trans 'Tarif' %}</h3>
<ul class="column column--top">
<li>
<h4 class="text--color-light">{% trans 'Non membres' %}</h4>
<p>{{ training.price_non_member }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Membres UBG/OBGE' %}</h4>
<p>{{ training.price_member_obge }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Membres ARGELg ' %}</h4>
<p>{{ training.price_member }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans 'Etudiants ISIL/ULg' %}</h4>
<p>{{ training.price_student }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Membres ANGE" %}</h4>
<p>{{ training.price_member_ange }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Etudiants non ISIL/ULg" %}</h4>
<p>{{ training.price_student_non_ulg }}</p>
</li>
<li>
<h4 class="text--color-light">{% trans "Membres UGELux" %}</h4>
<p>{{ training.price_member_ugelux }}</p>
</li>
</ul>
</div>
<p>{% trans 'Nombre total de places diponibles:' %} {{ training.total_seats_number }}</p>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
</section>
<section class="bg-color">
<div class="wrapper wrapper--centered column column--spaced column--centered bg-color--separate">
<div class="align--center column--two">
{% if access_token %}
<p class="subtitle">{% trans "Comment s'inscrire ?" %}</p>
<p>{% trans "Cliquez sur le bouton « M\'inscrire à la formation » en haut à droite de chaque évènement pour y souscrire." %}</p>
<p>{% trans "Si le bouton « M\'inscrire » n'apparait pas, c'est qu'il n'est pas possible de s'inscrire à cet évènement." %}</p>
{% else %}
<p class="subtitle">{% trans 'Pour pouvoir souscrire à l\'une de ces formations, vous devez vous connecter.' %}</p>
<a class="btn" title="{% trans 'Accéder à la page de connexion' %}" href="{% url 'login' %}">{% trans 'Se connecter' %}</a>
<p>{% trans "Pas de compte ?" %} <a class="link" title="{% trans 'Accéder à la page d\'inscription' %}" href="{% url 'register' %}">{% trans 'S\'inscrire' %}</a></p>
{% endif %}
</div>
<div class="column--two">
{% blocktrans %}
<h2 class="subtitle text--color">Attention :</h2>
<ul class="style-list">
<li>Les inscriptions doivent se faire uniquement via le site GeoFormation avec le lien.</li>
<li>Les inscriptions ne seront validées qu’après réception du paiement. De même pour les membres de l'ARGELg qui ne sont pas en ordre de cotisation : leur inscription ne sera pas prise en compte.</li>
<li>Toute personne n'étant pas inscrite à la date limite à la GeoFormation et qui y assisterai ne recevra pas d'attestation.</li>
<li>Les attestations ne seront délivrées qu’après réception du paiement et vérification des présences. Les attestations et les documents de la présentation seront téléchargeables en fin d'année dans votre espace privé de notre site.</li>
</ul>
{% endblocktrans %}
</div>
</div>
</section>
{% endblock %}
{% block footer %}
{% include 'frags/footer.html' with footer__classes="footer--no-margin" %}
{% endblock %}