{% extends "base.html" %}

{% block title %}
Create Account from Forums User
{% endblock %}

{% block content %}
<h1>{{ self.title() }}</h1>

<h2>{{ _("Confirm Your Account") }}</h2>

<p>
	{{ _("You'll need to use prove that you have access to your forum account using one of the options below.") }}<br>
	{{ _("This is so ContentDB can link your account to your forum account.") }}
</p>

<p>
	{{ _("Don't have a forums account?") }}
	{{ _("You can still <a href='%(url)s'>sign up without one</a>.", url=url_for('users.register')) }}
</p>

<p>
	{{ _("By signing up, you agree to the <a href='/terms/' target='_blank'>Terms of Service</a> and <a href='/privacy_policy/' target='_blank'>Privacy Policy</a>.") }}
</p>

<div class="row mt-5">
	<div class="col-sm-6">
		<div class="card">
			<div class="card-header">
				<span class="badge rounded-pill bg-dark me-2">{{ _("Option 1") }}</span>
				{{ _("Use GitHub field in forum profile") }}
			</div>

			<form method="post" class="card-body" action="">
				<input class="form-control" type="hidden" name="claim_type" value="github">
				<input class="form-control" type="hidden" name="csrf_token" value="{{ csrf_token() }}" />

				<p>
					{{ _("Enter your forum username here:") }}
				</p>

				<input class="form-control my-4" type="text" name="username" value="{{ username }}"
					   placeholder="{{ _('Forum username') }}" pattern="[a-zA-Z0-9._ -]+"
					   title="{{ _('Only a-zA-Z0-9._ allowed') }}" required>

				<p>
					{{ _("You'll need to have the GitHub field in your forum profile filled out.") }}
					{{ _("Log into the forum and <a href='https://forum.luanti.org/ucp.php?i=173'>do that here</a>.") }}
				</p>

				<input class="btn btn-primary" type="submit" value="{{ _('Next: log in with GitHub') }}">
			</form>
		</div>
	</div>

	<div class="col-sm-6">
		<div class="card">
			<div class="card-header">
				<span class="badge rounded-pill bg-dark me-2">{{ _("Option 2") }}</span>
				{{ _("Verification token") }}
			</div>

			<form method="post" class="card-body" action="">
				<input type="hidden" name="claim_type" value="forum">
				<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />

				<p>
					{{ _("Enter your forum username here:") }}
				</p>

				<input class="form-control my-3" type="text" name="username" value="{{ username }}"
					   placeholder="{{ _('Forum username') }}" pattern="[a-zA-Z0-9._ -]+" title="{{ _('Only a-zA-Z0-9._ allowed') }}" required>

				<p>
					{{ _("Go to <a href='https://forum.luanti.org/ucp.php?i=profile&mode=signature'>User Control Panel &gt; Profile &gt; Edit signature</a>") }}
				</p>

				<p>
					{{ _("Paste this into your signature:") }}
				</p>

				<input class="form-control my-3" type="text" value="{{ key }}" readonly size=32>

				<p>
					{{ _("Click next so we can check it.") }}
				</p>
				<p>
					{{ _("Don't worry, you can remove it after this is done.") }}
				</p>

				<input class="btn btn-primary" type="submit" value="{{ _('Next') }}">
			</form>
		</div>
	</div>
</div>
{% endblock %}
