{% extends 'administration/base.html.twig' %}

{% block title %}{{ info.label }} - Details{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h1 class="h3 mb-0">
                        <i class="bi bi-puzzle-fill text-primary"></i>
                        {{ info.label|trans }}
                    </h1>
                    <a href="{{ path('admin_plugins_index') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left"></i> {{ 'admin.role.back'|trans }}
                    </a>
                </div>

                <div class="row">
                    <div class="col-12 col-lg-8">
                        <div class="card shadow-sm">
                            <div class="card-header">
                                <h5 class="card-title mb-0">
                                    <i class="bi bi-info-circle"></i>
                                    {{ 'admin.plugin_information'|trans }}
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <dl class="row">
                                            <dt class="col-sm-4">{{ 'admin.name'|trans }}:</dt>
                                            <dd class="col-sm-8">{{ status.name|trans }}</dd>
                                            
                                            <dt class="col-sm-4">{{ 'admin.version'|trans }}:</dt>
                                            <dd class="col-sm-8">{{ status.version|trans }}</dd>
                                            
                                            <dt class="col-sm-4">{{ 'admin.author'|trans }}:</dt>
                                            <dd class="col-sm-8">{{ status.author|trans }}</dd>
                                            
                                            <dt class="col-sm-4">{{ 'admin.license'|trans }}:</dt>
                                            <dd class="col-sm-8">{{ status.license|trans }}</dd>
                                        </dl>
                                    </div>
                                    <div class="col-md-6">
                                        <dl class="row">
                                            <dt class="col-sm-4">{{ 'admin.status'|trans }}:</dt>
                                            <dd class="col-sm-8">
                                                <span class="badge bg-{{ status.installed ? 'success' : 'secondary' }} me-2">
                                                    {{ status.installed ? 'admin.installed'|trans : 'admin.not_installed'|trans }}
                                                </span>
                                                <span class="badge bg-{{ status.active ? 'primary' : 'light' }}">
                                                    {{ status.active ? 'admin.active'|trans : 'admin.inactive'|trans }}
                                                </span>
                                            </dd>
                                            
                                            <dt class="col-sm-4">{{ 'admin.description'|trans }}:</dt>
                                            <dd class="col-sm-8">{{ status.description|trans }}</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {% if status.dependencies %}
                            <div class="card shadow-sm mt-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="bi bi-link-45deg"></i>
                                        {{ 'admin.dependencies'|trans }}
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {% for dep in status.dependencies %}
                                            <div class="col-md-6 mb-2">
                                                <span class="badge bg-info">{{ dep|trans }}</span>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        {% endif %}

                        {% if status.requirements %}
                            <div class="card shadow-sm mt-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="bi bi-check-circle"></i>
                                        {{ 'admin.requirements'|trans }}
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {% for req, version in status.requirements %}
                                            <div class="col-md-6 mb-2">
                                                <strong>{{ req|trans }}:</strong> {{ version|trans }}
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        {% endif %}

                        {% if status.compatibility %}
                            <div class="card shadow-sm mt-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="bi bi-gear"></i>
                                        {{ 'admin.compatibility'|trans }}
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        {% for key, value in status.compatibility %}
                                            <div class="col-md-6 mb-2">
                                                <strong>{{ key|trans }}:</strong> {{ value|trans }}
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    </div>

                    <div class="col-12 col-lg-4">
                        <div class="card shadow-sm">
                            <div class="card-header">
                                <h5 class="card-title mb-0">
                                    <i class="bi bi-tools"></i>
                                    Aktionen
                                </h5>
                            </div>
                            <div class="card-body">
                                {% if not status.installed %}
                                    <form method="post" action="{{ path('admin_plugins_install', {name: status.name|trans}) }}" class="mb-3" id="installFormDetails">
                                        <button type="button" class="btn btn-success w-100" onclick="handlePluginInstallDetails('{{ status.name|trans }}')">
                                            <i class="bi bi-download"></i> {{ 'admin.install'|trans }}
                                        </button>
                                    </form>
                                {% else %}
                                    {% if not status.active %}
                                        <form method="post" action="{{ path('admin_plugins_activate', {name: status.name|trans}) }}" class="mb-3">
                                            <button type="submit" class="btn btn-primary w-100">
                                                <i class="bi bi-play-circle"></i> {{ 'admin.activate'|trans }}
                                            </button>
                                        </form>
                                    {% else %}
                                        <form method="post" action="{{ path('admin_plugins_deactivate', {name: status.name|trans}) }}" class="mb-3" id="deactivateFormDetails">
                                            <button type="button" class="btn btn-warning w-100" onclick="handlePluginDeactivateDetails('{{ status.name|trans }}')">
                                                <i class="bi bi-pause-circle"></i> {{ 'admin.deactivate'|trans }}
                                            </button>
                                        </form>
                                    {% endif %}
                                    
                                    <form method="post" action="{{ path('admin_plugins_uninstall', {name: status.name|trans}) }}" class="mb-3" id="uninstallFormDetails">
                                        <button type="button" class="btn btn-danger w-100" onclick="handlePluginUninstallDetails('{{ status.name|trans }}')">
                                            <i class="bi bi-trash"></i> {{ 'admin.uninstall'|trans }}
                                        </button>
                                    </form>
                                {% endif %}

                                {% if status.configuration and status.installed %}
                                    <a href="{{ path('admin_plugins_configure', {name: status.name|trans}) }}" class="btn btn-outline-primary w-100">
                                        <i class="bi bi-gear"></i> {{ 'admin.configure'|trans }}
                                    </a>
                                {% endif %}
                            </div>
                        </div>

                        {% if info.homepage or info.support %}
                            <div class="card shadow-sm mt-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="bi bi-link-45deg"></i>
                                        Links
                                    </h5>
                                </div>
                                <div class="card-body">
                                    {% if info.homepage %}
                                        <a href="{{ info.homepage|trans }}" target="_blank" class="btn btn-outline-secondary w-100 mb-2">
                                            <i class="bi bi-house"></i> Homepage
                                        </a>
                                    {% endif %}
                                    
                                    {% if info.support %}
                                        <a href="{{ info.support|trans }}" target="_blank" class="btn btn-outline-secondary w-100">
                                            <i class="bi bi-question-circle"></i> Support
                                        </a>
                                    {% endif %}
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# Array-Felder aus info schön ausgeben #}
    {% for key, value in info %}
      {% if value is iterable %}
        <div class="card shadow-sm mt-4">
          <div class="card-header">
            <h5 class="card-title mb-0">
              <i class="bi bi-list-ul"></i>
              {{ key|capitalize }}
            </h5>
          </div>
          <div class="card-body">
            {% if key == 'dependencies' and value|length > 0 and (value|keys|first is not same as(0)) %}
              <table class="table table-sm table-bordered mb-0">
                <thead>
                  <tr><th>Paket</th><th>Version</th></tr>
                </thead>
                <tbody>
                  {% for pkg, version in value %}
                    <tr><td>{{ pkg|trans }}</td><td>{{ version|trans }}</td></tr>
                  {% endfor %}
                </tbody>
              </table>
            {% else %}
              <ul class="mb-0">
                {% for item in value %}
                  <li>{{ item|trans }}</li>
                {% endfor %}
              </ul>
            {% endif %}
          </div>
        </div>
      {% endif %}
    {% endfor %}

    <script>
        // Plugin Management Functions for Details Page
        async function handlePluginInstallDetails(pluginName) {
            const message = t('admin.plugin.install_confirm_message').replace('{pluginName}', pluginName);
            const confirmed = await showConfirm(
                message,
                t('admin.plugin.install_confirm_title'),
                {
                    confirmText: t('admin.plugin.install'),
                    confirmClass: 'btn-success',
                    icon: 'bi-download text-success'
                }
            );
            
            if (confirmed) {
                document.getElementById('installFormDetails').requestSubmit();
            }
        }

        async function handlePluginDeactivateDetails(pluginName) {
            const message = t('admin.plugin.deactivate_confirm_message').replace('{pluginName}', pluginName);
            const confirmed = await showConfirm(
                message,
                t('admin.plugin.deactivate_confirm_title'),
                {
                    confirmText: t('admin.plugin.deactivate'),
                    confirmClass: 'btn-warning',
                    icon: 'bi-pause-circle text-warning'
                }
            );
            
            if (confirmed) {
                document.getElementById('deactivateFormDetails').requestSubmit();
            }
        }

        async function handlePluginUninstallDetails(pluginName) {
            const message = t('admin.plugin.uninstall_confirm_message').replace('{pluginName}', pluginName) + '<br><small class="text-muted">' + t('admin.plugin.uninstall_warning') + '</small>';
            const confirmed = await showConfirm(
                message,
                t('admin.plugin.uninstall_confirm_title'),
                {
                    confirmText: t('admin.plugin.uninstall'),
                    confirmClass: 'btn-danger',
                    icon: 'bi-trash text-danger'
                }
            );
            
            if (confirmed) {
                document.getElementById('uninstallFormDetails').requestSubmit();
            }
        }
    </script>
{% endblock %}