Match Participants

{# @var match_participants ThemeViews\Organisms\matchParticipants\MatchParticipantsViewModel #}
{% extends '@atoms/section/section.twig' %}
{% set className = "match-participants" %}
{% set hidden = match_participants.match.finished != true or (match_participants.match.roster.home|length == 0 or match_participants.match.roster.away|length == 0) %}
{% block content %}
    {% include '@atoms/headline/headline.twig' with {
        headline: t('Teilnehmer:innen'),
        type: 'h2',
        ignoreTypeMap: true,
        className: 'headline--m mb-1.5'
    }%}
    <ul class="list-none ml-0 pl-0 flex ">
        <li>
            <input type="radio" name="tab" id="tab_home" value="home" checked>
            <label for="tab_home">{{ t('Home') }}</label>
        </li>
        <li>
            <input type="radio" name="tab" id="tab_away" value="away">
            <label for="tab_away">{{ t('Away') }}</label>
        </li>
    </ul>
    <div id="tab_home_content" class="tab show">
        {% include '@molecules/genericTeaserList/generic_teaser_list.twig' with {
            generic_teaser_list: {
                teasers: match_participants.match.roster.home
            }
        } %}
    </div>
    <div id="tab_away_content" class="tab hidden">
        {% include '@molecules/genericTeaserList/generic_teaser_list.twig' with {
            generic_teaser_list: {
                teasers: match_participants.match.roster.away
            }
        } %}
    </div>
{% endblock %}