{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}Installed Plugin - CyberPanel{% endblock %}
{% block content %}

{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->


<div class="container">

    <div id="page-title">
       <h2 id="domainNamePage">{% trans "Plugins" %}</h2>
       <p>{% trans "List of installed plugins on your CyberPanel." %}</p>
    </div>

<div class="panel">
    <div class="panel-body">
        <h3 class="title-hero">
            {% trans "Plugins" %}
        </h3>
        <div ng-controller="listWebsites" class="example-box-wrapper">

                <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="datatable-example">
                <thead>
                <tr>
                    <th>{% trans "Name" %}</th>
                    <th>{% trans "Type" %}</th>
                    <th>{% trans "Description" %}</th>
                    <th>{% trans "Version" %}</th>
                </tr>
                </thead>
                <tbody>

                {% for plugin in plugins %}

                <tr>
                    <td>{{ plugin.name }}</td>
                    <td>{{ plugin.type }}</td>
                    <td>{{ plugin.desc }}</td>
                    <td >{{ plugin.version }}</td>
                </tr>

                {% endfor %}

                </tbody>
                </table>

        <div id="listFail" class="alert alert-danger">
            <p>{% trans "Cannot list websites. Error message:" %} {$ errorMessage $}</p>
        </div>

            <div class="row">

                            <div class="col-sm-4 col-sm-offset-8">

                                <nav aria-label="Page navigation">
                                      <ul class="pagination">


                                            {% for items in pagination %}

                                                <li ng-click="getFurtherWebsitesFromDB({{ forloop.counter }})" id="webPages"><a href="">{{ forloop.counter }}</a></li>

                                            {% endfor %}

                                      </ul>
                                    </nav>


                            </div>


                        </div>

        </div>
    </div>
</div>



{% endblock %}