{% extends "base.html" %}

{% block title %}{{ label_type }}: {{ label_value }} - {{ marketplace.name }}{% endblock %}
{% block css_path %}../../static/style.css{% endblock %}
{% block js_path %}../../static/theme.js{% endblock %}
{% block home_href %}../../index.html{% endblock %}
{% block logo_path %}../../static/{{ logo }}{% endblock %}

{% block content %}
<nav class="breadcrumb">
    <a href="../../index.html">Home</a>
    <span class="breadcrumb-sep">&rsaquo;</span>
    <span>{{ label_type }}: {{ label_value }}</span>
</nav>

<section class="marketplace-info">
    <h1>{{ label_type }}: {{ label_value }}</h1>
    <div class="marketplace-meta">
        <span class="meta-item">Plugins: <strong>{{ plugins | length }}</strong></span>
    </div>
</section>

<section class="plugin-grid">
    {% for plugin in plugins %}
    <article class="plugin-card">
        <a href="../../plugins/{{ plugin.name }}/index.html" class="card-link">
            <div class="card-body">
                <h2 class="card-title">{{ plugin.name }}</h2>
                {% if plugin.description %}
                <p class="card-description">{{ plugin.description }}</p>
                {% endif %}
                <div class="card-badges">
                    {% if plugin.category %}
                    <span class="badge badge-category">{{ plugin.category }}</span>
                    {% endif %}
                    {% if plugin.components.skills %}
                    <span class="badge badge-skills">Skills</span>
                    {% endif %}
                    {% if plugin.components.commands %}
                    <span class="badge badge-commands">Commands</span>
                    {% endif %}
                    {% if plugin.components.agents %}
                    <span class="badge badge-agents">Agents</span>
                    {% endif %}
                    {% if plugin.components.hooks %}
                    <span class="badge badge-hooks">Hooks</span>
                    {% endif %}
                    {% if plugin.components.mcp_servers %}
                    <span class="badge badge-mcp">MCP</span>
                    {% endif %}
                    {% if plugin.components.lsp_servers %}
                    <span class="badge badge-lsp">LSP</span>
                    {% endif %}
                </div>
            </div>
            <div class="card-footer">
                {% if plugin.author %}
                <span class="card-author">{{ plugin.author.name }}</span>
                {% endif %}
                {% if plugin.version %}
                <span class="card-version">v{{ plugin.version }}</span>
                {% endif %}
            </div>
        </a>
    </article>
    {% endfor %}
</section>
{% endblock %}