{% extends 'base.html.twig' %}

{% block body %}

<nav aria-label="breadcrumb">
  <ol  class="breadcrumb bg-primary text-white">
    <li class="breadcrumb-item">Tableau de bord de {{ app.user.firstname }} {{ app.user.lastname }}</li>
  </ol>
</nav>

<div class="container mt-5">
  <div class="row align-items-center">
    <h3 class="col-8 m-0">Bonjour et bienvenue {{ app.user.firstname }} !</h3>
    <p class="col-4 m-0 text-right">{% if user.lastConnect is not null %}<small>Dernière connexion : {{ user.lastConnect|date("d/m/Y") }}</small>{% endif %}</p>
  </div>
  <h4 class="mt-5">Formation commencée :</h4>

  {% for lesson in user.lessons %}
  <div class="bg-white shadow p-4 rounded mt-4">
    <div class="row justify-content-between mb-4 align-items-center">
      <h5 class="col-8">{{ lesson.title }}</h5>

      {% set total = 0 %}
      {% set div = 0 %}
      {% for advance in user.advances %}
        {%  if advance.content in lesson.contents %}
          {% set div = div + 1 %}
          {% set total = total + advance.percentage %}
        {% endif %}
      {% endfor %}
      <div class="progress col-4 p-0">
          <div class="progress-bar bg-warning" role="progressbar" style="width: {{  total / div }}%;" aria-valuenow="{{  total / div }}" aria-valuemin="0" aria-valuemax="100">{{  (total / div) | round }}%</div>
      </div>
  </div>

  <p class="mb-0">
    {% if total / div != 100 %}
      <a href="{{ path('lesson_show', {'id':lesson.id}) }}" class="btn btn-primary">Continuer la formation</a>
    {% else %}
      <a href="{{ path('lesson_show', {'id':lesson.id}) }}" class="btn btn-primary">Revoir la formation</a>
    {% endif %}
  </p>
  </div>
  {% endfor %}





{% endblock %}