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

{% block title %}Plugin Store{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <div>
    <h1 class="mb-1">NetBox Plugin Store</h1>
    <p class="text-secondary mb-0">Freigegebene Plugins für diese NetBox-Instanz.</p>
  </div>
  {% if runtime %}
    <span class="badge {% if runtime.execution_mode == 'dry_run' %}text-bg-warning{% else %}text-bg-success{% endif %}">
      Modus: {{ runtime.execution_mode }}
    </span>
  {% endif %}
</div>

{% if store_error %}
  <div class="alert alert-danger" role="alert">
    <strong>Store nicht erreichbar:</strong> {{ store_error }}
  </div>
{% endif %}

<div class="row row-cards">
  {% for card in cards %}
    <div class="col-sm-6 col-xl-4">
      <div class="card h-100">
        <div class="card-body">
          <div class="d-flex justify-content-between">
            <h3 class="card-title">{{ card.plugin.name }}</h3>
            {% if card.plugin.approved %}
              <span class="badge text-bg-success">Freigegeben</span>
            {% else %}
              <span class="badge text-bg-danger">Nicht freigegeben</span>
            {% endif %}
          </div>
          <p class="text-secondary">{{ card.plugin.summary|default:"Keine Zusammenfassung vorhanden." }}</p>
          <dl class="row mb-0">
            <dt class="col-5">Verfügbar</dt><dd class="col-7">{{ card.plugin.latest_version|default:"Kein Artefakt freigegeben" }}</dd>
            <dt class="col-5">Installiert</dt><dd class="col-7">{{ card.installed_version|default:"–" }}</dd>
            <dt class="col-5">Status</dt>
            <dd class="col-7">
              {% if card.enabled %}aktiv{% elif card.installed %}deaktiviert{% else %}nicht installiert{% endif %}
            </dd>
          </dl>
        </div>
        <div class="card-footer">
          <a class="btn btn-primary" href="{% url 'plugins:netbox_plugin_store:plugin-detail' slug=card.plugin.slug %}">
            Details
          </a>
        </div>
      </div>
    </div>
  {% empty %}
    {% if not store_error %}<p class="text-secondary">Der Store enthält noch keine freigegebenen Plugins.</p>{% endif %}
  {% endfor %}
</div>
{% endblock %}