{% extends "base.html" %}
{% block main %}
<div class="h2">Match: {{ match.opponents[0].participant.name }} VS {{ match.opponents[1].participant.name }}</div>
<div class="h5">
    Geplant am:
    {% if match.scheduled_datetime %}
        {{ match.scheduled_datetime.strftime('%Y-%m-%d') }}
    {% else %}
        N/V
    {% endif %}
</div>
<div class="h5">Turnier: {{ tournament.name }}</div>
<div class="h5"><a target="_blank" rel="noopener noreferrer" href="https://www.toornament.com/de/tournaments/{{ tournament.id }}/matches/{{ match.id }}">Match bei Toornament</a></div>
<hr style="height: 3px" />
    <div class="row">
        <div class="col-6">
            <div class="h3">
                {{ participants[0].name }}
                <a class="float-end" target="_blank" rel="noopener noreferrer" href="https://euw.op.gg/multi/{{ participants[0].opgg_multilink }}">op.gg</a>
            </div>
            <hr style="height: 2px" />
            <table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Summoner-Name</th>
                        <th class="text-end">Infos</th>
                    </tr>
                </thead>
                <tbody>
                    {% for player in participants[0].lineup %}
                        <tr>
                            <td>{{ player.name }}</td>
                            <td>{{ player.custom_fields.summoner_name }}</td>
                            <td class="text-end">
                                <a target="_blank" rel="noopener noreferrer" href="https://www.leagueofgraphs.com/de/summoner/euw/{{ player.custom_fields.summoner_name }}">LoG</a>
                                |
                                <a target="_blank" rel="noopener noreferrer" href="https://euw.op.gg/summoner/userName={{ player.custom_fields.summoner_name }}">op.gg</a>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="col-6">
            <div class="h3">
                {{ participants[1].name }}
                <a class="float-end" target="_blank" rel="noopener noreferrer" href="https://euw.op.gg/multi/{{ participants[1].opgg_multilink }}">op.gg</a>
            </div>
            <hr style="height: 2px" />
            <table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Summoner-Name</th>
                        <th class="text-end">Infos</th>
                    </tr>
                </thead>
                <tbody>
                    {% for player in participants[1].lineup %}
                        <tr>
                            <td>{{ player.name }}</td>
                            <td>{{ player.custom_fields.summoner_name }}</td>
                            <td class="text-end">
                                <a target="_blank" rel="noopener noreferrer" href="https://www.leagueofgraphs.com/de/summoner/euw/{{ player.custom_fields.summoner_name }}">LoG</a>
                                |
                                <a target="_blank" rel="noopener noreferrer" href="https://euw.op.gg/summoner/userName={{ player.custom_fields.summoner_name }}">op.gg</a>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}