{% if tips_enabled %}
{% if session_user.is_some() %}
<div class="tip-section">
    <button type="button" class="tip-toggle" onclick="this.nextElementSibling.classList.toggle('hidden')">Support</button>
    <form class="tip-form hidden" method="post" action="/stripe/checkout/tip/{{ creator_id }}">
        {% if let Some(token) = csrf_token %}<input type="hidden" name="_csrf" value="{{ token }}">{% endif %}
        {% if let Some(pid) = tip_project_id %}<input type="hidden" name="project_id" value="{{ pid }}">{% endif %}
        <div class="tip-amount-row">
            <label for="tip-amount" class="sr-only">Tip amount</label>
            <span class="pricing-currency">$</span>
            <input type="number" id="tip-amount" name="amount_dollars" min="1" max="9999" value="5" step="1" class="tip-amount-input" required>
        </div>
        <label for="tip-message" class="sr-only">Message (optional)</label>
        <textarea id="tip-message" name="message" maxlength="280" placeholder="Add a message (optional)" class="tip-message-input" rows="2"></textarea>
        <button type="submit" class="tip-submit" data-loading-text="Redirecting to Stripe…">Send tip</button>
    </form>
</div>
{% else %}
<div class="tip-section">
    <a href="/login" class="tip-toggle">Support</a>
</div>
{% endif %}
{% endif %}