<div class="audio-line">
  <div class="audio-info">
    <div class="und-audio-info">
      <h4 class="date-desktop">{{ child.header.date_emission }}</h4>
      <h4 class="second-title">{{ child.header.subtitle }}</h4>
      <h4 class="title">{{ child.header.title_emission }}</h4>
      <h4 class="autors">{{ child.header.autors }}</h4>
      <h4 class="date-mobile">{{ child.header.date_mobile_emission }}</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="{{ child.media[file.name].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>





