{% extends 'base.html' %}

{% block title %}Changelog - AgentForms{% endblock %}

{% block head_extra %}
<meta name="description" content="Latest updates and feature releases for AgentForms.">
<link rel="canonical" href="https://agentforms.io/changelog">
<meta property="og:type" content="website">
<meta property="og:url" content="https://agentforms.io/changelog">
<meta property="og:title" content="Changelog - AgentForms">
<meta property="og:description" content="Latest updates and feature releases for AgentForms.">
<meta property="og:image" content="https://agentforms.io/static/og-image.png">
<meta property="og:site_name" content="AgentForms">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Changelog - AgentForms">
<meta name="twitter:description" content="Latest updates and feature releases for AgentForms.">
<meta name="twitter:image" content="https://agentforms.io/static/og-image.png">
<link rel="icon" href="{{ url_for('static', filename='images/logo.svg') }}" type="image/svg+xml">
<style nonce="{{ csp_nonce }}">
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f8fafc; color: #1e293b; line-height: 1.6; }
    .container { max-width: 800px; margin: 0 auto; padding: 2rem 1.5rem; }
    header { text-align: center; margin-bottom: 3rem; }
    .logo { margin-bottom: 1rem; }
    header h1 { font-size: 2rem; margin-bottom: 0.5rem; }
    header p { color: #64748b; font-size: 1.125rem; }
    .version { margin-bottom: 2.5rem; }
    .version-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #e2e8f0; }
    .version-tag { background: #3b82f6; color: white; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.875rem; font-weight: 600; }
    .version-date { color: #64748b; font-size: 0.875rem; }
    .changes { list-style: none; padding: 0; }
    .changes li { padding: 0.5rem 0; padding-left: 1.5rem; position: relative; }
    .changes li::before { content: ''; position: absolute; left: 0; top: 0.85rem; width: 6px; height: 6px; background: #94a3b8; border-radius: 50%; }
    .changes li.new::before { background: #22c55e; }
    .changes li.fix::before { background: #f59e0b; }
    .changes li.sec::before { background: #ef4444; }
    .changes li.improve::before { background: #3b82f6; }
    .changes li.breaking::before { background: #a855f7; }
    .changes li code { background: #f1f5f9; padding: 0.125rem 0.375rem; border-radius: 4px; font-size: 0.875em; }
    footer { text-align: center; margin-top: 4rem; padding: 2rem 0; border-top: 1px solid #e2e8f0; color: #94a3b8; font-size: 0.875rem; }
    a { color: #3b82f6; text-decoration: none; }
</style>
{% endblock %}

{% block content %}
<div class="container">
    <header>
        <div class="logo">
            <img src="{{ url_for('static', filename='images/logo.svg') }}" alt="AgentForms" height="40">
        </div>
        <h1>Changelog</h1>
        <p>What's new in AgentForms</p>
    </header>

    <div class="version">
        <div class="version-header">
            <span class="version-tag">v1.1.0</span>
            <span class="version-date">June 2026</span>
        </div>
        <ul class="changes">
            <li class="sec">Session-based admin auth replaced HTTP Basic Auth</li>
            <li class="sec">Email verification enforced on signup</li>
            <li class="sec">Account deletion (GDPR right to erasure)</li>
            <li class="new">Off-server backups via SCP</li>
            <li class="new">Cookie consent banner (GDPR)</li>
            <li class="new">Custom error pages (404, 403, 500)</li>
            <li class="new">robots.txt, security.txt, sitemap.xml</li>
            <li class="improve">Added <code>is_admin</code> user role flag</li>
            <li class="fix">Stripe price IDs for Teams/Teams+ tiers</li>
            <li class="fix">DKIM/DMARC DNS records active</li>
        </ul>
    </div>

    <div class="version">
        <div class="version-header">
            <span class="version-tag">v1.0.0</span>
            <span class="version-date">May 2026</span>
        </div>
        <ul class="changes">
            <li class="new">Initial release — form builder, submission tracking, Stripe subscriptions</li>
            <li class="new">Encrypted PII storage (email, name)</li>
            <li class="new">Rate limiting &amp; honeypot spam protection</li>
            <li class="new">Form versioning &amp; A/B testing</li>
        </ul>
    </div>

    <footer>
        <p>AgentForms — Open-source form infrastructure</p>
        <p><a href="/">Back to AgentForms</a> · <a href="/contact">Contact</a></p>
    </footer>
</div>
{% endblock %}