
{% extends "base.html" %}

{% block content %}

<div class="w-80" style="background-color: white; border: 1px solid black; padding: 16px; margin: 4px">

<h1>Login</h1>

{% if glitch_enabled %}
<p>We're running on <a href="https://glitch.com/~hogumathi">Glitch</a>, meaning you can run your own copy of this app or inspect the running source code.</p>

<p>We highly recommend you run your own copy for maximal security and control.</p>
{% endif %}

{% if add_account_enabled %}

<p>Choose a login provider. You can login multiple times with each provider.</p>

<ul>
{% if twitter_enabled %}
	<li><a href="{{ url_for('twitter_v2_facade.oauth2_login.get_login_html') }}">Twitter v2</a></li>
{% endif %}
{% if mastodon_enabled %}
	<li><form method="GET" action="{{ url_for('mastodon_facade.get_login_html') }}">
		<button type="submit">Mastodon</button> on instance <input name="instance" value="mastodon.social" placeholder="instance hostname"></form>
		<p><a href="mailto:biz@harlanji.com?subject=mastodon%20server">Get your own managed Mastodon server</a></p>
		</li>
{% endif %}
{% if messages_enabled %}
	<li><form method="POST" action="{{ url_for('messages_facade.post_api_login') }}">
		<button type="submit">Email</button> <input name="host" placeholder="smtp.example.com">
		<input name="user" placeholder="me@example.com">
		<input name="password" type="password" placeholder="pa$$word123">
		</form>
		<p>This will use IMap and SMTP over SSL.</p>
		</li>
{% endif %}
{% if youtube_enabled %}
	<li><a href="{{ url_for('youtube_v3_facade.get_api_login') }}">YouTube</a></li>
{% endif %}

</ul>

{% else %}

<p>Adding accounts is disabled on this instance.</p>

{% endif %}

<h2>Logged In Accounts</h2>

{% include "partial/user-picker.html" %}

</div>

{% endblock %}