{% extends 'base.html' %}

{% block title %}Pricing — AgentForms{% endblock %}

{% block head_extra %}
<meta name="description" content="Transparent pricing for AI agent infrastructure. Start free. Scale as you grow.">
<link rel="canonical" href="https://agentforms.io/pricing">
<meta property="og:type" content="website">
<meta property="og:url" content="https://agentforms.io/pricing">
<meta property="og:title" content="Pricing — AgentForms">
<meta property="og:description" content="Transparent pricing for AI agent infrastructure. Start free. Scale as you grow.">
<meta property="og:image" content="https://agentforms.io/static/og-image.png">
<meta property="og:site_name" content="AgentForms">
{% endblock %}

{% block content %}

<!-- PRICING -->
<h1 class="visually-hidden">Pricing</h1>
<section id="pricing">
    <div class="container">
        <div class="section-header center">
            <p class="section-label">Pricing</p>
            <h2 class="section-title">Plans for every scale</h2>
            <p class="section-sub">Start free. No credit card. Upgrade when you hit your limits.</p>
        </div>
        <div class="pricing-grid">

            <!-- FREE -->
            <div class="feature">
                <h3>Free</h3>
                <div class="pricing-price">$0</div>
                <p>Try the API. No card needed.</p>
                <div class="pricing-features-list">
                    <div>✓ 50 form submissions/mo</div>
                    <div>✓ 2 deployable forms</div>
                    <div class="disabled">✗ Document generation</div>
                    <div class="disabled">✗ Action chains</div>
                </div>
                <a href="{{ url_for('auth.register') }}" class="btn">Get Started</a>
            </div>

            <!-- STARTER -->
            <div class="feature pricing-popular">
                <span class="badge">Most Popular</span>
                <h3>Starter</h3>
                <div class="pricing-price">$9<span class="pricing-period">/mo</span></div>
                <p>For solo developers.</p>
                <div class="pricing-features-list">
                    <div>✓ 500 form submissions/mo</div>
                    <div>✓ 5 deployable forms</div>
                    <div>✓ 10 documents generated</div>
                    <div>✓ 1 action chain</div>
                    <div>✓ API access</div>
                    <div>✓ Custom branding</div>
                </div>
                <a href="{{ url_for('auth.register') }}" class="btn">Start Free Trial</a>
            </div>

            <!-- PRO -->
            <div class="feature">
                <h3>Pro</h3>
                <div class="pricing-price">$29<span class="pricing-period">/mo</span></div>
                <p>Production agent workflows.</p>
                <div class="pricing-features-list">
                    <div>✓ 5,000 form submissions/mo</div>
                    <div>✓ Unlimited deployable forms</div>
                    <div>✓ 100 documents generated</div>
                    <div>✓ 3 action chains</div>
                    <div>✓ Full API access</div>
                    <div>✓ Custom branding</div>
                </div>
                <a href="{{ url_for('auth.register') }}" class="btn">Start Free Trial</a>
            </div>

            <!-- TEAMS -->
            <div class="feature">
                <h3>Teams</h3>
                <div class="pricing-price">$49<span class="pricing-period">/mo</span></div>
                <p>Collaborate with your team.</p>
                <div class="pricing-features-list">
                    <div>✓ 25,000 form submissions/mo</div>
                    <div>✓ Unlimited deployable forms</div>
                    <div>✓ 500 documents generated</div>
                    <div>✓ 10 action chains</div>
                    <div>✓ Up to 5 team members</div>
                    <div>✓ Role-based access control</div>
                </div>
                <a href="{{ url_for('auth.register') }}" class="btn">Start Free Trial</a>
            </div>

            <!-- TEAMS PLUS -->
            <div class="feature">
                <h3>Teams+</h3>
                <div class="pricing-price">$99<span class="pricing-period">/mo</span></div>
                <p>Enterprise agent infrastructure.</p>
                <div class="pricing-features-list">
                    <div>✓ Unlimited submissions</div>
                    <div>✓ Unlimited deployable forms</div>
                    <div>✓ Unlimited documents</div>
                    <div>✓ Unlimited action chains</div>
                    <div>✓ Unlimited team members</div>
                    <div>✓ White-label everything</div>
                    <div>✓ SLA guarantee</div>
                </div>
                <a href="{{ url_for('auth.register') }}" class="btn">Start Free Trial</a>
            </div>

        </div>
    </div>
</section>

<!-- WHAT'S INCLUDED -->
<section class="pricing-included">
    <div class="container">
        <div class="section-header center">
            <h3>Every plan includes</h3>
        </div>
        <div class="included-grid">
            <div>
                <div class="included-item-title">API Access</div>
                <div class="included-item-desc">Deploy forms, check quotas, and retrieve submissions via REST API.</div>
            </div>
            <div>
                <div class="included-item-title">Data Encryption</div>
                <div class="included-item-desc">All PII encrypted at rest. Only you can decrypt your data.</div>
            </div>
            <div>
                <div class="included-item-title">Quota Endpoints</div>
                <div class="included-item-desc">Check document and chain usage via API for billing integration.</div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="pricing-faq">
    <div class="container">
        <div class="section-header center">
            <h2 class="section-title">Common questions</h2>
        </div>
        <div class="pricing-faq-list">
            <details class="faq-item">
                <summary>What happens when I hit my quota?</summary>
                <p>Document generation and action chain creation return a 403 with upgrade details. Forms stay live but new gated features are blocked until you upgrade.</p>
            </details>
            <details class="faq-item">
                <summary>Can I check my remaining quota via API?</summary>
                <p>Yes — GET /documents/quota and GET /api/agent/quota return your current tier and usage counts.</p>
            </details>
            <details class="faq-item">
                <summary>Can I change plans later?</summary>
                <p>Yes — upgrade or downgrade at any time. Changes take effect immediately. No contracts, cancel anytime.</p>
            </details>
            <details class="faq-item">
                <summary>How many documents and chains do I get?</summary>
                <p>Documents: Free=0, Starter=10, Pro=100, Teams=500, Teams+=unlimited. Chains: Free=0, Starter=1, Pro=3, Teams=10, Teams+=unlimited.</p>
            </details>
        </div>
    </div>
</section>

{% endblock %}