{% if team_interview.has_content %}
<section class="ta-card team-show-interview" id="team-interview">
    <h2 class="team-show-section-title">Interview</h2>

    {% if team_interview.responses is not empty %}
        <div class="team-show-interview__qa">
            {% for response in team_interview.responses %}
                <article class="team-show-interview__item">
                    <h3 class="team-show-interview__question">{{ response.displayQuestion }}</h3>
                    <p class="team-show-interview__answer ta-card-text">{{ response.answer }}</p>
                </article>
            {% endfor %}
        </div>
    {% endif %}

    {% if team_interview.images is not empty %}
        <div class="team-show-interview__gallery" role="list">
            {% for image in team_interview.images %}
                {% set src = image.image starts with 'http' ? image.image : asset(image.image) %}
                <div role="listitem">
                    {% include 'shared/_lpf_lightbox_trigger.html.twig' with {
                        src: src,
                        title: image.caption ?: ('Photo — ' ~ team.name),
                        alt: image.caption ?: ('Photo de l’équipe ' ~ team.name),
                        img_class: 'team-show-interview__gallery-img',
                        btn_class: 'lpf-lightbox-trigger team-show-interview__gallery-btn',
                    } %}
                </div>
            {% endfor %}
        </div>
    {% endif %}
</section>
{% endif %}