{% extends 'base/layout.html' %}

{% block title %}{{ plugin.name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-start mb-3">
  <div>
    <a href="{% url 'plugins:netbox_plugin_store:catalog' %}">← Zurück zum Katalog</a>
    <h1 class="mt-2 mb-1">{{ plugin.name }}</h1>
    <p class="text-secondary">{{ plugin.summary }}</p>
  </div>
  <div class="btn-list">
    {% for action in actions %}
      <a class="btn {% if action == 'uninstall' or action == 'disable' %}btn-outline-danger{% else %}btn-primary{% endif %}"
         href="{% url 'plugins:netbox_plugin_store:lifecycle-confirm' slug=plugin.slug action=action %}">
        {% if action == 'install' %}Installieren{% elif action == 'update' %}Aktualisieren{% elif action == 'enable' %}Aktivieren{% elif action == 'disable' %}Deaktivieren{% else %}Deinstallieren{% endif %}
      </a>
    {% endfor %}
  </div>
</div>

{% if local_status and local_status.restart_required %}
  <div class="alert alert-warning">Ein Neustart von NetBox und den Workern ist erforderlich.</div>
{% endif %}

<div class="row">
  <div class="col-lg-8">
    <div class="card mb-3">
      <div class="card-header"><h2 class="card-title">README / Beschreibung</h2></div>
      <div class="card-body">
        <div class="text-break">{{ plugin.description|default:plugin.summary|linebreaksbr }}</div>
      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="card mb-3">
      <div class="card-header"><h2 class="card-title">Paket</h2></div>
      <div class="card-body">
        <dl class="row mb-0">
          <dt class="col-5">Distribution</dt><dd class="col-7"><code>{{ plugin.package_name }}</code></dd>
          <dt class="col-5">Import</dt><dd class="col-7"><code>{{ plugin.import_name }}</code></dd>
          <dt class="col-5">Installiert</dt><dd class="col-7">{{ state.installed_version|default:"–" }}</dd>
          <dt class="col-5">Aktiv</dt><dd class="col-7">{{ state.enabled|yesno:"Ja,Nein" }}</dd>
          <dt class="col-5">NetBox</dt><dd class="col-7">{{ plugin.min_netbox_version|default:"–" }} – {{ plugin.max_netbox_version|default:"–" }}</dd>
        </dl>
        {% if plugin.repository_url %}
          <a class="btn btn-outline-secondary mt-3" href="{{ plugin.repository_url }}" target="_blank" rel="noopener noreferrer">Repository öffnen</a>
        {% endif %}
      </div>
    </div>
    <div class="card">
      <div class="card-header"><h2 class="card-title">Releases</h2></div>
      <div class="list-group list-group-flush">
        {% for item in releases %}
          <div class="list-group-item d-flex justify-content-between">
            <span>{{ item.release.version }}</span>
            {% if item.compatible and item.release.approved and item.release.immutable and item.release.sha256 %}
              <span class="badge bg-green">installierbar</span>
            {% else %}
              <span class="badge bg-secondary">gesperrt</span>
            {% endif %}
          </div>
        {% empty %}
          <div class="list-group-item text-secondary">Keine Releases</div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% endblock %}