{% extends "base.html.j2" %}
{% import 'macros.imp.j2' as macros %}
{% block title %}{{ title | e }} — {{ author | e }}{% endblock %}

{% block content %}
<h1>{{ title | e }}<br>
<small><a href="/channel/{{ channel_id }}">{{ author | e }}</a></small></h1>
<div class="cards">
        {# TODO: copy pasted from dangerous/search.j2 #}
        {% for card in rows %}
        {% set c = card.content %}
        {% if card.type == 'VIDEO' %}
                {% call macros.card(c.video_id, c.title, c.length) %}
                        {{ macros.infobar_subscriptions(c.video_id, c.channel_id, c.author) }}
                        <small>{{ c.published if c.published }}&nbsp;</small>
                {% endcall %}
        {% elif card.type == 'CHANNEL' and c.channel_id != channel_id %}
                {% call macros.card_generic("/channel/"~c.channel_id, c.icons[c.icons.largest] if 'icons' in c else '', c.title) %}
                        <span class=channel>Channel</span>
                        <span class=advanced>{{ c.subscribers }}</span>
                {% endcall %}
        {% elif card.type == 'PLAYLIST' %}
                {% call macros.card_generic("/playlist?list="~c.playlist_id, "https://i.ytimg.com/vi/"~c.video_id~"/mqdefault.jpg", c.title) %}
                        <span class=channel>{{ c.author }}</span>
                        <span class=advanced>{{ c.n_videos }} videos</span>
                {% endcall %}
        {% elif card.type == 'WEBSITE' %}
                {% call macros.card_generic(c.url, c.icons[c.icons.largest] if 'icons' in c else '', c.title) %}
                        <span class=channel>{{ c.domain }}</span>
                {% endcall %}
        {% endif %}
        {% endfor %}

{{ macros.dummycard() }}
</div>
</article>

{% if not rows|length %}no more results{% endif %}

<div class="pagination-container">
{% if page is not none %}
	{% if page > 1 %}
	{{ macros.pagination("previous", {'page':(-1,1)}, -1) }}
	{% endif %}
	{{ macros.pagination("next", {'page':(+1,1)}, +1) }}
{% endif %}
</div>
{% endblock %}