{% extends "base.html" %}
{% block title %}License | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>License</h1>
  <p class="muted">View your current license, request an upgrade, or import a license code.</p>
</section>

{% if error_message %}
<p class="flash">{{ error_message }}</p>
{% elif message %}
<p class="flash">{{ message }}</p>
{% endif %}

<!-- Tab bar -->
<div class="subtabs" id="license-tabs">
  <button type="button" class="subtab is-active" data-license-tab="current">Current License</button>
  <button type="button" class="subtab" data-license-tab="request">Request License</button>
  <button type="button" class="subtab" data-license-tab="import">Import License</button>
</div>

<!-- Tab: Current License -->
<div class="license-tab-panel" id="license-panel-current">
  <section class="panel">
    <div class="panel-head">
      <h2>License Summary</h2>
      <span class="badge {% if billing.license.status == 'active' %}allow{% elif billing.license.status == 'expired' %}deny{% else %}{% endif %}">{{ billing.license.status }}</span>
    </div>
    <dl class="kv">
      <dt>Plan</dt>
      <dd>{{ billing.plan.name }}</dd>
      <dt>License Status</dt>
      <dd>{{ billing.license.status }}</dd>
      <dt>Starts At</dt>
      <dd data-utc="{{ billing.license.starts_at or '' }}">{{ billing.license.starts_at or "lifetime free tier" }}</dd>
      <dt>Expires At</dt>
      <dd data-utc="{{ billing.license.expires_at or '' }}">{{ billing.license.expires_at or "no expiry" }}</dd>
      <dt>Active Agents</dt>
      <dd>{{ billing.usage.active_agents_count }} / {{ billing.max_agents }}</dd>
      <dt>Active Users</dt>
      <dd>{{ billing.usage.active_users_count }} / {{ billing.max_users }}</dd>
      <dt>Last Usage Refresh</dt>
      <dd data-utc="{{ billing.usage.last_updated_at }}">{{ billing.usage.last_updated_at }}</dd>
    </dl>
  </section>

  <section class="panel">
    <div class="panel-head">
      <h2>Included Features</h2>
    </div>
    <table class="data-table">
      <thead>
        <tr>
          <th>Feature</th>
          <th>Enabled</th>
        </tr>
      </thead>
      <tbody>
        {% for name, enabled in billing.features.items() %}
        <tr>
          <td>{{ name }}</td>
          <td>{{ "yes" if enabled else "no" }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  {% if ui_permissions.billing_write %}
  <section class="panel">
    <div class="panel-head">
      <h2>Upgrade Plan</h2>
    </div>
    <p class="muted" style="margin-bottom:16px;">Purchase a signed license via Stripe Checkout. Requires this instance to be configured with a Suvra license server (SUVRA_LICENSE_SERVER_URL).</p>
    <div style="display:flex;gap:12px;flex-wrap:wrap;">
      <form method="post" action="/dashboard/billing/checkout">
        <input type="hidden" name="csrf" value="1" />
        <input type="hidden" name="plan_id" value="growth" />
        <button type="submit" class="btn btn-primary">Upgrade to Team</button>
      </form>
      <form method="post" action="/dashboard/billing/checkout">
        <input type="hidden" name="csrf" value="1" />
        <input type="hidden" name="plan_id" value="enterprise" />
        <button type="submit" class="btn btn-primary">Upgrade to Enterprise</button>
      </form>
      <form method="post" action="/dashboard/billing/refresh">
        <input type="hidden" name="csrf" value="1" />
        <button type="submit" class="btn">Refresh license now</button>
      </form>
    </div>
  </section>
  {% endif %}
</div>

<!-- Tab: Request License -->
<div class="license-tab-panel" id="license-panel-request" style="display:none;">
  <section class="panel">
    <div class="panel-head">
      <h2>Request License</h2>
    </div>
    <p class="muted" style="margin-bottom:16px;">Need more agents or enterprise features? Fill in the form below and we'll get in touch.</p>
    <form id="license-request-form" class="license-request-form" onsubmit="return suvraLicenseRequest(this);">
      <div class="form-grid">
        <label>
          Company Name
          <input type="text" name="company" placeholder="Your company" />
        </label>
        <label>
          Contact Email
          <input type="email" name="email" value="{{ current_user.email or '' }}" placeholder="you@company.com" />
        </label>
        <label>
          Number of Agents Needed
          <input type="number" name="agents" min="1" placeholder="e.g. 50" required />
        </label>
        <label>
          Note <span class="muted">(optional)</span>
          <textarea name="note" rows="3" placeholder="Anything else we should know?"></textarea>
        </label>
      </div>
      <button type="submit" class="btn btn-primary" style="margin-top:12px;">Contact Sales</button>
    </form>
    <p id="license-request-success" class="flash" style="display:none;">Your license request has been sent to sales@suvra.io. We'll be in touch shortly.</p>
  </section>
</div>

<!-- Tab: Import License -->
<div class="license-tab-panel" id="license-panel-import" style="display:none;">
  <section class="panel">
    <div class="panel-head">
      <h2>Import License</h2>
    </div>
    <p class="muted" style="margin-bottom:16px;">Already have a license code? Paste it below to activate your license.</p>
    {% if ui_permissions.billing_write %}
    <form method="post" action="/dashboard/billing/import-license">
      <input type="hidden" name="csrf" value="1" />
      <label>
        License Code
        <textarea id="license-code-textarea" name="license_code" rows="4" placeholder="Paste your signed license code here..." required style="width:100%;font-family:var(--font-mono);"></textarea>
      </label>
      <p class="muted" style="margin-top:8px;">You can find your license code in your Suvra subscription dashboard at suvra.ai.</p>
      <label style="display:block;margin-top:12px;">
        Or upload a license file
        <input id="license-file-input" type="file" name="license_file" accept=".json,.lic" />
      </label>
      <button type="submit" class="btn btn-primary" style="margin-top:12px;">Import License</button>
    </form>
    {% else %}
    <p class="muted">You do not have permission to import licenses. Contact your administrator.</p>
    {% endif %}
  </section>
</div>

<script>
(function () {
  var tabs = document.querySelectorAll('[data-license-tab]');
  var panels = document.querySelectorAll('.license-tab-panel');
  tabs.forEach(function (tab) {
    tab.addEventListener('click', function () {
      tabs.forEach(function (t) { t.classList.remove('is-active'); });
      panels.forEach(function (p) { p.style.display = 'none'; });
      tab.classList.add('is-active');
      var panel = document.getElementById('license-panel-' + tab.getAttribute('data-license-tab'));
      if (panel) panel.style.display = 'block';
    });
  });
})();

var licenseFileInput = document.getElementById('license-file-input');
var licenseCodeTextarea = document.getElementById('license-code-textarea');
if (licenseFileInput && licenseCodeTextarea) {
  licenseFileInput.addEventListener('change', function (event) {
    var file = event.target.files && event.target.files[0];
    if (!file) return;
    var reader = new FileReader();
    reader.onload = function () {
      licenseCodeTextarea.value = typeof reader.result === 'string' ? reader.result : '';
    };
    reader.readAsText(file);
  });
}

function suvraLicenseRequest(form) {
  var company = form.company.value || '';
  var email = form.email.value || '';
  var agents = form.agents.value || '';
  var note = form.note.value || '';
  var subject = encodeURIComponent('Suvra License Request — ' + (company || 'New Customer'));
  var body = encodeURIComponent(
    'Company: ' + company + '\n' +
    'Contact Email: ' + email + '\n' +
    'Agents Needed: ' + agents + '\n' +
    (note ? 'Note: ' + note + '\n' : '')
  );
  window.location.href = 'mailto:sales@suvra.io?subject=' + subject + '&body=' + body;
  form.style.display = 'none';
  document.getElementById('license-request-success').style.display = 'block';
  return false;
}
</script>
{% endblock %}