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

{% block title %}

{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-md-12 grid-margin">
      <div class="d-flex justify-content-between flex-wrap">
        <div class="d-flex align-items-end flex-wrap">
          <div class="d-flex">
            <i class="mdi mdi-home text-muted hover-cursor"></i>
            <p class="text-muted mb-0 hover-cursor">
              &nbsp;/&nbsp;
              <a class="student-dashbord-service" href="{{ path('home') }}">
                Tableau de bord
              </a>
              &nbsp;/&nbsp;
            </p>
            <p class="text-muted mb-0 hover-cursor">
              <a class="student-dashbord-service"
                href="{{ path('rediffs_list') }}">
                rediff
              </a>
            </p>
            <p class="text-primary mb-0 hover-cursor">
              &nbsp;/&nbsp;{{ conference_name }}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  {% if
    ('now'|date('Y-m-d')) > (app.user.liveCoursesDeadline|date('Y-m-d'))
      and is_granted('ROLE_ADMIN') == false %}
    <div class="col-sm-6">
      <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <span>
          Votre accès aux cours en live a expiré le
          <b>{{ app.user.liveCoursesDeadline|date('d/m/Y') }}</b>, veuillez
          contacter votre agence.
        </span>
      </div>
    </div>
  {% else %}
    {# common flash messages bloc #}
    {{ include('common/flash_messages_bloc.html.twig') }}
    {% if is_granted('ROLE_ADMIN') == false %}
      <div class="col-md-12 grid-margin text-center">
        <div class="col-md-4 badge rounded-pill bg-success">
          Votre abonnement aux cours en live expire le
          {{ app.user.liveCoursesDeadline|date('d/m/Y') }}
        </div>
      </div>
    {% endif %}
    <div class="row justify-content-center">
      {% if recording %}
        <div class="col-lg-8">
          <div style="position:relative;padding:56.25% 0 0 0;">
            <iframe src="{{ recording.url }}" width="100%" height="100%" frameborder="0"
              allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="{{ recording.name }}"
              style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
          </div>
        </div>
      {% else %}
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
          <span>Aucune vidéo trouvée pour le moment.</span>
        </div>
      {% endif %}
    </div>
  {% endif %}
{% endblock %}