{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %} Per-website PHP resource limits: package defaults, effective
   limits and (admin/reseller only) a per-site override, plus live lsphp
   process/RSS usage where psutil can see it. {% endcomment %}

{% block title %}Resource limits · {{ domain }}{% endblock %}

{% block content %}
<div ng-controller="resourceLimitsController" data-domain="{{ domain }}">

  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
      <h1 class="h4 mb-1">PHP resource limits</h1>
      <p class="text-muted mb-0 small">
        <span ng-bind="domain"></span> &middot;
        <a ng-href="/websites/manage?domain={$ domain $}">back to Manage</a>
      </p>
    </div>
    <span class="badge text-bg-light border" ng-show="packageName" ng-cloak>
      Package: <span ng-bind="packageName"></span>
    </span>
  </div>

  <div class="alert alert-danger py-2 px-3" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fas fa-triangle-exclamation me-1"></i><span ng-bind="errorMessage"></span>
  </div>
  <div class="alert alert-success py-2 px-3" ng-show="successMessage" ng-cloak role="alert">
    <i class="fas fa-circle-check me-1"></i><span ng-bind="successMessage"></span>
  </div>

  {% if not canEdit %}
  <div class="alert alert-info py-2 px-3" role="alert">
    <i class="fas fa-lock me-1"></i>
    These limits are set by your hosting package. Contact your provider to change them.
  </div>
  {% endif %}

  <div class="row g-3">
    <div class="col-lg-8">
      <form novalidate ng-submit="save()">
        <div class="card mb-3">
          <div class="card-header">Effective limits</div>
          <div class="card-body">
            <div class="row g-3">
              <div class="col-sm-6">
                <label class="form-label" for="rlMemSoft">PHP memory, soft (MB)</label>
                <input type="number" min="64" max="65536" step="1" class="form-control"
                       id="rlMemSoft" ng-model="limits.memSoftLimit" ng-disabled="!canEdit || busy">
              </div>
              <div class="col-sm-6">
                <label class="form-label" for="rlMemHard">PHP memory, hard (MB)</label>
                <input type="number" min="64" max="65536" step="1" class="form-control"
                       id="rlMemHard" ng-model="limits.memHardLimit" ng-disabled="!canEdit || busy">
              </div>
              <div class="col-sm-6">
                <label class="form-label" for="rlProcSoft">PHP processes, soft</label>
                <input type="number" min="1" max="1000" step="1" class="form-control"
                       id="rlProcSoft" ng-model="limits.procSoftLimit" ng-disabled="!canEdit || busy">
              </div>
              <div class="col-sm-6">
                <label class="form-label" for="rlProcHard">PHP processes, hard</label>
                <input type="number" min="1" max="1000" step="1" class="form-control"
                       id="rlProcHard" ng-model="limits.procHardLimit" ng-disabled="!canEdit || busy">
              </div>
              <div class="col-sm-6">
                <label class="form-label" for="rlMaxConns">Max concurrent PHP connections</label>
                <input type="number" min="1" max="500" step="1" class="form-control"
                       id="rlMaxConns" ng-model="limits.maxConns" ng-disabled="!canEdit || busy">
                <div class="form-text">Also sets <code>PHP_LSAPI_CHILDREN</code>.</div>
              </div>
              <div class="col-sm-6">
                <label class="form-label" for="rlPriority">CPU priority (nice, 0-19)</label>
                <input type="number" min="0" max="19" step="1" class="form-control"
                       id="rlPriority" ng-model="limits.priority" ng-disabled="!canEdit || busy">
              </div>
            </div>

            <div class="alert alert-warning py-2 px-3 small mt-3 mb-0">
              <i class="fas fa-circle-info me-1"></i>
              CPU priority is a Linux scheduling <strong>priority</strong>, not a hard
              CPU quota &mdash; OpenLiteSpeed has no per-website CPU limit. A lower
              number gets more CPU time when the server is busy; it does not cap
              how much a site can use.
            </div>
          </div>

          {% if canEdit %}
          <div class="card-footer d-flex justify-content-between align-items-center">
            <button type="button" class="btn btn-outline-secondary btn-sm"
                    ng-click="resetToPackageDefault()" ng-disabled="busy">
              <i class="fas fa-rotate-left me-1"></i>Reset to package default
            </button>
            <button type="submit" class="btn btn-primary" ng-disabled="busy">
              <span ng-show="busy" class="spinner-border spinner-border-sm me-1"
                    role="status" aria-hidden="true"></span>
              <span ng-bind="busy ? 'Saving…' : 'Save changes'"></span>
            </button>
          </div>
          {% endif %}
        </div>
      </form>
    </div>

    <div class="col-lg-4">
      <div class="card mb-3">
        <div class="card-header">Package default</div>
        <div class="card-body small">
          <dl class="row mb-0">
            <dt class="col-7">Memory (soft / hard)</dt>
            <dd class="col-5 text-end">
              <span ng-bind="packageDefaults.memSoftLimit"></span> /
              <span ng-bind="packageDefaults.memHardLimit"></span> MB
            </dd>
            <dt class="col-7">Processes (soft / hard)</dt>
            <dd class="col-5 text-end">
              <span ng-bind="packageDefaults.procSoftLimit"></span> /
              <span ng-bind="packageDefaults.procHardLimit"></span>
            </dd>
            <dt class="col-7">Max connections</dt>
            <dd class="col-5 text-end" ng-bind="packageDefaults.maxConns"></dd>
            <dt class="col-7">CPU priority</dt>
            <dd class="col-5 text-end" ng-bind="packageDefaults.priority"></dd>
          </dl>
        </div>
      </div>

      <div class="card">
        <div class="card-header">Live usage</div>
        <div class="card-body small">
          <div ng-if="usage.available">
            <dl class="row mb-0">
              <dt class="col-7">lsphp processes</dt>
              <dd class="col-5 text-end" ng-bind="usage.processCount"></dd>
              <dt class="col-7">Total RSS</dt>
              <dd class="col-5 text-end" ng-bind="usage.rssHuman"></dd>
            </dl>
          </div>
          <p class="text-muted mb-0" ng-if="!usage.available">
            Live usage is not available on this server right now.
          </p>
        </div>
      </div>
    </div>
  </div>

  {# =====================================================================
     Hard limits (cgroups v2) -- package f2-cgroups-panel. A different
     enforcement layer from the PHP-only limits above: kernel-enforced,
     covering every process the site's own account can run (PHP, cron,
     SSH, ...), not just PHP. Customers see this section but the inputs
     stay disabled for them, exactly like the PHP form above. #}
  <div class="row g-3 mt-1">
    <div class="col-12">
      <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
          <span>Hard limits (cgroups v2)</span>
          <span class="badge" ng-cloak
                ng-class="hardStatus.available ? 'text-bg-success' : 'text-bg-secondary'">
            <span ng-bind="hardStatus.available ? 'Available' : 'Unavailable'"></span>
          </span>
        </div>
        <div class="card-body">
          <p class="text-muted small mb-3">
            Kernel-enforced ceilings on this site's <strong>PHP workers</strong>
            and its <strong>SSH / terminal sessions</strong>. Unlike the soft
            PHP limits above, the kernel enforces these however hard a process
            tries. Cron jobs are not covered on a stock Ubuntu host (they do not
            run inside the account's systemd slice). <strong>0 means
            unlimited.</strong>
          </p>

          <div class="alert alert-warning py-2 px-3 small" ng-if="!hardStatus.available" ng-cloak>
            <i class="fas fa-triangle-exclamation me-1"></i>
            Hard limits are not available on this server<span ng-if="hardStatus.reason">: <span ng-bind="hardStatus.reason"></span></span>.
            Values below are saved to this site now and take effect automatically
            once this becomes available (at the next reboot/upgrade, or as soon as
            an operator runs <code>cloudpanel_cgroups_sync</code>).
          </div>
          <div class="alert alert-info py-2 px-3 small" ng-if="hardOverride" ng-cloak>
            <i class="fas fa-circle-info me-1"></i>
            This site has its own hard-limit override, saved separately from
            its package. It will not change if the package's own hard limits
            are edited later; use <em>Reset to package default</em> to remove it.
          </div>
          <div class="alert alert-warning py-2 px-3 small" ng-if="hardStatus.available &amp;&amp; !hardStatus.delegated" ng-cloak>
            <i class="fas fa-triangle-exclamation me-1"></i>
            cgroups v2 delegation is not set up for the web server yet -- PHP
            processes will not be confined until it is.
          </div>

          <form novalidate ng-submit="saveHard()">
            <div class="row g-3">
              <div class="col-sm-6 col-xl-3">
                <label class="form-label" for="hlCpu">CPU limit (%)</label>
                <input type="number" min="0" step="1" class="form-control" id="hlCpu"
                       ng-model="hardLimits.cpuPercent" ng-disabled="!canEdit || hardBusy"
                       placeholder="0 = unlimited">
                <div class="form-text">100 = one core. Range 5-800.</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <label class="form-label" for="hlMem">Memory limit (MB)</label>
                <input type="number" min="0" step="1" class="form-control" id="hlMem"
                       ng-model="hardLimits.memoryMB" ng-disabled="!canEdit || hardBusy"
                       placeholder="0 = unlimited">
                <div class="form-text">Range 64-262144.</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <label class="form-label" for="hlTasks">Process/thread limit</label>
                <input type="number" min="0" step="1" class="form-control" id="hlTasks"
                       ng-model="hardLimits.tasks" ng-disabled="!canEdit || hardBusy"
                       placeholder="0 = unlimited">
                <div class="form-text">Range 16-10000.</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <label class="form-label" for="hlIo">I/O weight</label>
                <input type="number" min="0" step="1" class="form-control" id="hlIo"
                       ng-model="hardLimits.ioWeight" ng-disabled="!canEdit || hardBusy"
                       placeholder="0 = unlimited">
                <div class="form-text">Proportional. Range 1-10000.</div>
              </div>
            </div>

            <hr>

            <div class="row g-3 small">
              <div class="col-sm-4">
                <div class="text-muted">CPU time used</div>
                <div ng-if="hardUsage.available" ng-bind="(hardUsage.cpuUsec / 1000000).toFixed(1) + ' s'"></div>
                <div ng-if="!hardUsage.available" class="text-muted">&mdash;</div>
              </div>
              <div class="col-sm-4">
                <div class="text-muted">Memory in use</div>
                <div ng-if="hardUsage.available" ng-bind="hardUsageMemoryHuman"></div>
                <div ng-if="!hardUsage.available" class="text-muted">&mdash;</div>
              </div>
              <div class="col-sm-4">
                <div class="text-muted">Tasks running</div>
                <div ng-if="hardUsage.available" ng-bind="hardUsage.tasks"></div>
                <div ng-if="!hardUsage.available" class="text-muted">&mdash;</div>
              </div>
            </div>

            {% if canEdit %}
            <div class="d-flex justify-content-between align-items-center mt-3">
              <button type="button" class="btn btn-outline-secondary btn-sm"
                      ng-click="resetHardToPackageDefault()" ng-disabled="hardBusy">
                <i class="fas fa-rotate-left me-1"></i>Reset to package default
              </button>
              <button type="submit" class="btn btn-primary" ng-disabled="hardBusy">
                <span ng-show="hardBusy" class="spinner-border spinner-border-sm me-1"
                      role="status" aria-hidden="true"></span>
                <span ng-bind="hardBusy ? 'Saving…' : 'Save hard limits'"></span>
              </button>
            </div>
            {% else %}
            <p class="text-muted small mb-0 mt-3">
              <i class="fas fa-lock me-1"></i>
              Hard limits are set by your hosting package. Contact your
              provider to change them.
            </p>
            {% endif %}
          </form>
        </div>
      </div>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script>window.CP_SITE_DOMAIN = "{{ domain|escapejs }}";</script>
<script src="{% static 'websiteFunctions/resourceLimits.js' %}"></script>
{% endblock %}