{% extends "base.html" %}
{% block title %}Plugins - Hermetic Suite{% endblock %}
{% block content %}
<div class="page-header">
    <div class="page-title">
        <h1 class="icon" id="plugins">Plugins</h1>
        <p>Extend Hermetic Suite with additional functionality</p>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3>Install Plugin</h3>
    </div>
    <div class="card-body">
        <form action="{{ url_for('plugins.upload_plugin') }}" method="POST" enctype="multipart/form-data">
            <div class="form-row">
                <div class="form-group" style="flex: 2;">
                    <label for="plugin_file">Plugin File</label>
                    <input type="file" id="plugin_file" name="plugin_file" accept=".tar.gz,.tgz,.zip" required>
                    <small class="text-muted">Upload a plugin archive (.tar.gz, .tgz, or .zip)</small>
                </div>
                <div class="form-group" style="flex: 0 0 auto; display: flex; align-items: flex-end;">
                    <button type="submit" class="btn btn-primary">Install Plugin</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card" style="margin-top: 1.5rem;">
    <div class="card-header">
        <h3>Installed Plugins</h3>
    </div>
    <div class="card-body">
        {% if plugins %}
        <table class="table">
            <thead>
                <tr>
                    <th>Plugin</th>
                    <th>Version</th>
                    <th>Author</th>
                    <th>Description</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for plugin in plugins %}
                <tr>
                    <td>
                        <span style="font-size: 1.2em;">{{ plugin.menu_icon }}</span>
                        <strong>{{ plugin.display_name }}</strong>
                    </td>
                    <td>{{ plugin.version }}</td>
                    <td>{{ plugin.author or '-' }}</td>
                    <td>{{ plugin.description }}</td>
                    <td>
                        {% if plugin.enabled %}
                        <span class="badge badge-success">Enabled</span>
                        {% else %}
                        <span class="badge badge-secondary">Disabled</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if plugin.enabled %}
                        <form action="{{ url_for('plugins.toggle_plugin', plugin_name=plugin.name) }}" method="POST" style="display: inline;">
                            <button type="submit" class="btn btn-sm btn-warning">Disable</button>
                        </form>
                        {% else %}
                        <form action="{{ url_for('plugins.toggle_plugin', plugin_name=plugin.name) }}" method="POST" style="display: inline;">
                            <button type="submit" class="btn btn-sm btn-success">Enable</button>
                        </form>
                        {% endif %}
                        <form action="{{ url_for('plugins.uninstall_plugin', plugin_name=plugin.name) }}" method="POST" style="display: inline;">
                            <button type="submit" class="btn btn-sm btn-danger" 
                                onclick="return confirm('Uninstall {{ plugin.display_name }}? This will remove the plugin files but preserve any database tables it created.')">>
                                Uninstall
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        
        <p class="text-muted" style="margin-top: 1rem; font-size: 0.9em;">
            <strong>Note:</strong> After installing or updating plugins, restart the service from the <a href="{{ url_for('settings.settings_page') }}">Settings</a> page for changes to take effect.
        </p>
        {% else %}
        <div class="empty-state">
            <p>No plugins installed yet.</p>
            <p class="text-muted">Plugins extend Hermetic Suite with features like web security testing, database auditing, SSL monitoring, and more.</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}