{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.cache__maintenance}</div>
    <div class="nv-page-desc">{lang admin.cache_inspector} / {lang admin.cache_desc_rest}</div>
  </div>
  <div class="nv-page-actions">
    <button class="nv-btn" type="button" id="btnClear">{lang admin.clear_cache}</button>
    <button class="nv-btn nv-btn-primary" type="button" id="btnRebuild">{lang admin.rebuild_all_compiled}</button>
  </div>
</div>

<div class="nv-stats-grid">
  <div class="nv-stat">
    <div class="nv-stat-label">{lang admin.cache_compiled_files}</div>
    <div class="nv-stat-value nv-accent">{$compile_files}</div>
    <div class="nv-stat-foot">{lang admin.cache_compiled_files_foot}</div>
  </div>
  <div class="nv-stat">
    <div class="nv-stat-label">{lang admin.cache_view_compiled}</div>
    <div class="nv-stat-value">{$stats.view.compiled|default=0}</div>
    <div class="nv-stat-foot">{lang admin.cache_theme} {$stats.view.theme|default=default}</div>
  </div>
  <div class="nv-stat">
    <div class="nv-stat-label">{lang admin.cache_hits}</div>
    <div class="nv-stat-value">{$cache_stats.hits|default=0}</div>
    <div class="nv-stat-foot">{lang admin.cache_misses} {$cache_stats.misses|default=0} · {lang admin.cache_writes} {$cache_stats.writes|default=0}</div>
  </div>
  <div class="nv-stat">
    <div class="nv-stat-label">{lang admin.cache_container_instances}</div>
    <div class="nv-stat-value">{$stats.container.instances|default=0}</div>
    <div class="nv-stat-foot">{lang admin.container_bindings} {$stats.container.bindings|default=0}</div>
  </div>
</div>

<div class="nv-alert nv-alert-info" id="maintBox" style="display:none">
  <div style="width:100%">
    <b id="maintTitle">{lang admin.cache_exec_result}</b>
    <pre class="nv-log" id="maintOut" style="margin-top:10px"></pre>
  </div>
</div>

<div class="nv-grid-2">
  <div class="nv-card">
    <div class="nv-card-head">
      <span class="nv-card-title">{lang admin.cache_channels}</span>
      <span class="nv-muted">{lang admin.cache_default} {$cache_stats.default|default=static}</span>
    </div>
    <div class="nv-card-body">
      <dl class="nv-kv">
        <dt>{lang admin.cache_default_channel}</dt><dd>{$cache_stats.default|default=static}</dd>
        <dt>{lang admin.cache_hits} / {lang admin.cache_misses}</dt><dd>{$cache_stats.hits|default=0} / {$cache_stats.misses|default=0}</dd>
        <dt>{lang admin.cache_writes} / {lang admin.delete}</dt><dd>{$cache_stats.writes|default=0} / {$cache_stats.deletes|default=0}</dd>
        <dt>{lang admin.cache_backfill}</dt>
        <dd>
          {if $cache_stats.backfill}
          <span class="nv-badge nv-badge-success">{lang admin.switch_on}</span>
          {else}
          <span class="nv-badge">{lang admin.close}</span>
          {/if}
        </dd>
      </dl>
    </div>
  </div>

  <div class="nv-card">
    <div class="nv-card-head">
      <span class="nv-card-title">{lang admin.runtime_stats}</span>
      <span class="nv-muted">{lang admin.cache_runtime_scope}</span>
    </div>
    <div class="nv-card-body">
      <dl class="nv-kv">
        <dt>{lang admin.cache_view_rendered}</dt><dd>{$stats.view.rendered|default=0}</dd>
        <dt>{lang admin.cache_view_compiled_count}</dt><dd>{$stats.view.compiled|default=0}</dd>
        <dt>{lang admin.hooks_count}</dt><dd>{$stats.hook.hooks|default=0}</dd>
        <dt>{lang admin.listeners_count}</dt><dd>{$stats.hook.listeners|default=0}</dd>
        <dt>{lang admin.container_built}</dt><dd>{$stats.container.built|default=0}</dd>
        <dt>{lang admin.container_reflect}</dt><dd>{$stats.container.reflect|default=0}</dd>
        <dt>{lang admin.content_models_cache}</dt><dd>{$stats.content.cached_fields|default=0} {lang admin.fields_sets}</dd>
        <dt>{lang admin.plugins_enabled_total}</dt><dd>{$stats.plugin.enabled|default=0} / {$stats.plugin.total|default=0}</dd>
      </dl>
    </div>
  </div>
</div>

<script>
(function () {
  var csrf = document.body.getAttribute('data-csrf') || '';
  var box = document.getElementById('maintBox');
  var out = document.getElementById('maintOut');
  var title = document.getElementById('maintTitle');

  function render(name, data) {
    if (!box || !out || !title) { return; }
    title.textContent = name;
    var lines = [];
    if (data) {
      for (var key in data) {
        if (Object.prototype.hasOwnProperty.call(data, key)) {
          lines.push('· ' + key + ': ' + data[key]);
        }
      }
    }
    out.textContent = lines.length ? lines.join('\n') : '{lang admin.cache_done}';
    box.style.display = '';
  }

  function post(url, btn, name) {
    if (!btn) { return; }
    btn.disabled = true;
    var label = btn.textContent;
    btn.textContent = '{lang admin.processing}';
    var fd = new FormData();
    fd.append('_token', csrf);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', url, true);
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    xhr.onload = function () {
      btn.disabled = false;
      btn.textContent = label;
      var res = null;
      try { res = JSON.parse(xhr.responseText); } catch (e) { res = null; }
      if (res && res.code === 0) {
        render(name, res.data);
      } else {
        alert(res && res.message ? res.message : '{lang admin.op_failed}');
      }
    };
    xhr.onerror = function () {
      btn.disabled = false;
      btn.textContent = label;
      alert('{lang admin.network_error}');
    };
    xhr.send(fd);
  }

  var clear = document.getElementById('btnClear');
  var rebuild = document.getElementById('btnRebuild');
  if (clear) { clear.addEventListener('click', function () { post('{$entry_prefix}/admin/cache/clear', clear, '{lang admin.cache_clear_result}'); }); }
  if (rebuild) { rebuild.addEventListener('click', function () { post('{$entry_prefix}/admin/cache/rebuild', rebuild, '{lang admin.cache_rebuild_result}'); }); }
})();
</script>