{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="{{ static_url('/static/css/auth.css') }}">
{% endblock %}
{% block content %}
<div class="auth-page">
    <div class="auth-card">
        <h2>The terms have changed</h2>
        <p class="subtitle">Version {{ terms_version }} of the Terms of Service is now in force. Accept it to keep posting. You can carry on reading, and you can delete your account, without accepting.</p>

        <ul class="terms-links">
            <li><a href="/docs/terms.html" target="_blank" rel="noopener">Terms of Service</a></li>
            <li><a href="/docs/community-guidelines.html" target="_blank" rel="noopener">Community Guidelines</a></li>
            <li><a href="/docs/privacy.html" target="_blank" rel="noopener">Privacy Policy</a></li>
        </ul>

        <form class="auth-form" method="POST" action="/auth/accept-terms">
            <button type="submit" class="auth-submit"><span class="icon">&#x2714;&#xFE0F;</span> Accept version {{ terms_version }}</button>
        </form>

        <div class="auth-footer">
            <a href="/feed">Keep reading without accepting</a>
        </div>
    </div>
</div>
{% endblock %}