{% extends "base.html" %}
{# Plans (2026-09-30: synced with aidaide.app/pricing: Free, Pro $19/mo or
   $190/yr, Teams Pro $70/mo or $700/yr for 5 users, Enterprise). Buying
   happens on aidaide.app; this page says what each plan unlocks. #}
{% block title %}Plans{% endblock %}
{% block page_id %}upgrade{% endblock %}
{% block head %}
<style>
  .p-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
  @media (min-width: 760px) { .p-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1200px) { .p-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .p-card { display: flex; flex-direction: column; gap: 8px; }
  .p-card.hot { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
  .p-price { font-size: 1.7rem; font-weight: 750; }
  .p-price small { font-size: .85rem; color: var(--muted); font-weight: 500; }
  .p-card ul { margin: 0; padding-left: 18px; color: var(--text); }
  .p-card li { margin: 3px 0; }
  .p-card .a-btn { margin-top: auto; }
  .p-card .a-chip { align-self: flex-start; }
</style>
{% endblock %}
{% block content %}
{% set has_pro = aida_has_pro() if aida_has_pro is defined else false %}
{% set labels = {'pro_tools': 'This page', 'cameras': 'Cameras', 'network_advanced': 'Advanced network scans',
                 'hierarchy_builder': 'The AI Hierarchy Builder', 'composer': 'The Composer'} %}
<div class="a-page-head">
  <h1><i class="fa-solid fa-gem" aria-hidden="true"></i> Plans</h1>
  <div class="a-sub">AidaIDE is free forever: no license key, no trial clock. Pro adds the AI suite, advanced network scans and cameras.</div>
</div>
{% if feature and not has_pro %}
<div class="a-banner a-banner--info"><i class="fa-solid fa-lock" aria-hidden="true"></i>
  <div class="a-grow">{{ labels.get(feature, 'That feature') }} needs AidaIDE Pro. Add a Pro key in AidaIDE on the PC (Help &gt; Enter License Key...) and it unlocks here too.</div>
</div>
{% endif %}
<div class="p-grid">
  <div class="a-card p-card">
    <h2>Free</h2>
    <div class="p-price">$0 <small>forever</small></div>
    <ul>
      <li>The full IDE, 19+ languages</li>
      <li>File browser and terminal (LCoT)</li>
      <li>The complete SSH/SFTP engine</li>
      <li>Saved devices</li>
      <li>Fleet Manager, unlimited devices</li>
      <li>OTA updates</li>
      <li>Community support</li>
    </ul>
    {% if not has_pro %}<span class="a-chip a-chip--ok">You have this</span>{% endif %}
  </div>
  <div class="a-card p-card{% if feature or has_pro %} hot{% endif %}">
    <h2>Pro</h2>
    <div class="p-price">$19 <small>/month, or $190/year</small></div>
    <ul>
      <li>Everything in Free</li>
      <li>AI Hierarchy Builder and Composer</li>
      <li>AI code assistant and Copilot</li>
      <li>AI multi-agent workflows</li>
      <li>Advanced network scans and diagnostics</li>
      <li>Camera Manager (ONVIF / NVR)</li>
      <li>Edge ML deploy, LCoT templates</li>
      <li>One key unlocks every advanced tab</li>
      <li>Priority support</li>
    </ul>
    {% if has_pro %}<span class="a-chip a-chip--ok">You have this</span>{% else %}<a class="a-btn a-btn--primary" href="https://aidaide.app/pricing" target="_blank" rel="noopener">Get Pro on aidaide.app</a>{% endif %}
  </div>
  <div class="a-card p-card">
    <h2>Teams Pro</h2>
    <div class="p-price">$70 <small>/month, or $700/year, 5 users</small></div>
    <ul>
      <li>5 Pro seats</li>
      <li>Shared dashboards</li>
      <li>Team management</li>
      <li>API access</li>
      <li>Dedicated support</li>
    </ul>
    <a class="a-btn" href="https://aidaide.app/pricing" target="_blank" rel="noopener">Get Teams Pro</a>
  </div>
  <div class="a-card p-card">
    <h2>Enterprise</h2>
    <div class="p-price">Custom</div>
    <ul>
      <li>Everything in Teams Pro</li>
      <li>Custom user count, volume and multi-year options</li>
      <li>Custom integrations, on-premise option</li>
      <li>Security review, dedicated account manager</li>
    </ul>
    <a class="a-btn" href="https://aidaide.app/pricing" target="_blank" rel="noopener">Contact sales</a>
  </div>
</div>
<p class="a-small a-muted" style="margin-top:14px">Annual plans lock the price for 5 years. If a Pro license ever runs out, AidaIDE falls back to Free; it never locks you out. Prices and checkout are on aidaide.app.</p>
{% endblock %}