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

{% block content %}

{% set home = page.find('/radiogarage/home') %}
{% set archives = page.find('/radiogarage/archives') %}
{% set apropos = page.find('/radiogarage/a-propos') %}

  {# -------- SECTION HOME -------- #}
    <div id="home" class="page">
      <div id="home-box">
        <h2>Prochain rdv direct</h2>
      <ul>
      {% for child in home.children %}
      
        <li>
          {% include 'partials/home-emission.html.twig' with { child: child } %}
        </li>
      {% endfor %}
      </ul>
        <div id="logoandcredits">
          <p></p>
          <img src="{{ url('theme://images/radiogarage_logo.jpg') }}" id="logo">
        </div>
      </div>
    </div>

  {# -------- PLAYER -------- #}

  <div id="player">
  
    {% for child in archives.children %}
      {% include 'partials/player.html.twig' with { child: child } %}
    {% endfor %}

    <div class="seek-container">
      <input type="range" id="seekSlider" value="0" min="0" step="0.01">
      <div class="progress-overlay" id="progressOverlay"></div>
    </div>
  </div>

  {# -------- SECTION ARCHIVES -------- #}

    <div id="archives" class="page" style="display:none;">
      <div id="archives-box">

      {% for child in archives.children %}
          {% include 'partials/archives-emission.html.twig' with { child: child } %}
      {% endfor %}

        <div id="logoandcredits">
          <p></p>
          <img src="{{ url('theme://images/radiogarage_logo.jpg') }}" id="logo">
        </div>
      </div>
    </div>


{% endblock %}
