{% extends "base.html" %}

{% block title %}Account — Multithreaded{% endblock %}

{% block head %}<meta name="robots" content="noindex">{% endblock %}

{% block header %}{% include "partials/site_header.html" %}{% endblock %}

{% block content %}
<div class="container">
    <h2 class="section-heading">Account</h2>

    <div class="settings-section">
        <h3>Signature</h3>
        <p class="form-help">
            A short markdown note rendered below every post you make. Fan+ subscribers may use
            image embeds; otherwise text and links only.
        </p>

        {% if let Some(err) = error %}
        <div class="form-error">{{ err }}</div>
        {% endif %}

        {% if has_plus %}
        <form method="post" action="/account/signature" class="form-container">
            <div class="form-group">
                <label for="signature">Signature (markdown, up to 1024 characters)</label>
                <textarea id="signature" name="signature" class="textarea-medium" maxlength="1024">{{ signature_markdown.as_deref().unwrap_or("") }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="primary">Save signature</button>
                {% if signature_markdown.is_some() %}
                <button type="submit" name="clear" value="1" class="secondary">Clear signature</button>
                {% endif %}
            </div>
        </form>

        {% if let Some(html) = signature_html %}
        <h4 class="subsection-heading">Preview</h4>
        <div class="post-signature">
            {{ html|safe }}
        </div>
        {% endif %}
        {% else %}
        <div class="form-help">
            Signatures are a Fan+ feature. <a href="{{ mnw_base_url }}/fan-plus">Learn more</a>.
        </div>
        {% endif %}
    </div>

    <div class="settings-section">
        <h3>Status</h3>
        <ul class="account-status">
            <li>Fan+ subscription: <strong>{% if fan_plus %}active{% else %}inactive{% endif %}</strong></li>
            <li>+ perks available: <strong>{% if has_plus %}yes{% else %}no{% endif %}</strong></li>
        </ul>
        <form method="post" action="/auth/refresh" class="form-inline">
            <button type="submit" class="secondary">Refresh from MNW</button>
        </form>
        <span class="form-help">
            Hit refresh after subscribing or upgrading on makenot.work to see changes here.
        </span>
    </div>
</div>
{% endblock %}