{% extends "base.html" %}
{% block title %}{{ t('License & Modules') }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>{{ t('License & Modules') }}</h1>
  <small>{% if lic.licensed %}{{ t('Licensed to') }} <b>{{ lic.data.licensee }}</b>{% else %}{{ t('Development mode: no license file, all modules enabled.') }}{% endif %}</small></div></div>
{% if lic.licensed and not lic.valid %}<div class="flash error">{{ lic.error }}</div>{% endif %}
{% if lic.licensed %}
<div class="kpis">
  <div class="kpi"><div class="label">{{ t('Users') }}</div><div class="value num">{{ usage.users }}{% if lic.limit('max_users') %} / {{ lic.limit('max_users') }}{% endif %}</div><div class="sub">{{ t('active') }}</div></div>
  <div class="kpi"><div class="label">{{ t('Branches') }}</div><div class="value num">{{ usage.branches }}{% if lic.limit('max_branches') %} / {{ lic.limit('max_branches') }}{% endif %}</div></div>
  <div class="kpi {{ 'alert' if lic.expired }}"><div class="label">{{ t('Expires') }}</div><div class="value" style="font-size:18px">{{ lic.data.expires or t('Never') }}</div><div class="sub">{{ t('Issued') }} {{ lic.data.issued }}</div></div>
</div>
{% endif %}
<form method="post" action="{{ url_for('setup.license_modules') }}">
{% if not can('modules') %}<div class="flash info">{{ t('Modules and the type of business are managed by your software provider.') }}</div>{% endif %}
<fieldset {{ 'disabled' if not can('modules') }} style="border:0;padding:0;margin:0;min-width:0">
{% if not single_edition %}<div class="card">
  <h2 style="margin-top:0">{{ t('Type of business') }}</h2>
  <p class="muted" style="margin-top:0">{{ t('Choose what this company does. Only its modules are switched on; the others disappear from menus, forms and reports. Nothing is deleted — switching a module on again brings everything back.') }}</p>
  <div class="biz-types">
    {% for key, b in business_types.items() %}
    <label class="biz {{ 'on' if company.business_type == key }}"><input type="radio" name="business_type" value="{{ key }}" {{ 'checked' if company.business_type == key }}>
      <b>{{ b.name_ar if rtl else t(b.name) }}</b><small>{{ t(b.desc) }}</small></label>
    {% endfor %}
  </div>
</div>{% endif %}
<div class="card flush">
  <table>
    <thead><tr><th>{{ t('Module') }}</th><th>{{ t('Description') }}</th><th>{{ t('License') }}</th><th>{{ t('In use') }}</th></tr></thead>
    <tbody>
    {% for key, m in modules.items() %}
      {% set licensed = key in lic.modules %}
      <tr><td><b>{{ m.name_ar if rtl else m.name }}</b><br><small>{{ key }}</small></td><td>{{ m.desc }}</td>
        <td>{% if licensed %}<span class="badge st-posted">{{ t('Licensed') }}</span>{% else %}<span class="badge">{{ t('Not licensed') }}</span>{% endif %}</td>
        <td>{% if m.core %}<span class="badge st-posted">{{ t('Always') }}</span>
          {% elif licensed %}<label class="switch"><input type="checkbox" name="mod" value="{{ key }}" data-mod="{{ key }}" {{ 'checked' if has(key) }}> {{ t('On') }}</label>
          {% else %}—{% endif %}</td></tr>
    {% endfor %}
    </tbody>
  </table>
  <div class="notes">{{ t('To add modules, contact your software provider for an updated license file.') }}</div>
</div>
{% if can('modules') %}<div class="actions" style="margin-top:12px"><button class="btn">{{ t('Save') }}</button></div>{% endif %}
</fieldset>
</form>
<script>
(function () {
  var presets = {{ presets|tojson }};
  document.querySelectorAll('input[name=business_type]').forEach(function (r) {
    r.addEventListener('change', function () {
      document.querySelectorAll('.biz').forEach(function (l) { l.classList.toggle('on', l.contains(r) && r.checked); });
      var set = presets[r.value];
      if (!set) return;  // custom: keep the ticks as they are
      document.querySelectorAll('input[data-mod]').forEach(function (c) { c.checked = set.indexOf(c.dataset.mod) >= 0; });
    });
  });
  document.querySelectorAll('input[data-mod]').forEach(function (c) {
    c.addEventListener('change', function () { var cu = document.querySelector('input[name=business_type][value=custom]'); if (cu) { cu.checked = true; cu.dispatchEvent(new Event('change')); } });
  });
})();
</script>
{% endblock %}