{% if matchInfo|default %}
<aside class="fichatecnica">
<div class="panel">
<header>
<h2>{% trans %}Resultado{% endtrans %}</h2>
</header>
<p><strong>{{ matchInfo.local }}</strong> {{ matchInfo.local_goals }} - {{ matchInfo.visitor_goals }} <strong>{{ matchInfo.visitor }}</strong></p>
</div>
<header>
<h3>{% trans %}Alineaciones{% endtrans %}</h3>
</header>
<header>
<h4>{% trans %}Local{% endtrans %}</h4>
</header>
{# {% dump(matchInfo) %}#}
<ul class="grid-x small-up-2 medium-up-4 large-up-4">
{% for player in matchInfo.lineups.local %}
<li class="cell">
<figure>
<img src="{{ player.image }}" alt="{{ player.name }}" title="{{ player.name }}" />
<span class="dorsal">{{ player.num }}</span>
</figure>
<span class="name">{{ player.name ~ ' ' ~ player.last_name }}</span>
</li>
{% endfor %}
</ul>
<br />
<header>
<h4>{% trans %}Vistante{% endtrans %}</h4>
</header>
<ul class="grid-x small-up-2 medium-up-4 large-up-4">
{% for player in matchInfo.lineups.visitor %}
<li class="cell">
<figure>
<img src="{{ player.image }}" alt="{{ player.name }}" title="{{ player.name }}" />
<span class="dorsal">{{ player.num }}</span>
</figure>
<span class="name">{{ player.name ~ ' ' ~ player.last_name }}</span>
</li>
{% endfor %}
</ul>
<p></p>
{% if matchInfo.events.goals|default %}
<header>
<h3>{% trans %}Goles{% endtrans %}</h3>
</header>
<ul id="goles" class="grid-x small-up-2 medium-up-4 large-up-4">
{% for goal in matchInfo.events.goals %}
<li class="cell">
<figure>
<img src="{{ goal.player_img }}" alt="{{ goal.player }}" title="{{ goal.player }}" />
</figure>
<span class="goal"><img src="{{ goal.action_icon }}" alt="{{ goal.action }}" title="{{ goal.action }}" /></span>
<span class="name">{{ goal.player }}</span>
<span class="minute">{% trans %}Minuto{% endtrans %}: {{ goal.minute }}</span>
</li>
{% endfor %}
</ul>
{% endif %}
<p></p>
{% if matchInfo.events.cards|default %}
<header>
<h3>{% trans %}Tarjetas{% endtrans %}</h3>
</header>
<ul id="cartulinas" class="grid-x small-up-2 medium-up-4 large-up-4">
{% for card in matchInfo.events.cards %}
<li class="cell">
<figure>
<img src="{{ card.player_img }}" alt="{{ card.player }}" title="{{ card.player }}" />
</figure>
<span class="card"><img src="{{ card.action_icon }}" alt="{{ card.action }}" title="{{ card.action }}" /></span>
<span class="name">{{ card.player }}</span>
<!-- <span class="card">{{ card.action }} <img src="{{ card.action_icon }}" alt="{{ card.action }}" title="{{ card.action }}" /></span>-->
</li>
{% endfor %}
</ul>
{% endif %}
<p></p>
{% if matchInfo.events.changes|default %}
<header>
<h3>{% trans %}Cambios{% endtrans %}</h3>
</header>
<ul id="cambios" class="grid-x small-up-1 medium-up-1 large-up-1">
{% for change in matchInfo.events.changes %}
<li class="cell">
<figure class="large-2 left">
<img src="{{ change.player_img }}" alt="{{ change.player }}" title="{{ change.player }}" />
</figure>
<div class="cell large-8">
<span class="minute"><strong>{% trans %}Minuto{% endtrans %}</strong>: {{ change.minute }}</span>
<span class="team"><strong>{% trans %}Equipo{% endtrans %}</strong>: {{ change.team }}</span>
<span><strong>{% trans %}Acción{% endtrans %}</strong>: {{ change.action|trans }}</span>
<span><strong>{% trans %}Jugador{% endtrans %}</strong>: {{ change.player }}</span>
</div>
</li>
{% endfor %}
</ul>
{% endif %}
</aside>
{% endif %}