{% embed 'WebsiteBundle:Layout:layout.html.twig' with {
metaSettings: {
'viewport': 'width=device-width, initial-scale=1',
'keywords': '',
'description': 'site.metadata.description'|trans
},
ogSettings: {
'title': 'site.metadata.title'|trans,
'image': '',
'description': 'site.metadata.description'|trans,
'url': url(app.request.get('_route'), app.request.get('_route_params'))
}
} %}

  {% block content %}
<div class="content__smaller">
  <h1>{{ 'site.session.reminder.title'|trans }}</h1>
  <p>{{ 'site.session.reminder.subTitle'|trans }}</p>

  {# Flashbag #}
  {% if app.session.flashBag.peek('error') is not empty %}
    <div class="flash flash--error">
      {% for flashMessage in  app.session.flashbag.get('error') %}
        {{ flashMessage }}
      {% endfor %}
    </div>
  {% endif %}

  {% if app.session.flashBag.peek('success') is not empty %}
    <div class="flash flash--success">
      {% for flashMessage in  app.session.flashbag.get('success') %}
        {{ flashMessage }}
      {% endfor %}
    </div>
  {% endif %}

  {% if experiment.firstSessionLocation == constant('WebsiteBundle\\Entity\\Experiment::SESSION_LOCATION_LAB') and lastSession.number == 1 %}
    <p class="intro__text">
      <strong class="highlight-red">{{ 'site.session.reminder.firstSessionInLab'|trans|nl2br }}</strong>
    </p>
  {% endif %}

  {% if experiment.lastSessionLocation == constant('WebsiteBundle\\Entity\\Experiment::SESSION_LOCATION_LAB') and (lastSession.number + 1) == experiment.totalSessions %}
    <p><strong class="highlight-red">{% trans %}site.session.reminder.lastSessionInLab{% endtrans %}</strong></p>
  {% endif %}
  <p>{{ 'site.session.reminder.clock.info'|trans({
      '%minDateTime%': minDateTime|date('d') ~ ' '~ ('dashboard.elements.calendarElement.enums.'~(minDateTime|date('F')))|trans({}, 'admin') ~ ' '~ minDateTime|date('H:i', 'Europe/Brussels'),
      '%maxDateTime%':  maxDateTime|date('d') ~ ' '~ ('dashboard.elements.calendarElement.enums.'~(maxDateTime|date('F')))|trans({}, 'admin') ~ ' '~ maxDateTime|date('H:i', 'Europe/Brussels')
    }) }}</p>
  <div id="reminder" class="group">
    {% set start_date = minDateTime|date("d-m-Y") %}
    {% set end_date = maxDateTime|date("d-m-Y") %}

    <div class="container group">
      <!-- Stuff that matters -->
      <div class="select date">
        <select id="day">
          {% for x in range(start_date|date('U'), end_date|date('U'), 86400 ) %}
            <option data-day="{{ x|date('j') }}" data-month="{{ x|date('n') }}" data-year="{{ x|date('Y') }}">
              {{ ('date.'~(x|date('l')))|trans({}, 'admin') }} - {{ x|date('j') }} / {{ x|date('n') }}
            </option>
          {% endfor %}
        </select>
      </div>
      <div class="select time">
        <select id="hour">
          {% for x in 0..23 %}
            <option data-hour="{{ "%02d"|format(x) }}">
              {{ "%02d"|format(x) }}
            </option>
          {% endfor %}
        </select>
      </div>
      <div class="select time">
        <select id="min">
          {% for x in 0..11 %}
            <option data-min="{{ "%02d"|format(5 * x ) }}">
              {{ "%02d"|format(5 * x ) }}
            </option>
          {% endfor %}
        </select>
      </div>
      {{ form(form) }}
    </div>
    <div class="selected__time">
      <div id="time"></div>
    </div>

    <a class="submit__button js-submit-reminder">
      {{ 'site.session.reminder.button'|trans }}
    </a>

  </div>
  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
  {% endembed %}