{{ dump('child', child) }}
{{ dump(page.header) }}
{{ dump(page.media) }}

<div class="audio-line">
  <div class="audio-info">
    <div class="und-audio-info">
      <h4 class="date-desktop">{{ child.header.date_emission|date("d.m.Y")  }}</h4>
      <h4 class="date-mobile">{{ child.header.date_mobile_emission|date("d.m.Y") }}</h4>
      <h4 class="hour">{{ child.header.hour }}</h4>
      <h4 class="title">{{ child.header.title_emission }}</h4>
      <h4 class="autors">{{ child.header.autors }}</h4>
      <h4 class="duration">{{ child.header.duration }}</h4>
    </div>

    <div class="button-box">
      {% if child.header.media_audio %}
        {% for file in child.header.media_audio %}
          {% set audio = child.media[file.name] %}
          {% if audio %}
            <button class="listen-button"
              data-src="{{ audio.url }}"
              data-title="{{ child.header.title_emission }}"
              data-second-title="{{ child.header.subtitle }}">
              Écouter
            </button>
          {% endif %}
        {% endfor %}
      {% endif %}
    </div>
</div>

  <div class="audio-text">
    {% if child.header.media_image %}
      {% for file in child.header.media_image %}
        {% set image = child.media[file.name] %}
        {% if image %}
          <img src="{{ image.url }}" alt="">
        {% endif %}
      {% endfor %}
    {% endif %}
    <p>{{ child.header.content|raw }}</p>
  </div>
</div>