{% macro headerbar(search_query="") -%}
	<span style=float:left>
	<b style=font-size:large><!--span style=font-family:serif>&Delta;</span-->delta</b>
	</span>
	{% if current_user.is_anonymous %}
	<a href="/login" style=float:right>log in or sign up</a>
	{% else %}
	<span style=float:right>{{ current_user.name }} (<a href="/login">log out</a>)</span>
	{% endif %}
	<form method=get action=/search>
		<input name=q style="margin:auto;display:block;width:30em;box-sizing:border-box;border:0;background:#666;color:#eee;padding:.2em"
			placeholder="Search (through invidio.us)" value="{{ search_query | e }}">
		<input type=hidden name=provider value="invidio.us:443">
		<!--input type=submit value="?"-->
	</form>
	<hr>
{%- endmacro %}

{% macro card_generic(link, thumbnail, title='') -%}{#
	#}<div class=card>
		<a class=thumb href="{{ link }}">
			<img src="{{ thumbnail }}">
		</a>
		<div class="title">
			<a href="{{ link }}" title="{{ title | e }}">{{ title | e }}</a>
		</div>
		<div class="infobar">
			{{ caller() }}
		</div>
	</div>{#
#}{%- endmacro %}

{% macro card(video_id, title='', advanced_text='', pinned="undefined") -%}{#
	#}{% set caller_ = caller %}{#
	#}{% call card_generic("/watch?v="~video_id, "https://i.ytimg.com/vi/"~video_id~"/mqdefault.jpg", title) %}
		{{ caller_() }}
		<details class=advanced><summary>{{ advanced_text }}</summary>
			{% if pinned != "undefined" %}
			<form method=post>
				<input type="hidden" name="{{ 'un' if pinned }}pin" value="{{ video_id }}">
				<input class="emoji" type=submit value="&#x1f4cc;&#xFE0F;{{ '&#8416;' if pinned }}" title="{{ 'unpin' if pinned else 'pin to top' }}">
			</form>
			<form method=post>
				<input type="hidden" name="hide" value="{{ video_id }}">
				<input class="emoji" type=submit value="&#x1f4a8;&#xFE0F;" title="hide video">
			</form>
			{%endif%}
			<a href="/watch?v={{ video_id }}&show=raw" class="emoji" title="raw video">&#x1F39E;&#xFE0F;</a>{#
			#}<a href="/watch?v={{ video_id }}&show=json" class="emoji" title="json metadata">&#x1f4a1;</a>
		</details>
	{% endcall %}{#
#}{%- endmacro %}

{% macro infobar_subscriptions(video_id, channel_id, author) -%}
	<a href="/channel/{{ channel_id }}">{{ author | e }}</a>
{%- endmacro %}