{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %}
/plugins/detail/<slug> — one plugin.

Rendered server side: the row, what it actually bound, whether the files still
hash to what was installed, and its log. Everything on this page is escaped by
Django's autoescaping; a plugin's author-controlled name, description and log
messages are never marked safe.
{% endcomment %}

{% block title %}{% if missing %}Plugin not found{% else %}{{ plugin.name }}{% endif %}{% endblock %}

{% block styles %}
  {% include "pluginHolder/_styles.html" %}
{% endblock %}

{% block content %}
{% if missing %}
  <div class="cp-plugin-card p-4">
    <h1 class="h5 mb-2">Plugin not found</h1>
    <p class="cp-plugin-muted mb-3">
      No plugin named <span class="cp-plugin-mono">{{ slug }}</span> is installed.
    </p>
    <a href="/plugins/" class="btn btn-outline-secondary btn-sm">Back to plugins</a>
  </div>
{% else %}
<div ng-controller="pluginDetailController">

  {{ pluginJSON|json_script:"cpPluginRow" }}

  <div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-4">
    <div>
      <h1 class="h4 mb-1">{{ plugin.name }}</h1>
      <p class="cp-plugin-muted mb-0 small">
        <span class="cp-plugin-mono">{{ plugin.slug }}</span>
        &middot; version {{ plugin.version }}
        {% if plugin.author %} &middot; by {{ plugin.author }}{% endif %}
        {% if plugin.homepage %}
          &middot; <a href="{{ plugin.homepage }}" target="_blank" rel="noopener noreferrer">homepage</a>
        {% endif %}
      </p>
    </div>
    <div class="d-flex gap-2">
      <a href="/plugins/" class="btn btn-outline-secondary btn-sm">
        <i class="fas fa-arrow-left me-1" aria-hidden="true"></i>All plugins
      </a>
      <a href="/plugins/settings/{{ plugin.slug }}" class="btn btn-outline-secondary btn-sm">
        <i class="fas fa-sliders me-1" aria-hidden="true"></i>Settings
      </a>
    </div>
  </div>

  {% include "pluginHolder/_warning.html" %}

  <div class="alert alert-danger py-2 px-3 mt-3" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fas fa-circle-exclamation me-1" aria-hidden="true"></i>
    <span ng-bind="errorMessage"></span>
  </div>
  <div class="alert alert-success py-2 px-3 mt-3" ng-show="okMessage" ng-cloak role="status">
    <i class="fas fa-circle-check me-1" aria-hidden="true"></i>
    <span ng-bind="okMessage"></span>
  </div>

  {% if plugin.loadError %}
    <div class="alert alert-danger mt-3" role="alert">
      <strong>The last load attempt failed.</strong>
      <pre class="cp-plugin-log mt-2 mb-0">{{ plugin.loadError }}</pre>
    </div>
  {% endif %}

  {% if not compatible %}
    <div class="alert alert-warning mt-3" role="alert">
      This plugin declares support for {{ plugin.compatibilityLabel }}, but this panel is
      version {{ panelVersion }}. It will refuse to load until the author widens the range.
    </div>
  {% endif %}

  {% if checksumState.readable and plugin.checksum and not checksumState.matches %}
    <div class="alert alert-danger mt-3" role="alert">
      <strong>The files changed since installation.</strong>
      Installed as <span class="cp-plugin-mono">{{ plugin.checksum }}</span>,
      the directory now hashes to <span class="cp-plugin-mono">{{ checksumState.current }}</span>.
      The plugin cannot be enabled until it is re-installed, because the code on disk is
      not the code that was checked.
    </div>
  {% elif not checksumState.readable %}
    <div class="alert alert-warning mt-3" role="alert">
      The plugin directory could not be read: {{ checksumState.error }}
    </div>
  {% endif %}

  <div class="row g-3 mt-1">
    <!-- ------------------------------------------------------------ state -->
    <div class="col-lg-5">
      <div class="cp-plugin-card p-3 p-md-4 h-100">
        <h2 class="h6 mb-3">State</h2>
        <dl class="row mb-0 small">
          <dt class="col-5 cp-plugin-muted">Enabled</dt>
          <dd class="col-7">{% if plugin.enabled %}Yes{% else %}No{% endif %}</dd>

          <dt class="col-5 cp-plugin-muted">Loaded in this process</dt>
          <dd class="col-7">
            <span class="cp-plugin-dot {% if plugin.isLoaded %}cp-plugin-dot--live{% elif plugin.enabled %}cp-plugin-dot--bad{% endif %}"></span>
            {% if plugin.isLoaded %}Yes{% else %}No{% endif %}
          </dd>

          <dt class="col-5 cp-plugin-muted">Compatibility</dt>
          <dd class="col-7">{{ plugin.compatibilityLabel }}</dd>

          <dt class="col-5 cp-plugin-muted">Source</dt>
          <dd class="col-7">{{ plugin.get_source_display }}</dd>

          <dt class="col-5 cp-plugin-muted">Installed</dt>
          <dd class="col-7">
            {{ plugin.installedAt }}
            {% if plugin.installedBy %}by {{ plugin.installedBy.userName }}{% endif %}
          </dd>

          <dt class="col-5 cp-plugin-muted">Last loaded</dt>
          <dd class="col-7">{{ plugin.lastLoadedAt|default:"never" }}</dd>

          <dt class="col-5 cp-plugin-muted">Directory</dt>
          <dd class="col-7 cp-plugin-mono">{{ pluginPath }}</dd>

          <dt class="col-5 cp-plugin-muted">Checksum at install</dt>
          <dd class="col-7 cp-plugin-mono">{{ plugin.checksum|default:"—" }}</dd>

          <dt class="col-5 cp-plugin-muted">Checksum now</dt>
          <dd class="col-7 cp-plugin-mono">{{ checksumState.current|default:"—" }}</dd>
        </dl>

        <div class="d-flex flex-wrap gap-2 mt-4">
          <button type="button" class="btn btn-primary btn-sm"
                  ng-show="!plugin.enabled" ng-disabled="busy" ng-click="enable()">
            <i class="fas fa-play me-1" aria-hidden="true"></i>Enable
          </button>
          <button type="button" class="btn btn-outline-secondary btn-sm"
                  ng-show="plugin.enabled" ng-disabled="busy" ng-click="disable()">
            <i class="fas fa-pause me-1" aria-hidden="true"></i>Disable
          </button>
          <button type="button" class="btn btn-outline-danger btn-sm"
                  ng-disabled="busy" ng-click="uninstall()">
            <i class="fas fa-trash me-1" aria-hidden="true"></i>Uninstall
          </button>
        </div>
        <p class="small cp-plugin-muted mt-3 mb-0">
          Disabling detaches every hook immediately. The module stays in memory until
          the panel restarts — Python cannot truly unload one — but nothing will call it.
        </p>
      </div>
    </div>

    <!-- ------------------------------------------------------------ hooks -->
    <div class="col-lg-7">
      <div class="cp-plugin-card p-3 p-md-4 h-100">
        <h2 class="h6 mb-1">Hooks</h2>
        <p class="cp-plugin-muted small">
          What this plugin is bound to right now, next to what its manifest declared.
          A declared hook with nothing bound means <code>register()</code> did not attach it.
        </p>

        {% if liveHooks %}
          {% for entry in liveHooks %}
            <div class="cp-plugin-hook">
              <code class="fw-semibold">{{ entry.name }}</code>
              <ul class="small mb-0 mt-2 ps-3">
                {% for bound in entry.entries %}
                  <li>
                    <span class="cp-plugin-mono">{{ bound.callable }}</span>
                    at priority {{ bound.priority }}
                    {% if bound.failures %}
                      &middot; <span class="text-danger">{{ bound.failures }} failure(s) this run</span>
                    {% endif %}
                  </li>
                {% endfor %}
              </ul>
            </div>
          {% endfor %}
        {% else %}
          <p class="cp-plugin-muted small">Nothing is bound in this process.</p>
        {% endif %}

        <h3 class="h6 mt-4 mb-2">Declared in the manifest</h3>
        {% for hook in plugin.declaredHooks %}
          <span class="cp-plugin-chip">{{ hook }}</span>
        {% empty %}
          <span class="cp-plugin-muted small">No hooks declared.</span>
        {% endfor %}

        {% if plugin.declaredPermissions %}
          <h3 class="h6 mt-4 mb-2">Permissions the author asked for</h3>
          {% for perm in plugin.declaredPermissions %}
            <span class="cp-plugin-chip cp-plugin-chip--warn">{{ perm }}</span>
          {% endfor %}
          <p class="small cp-plugin-muted mt-2 mb-0">
            These are documentation, not enforcement. A plugin runs with the panel's own
            access regardless of what it declares here.
          </p>
        {% endif %}

        {% if plugin.description %}
          <h3 class="h6 mt-4 mb-2">Description</h3>
          <p class="small mb-0">{{ plugin.description }}</p>
        {% endif %}
      </div>
    </div>
  </div>

  <!-- -------------------------------------------------------------- log -->
  <div class="cp-plugin-card p-3 p-md-4 mt-4">
    <h2 class="h6 mb-1">Plugin log</h2>
    <p class="cp-plugin-muted small">
      Every exception a hook raised, contained so the panel operation could finish.
      Newest first, last {{ logs|length }} entr{{ logs|length|pluralize:"y,ies" }}.
    </p>
    {% if logs %}
      <div class="cp-plugin-log">{% for entry in logs %}<div class="cp-plugin-log__{{ entry.level }}">[{{ entry.ts }}] {{ entry.level|upper }}: {{ entry.message }}</div>{% endfor %}</div>
    {% else %}
      <p class="cp-plugin-muted small mb-0">Nothing logged yet.</p>
    {% endif %}
  </div>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
  <script src="{% static 'pluginHolder/pluginHolder.js' %}"></script>
{% endblock %}