{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Monitor Usage - 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 "List Websites" %}</h2>
            <p>{% trans "Monitor usage of your websites." %}</p>
        </div>

        <div class="panel">
            <div class="panel-body">
                <h3 class="title-hero">
                    {% trans "Websites" %}
                </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>Domain</th>
                            <th>Launch</th>
                            <th>IP Address</th>
                            <th>Package</th>
                            <th>Owner</th>
                            <th>State</th>
                            <th>Email</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr ng-repeat="web in WebSitesList track by $index">
                            <td ng-bind="web.domain"></td>
                            <td><a href="/CloudLinux/manage/{$ web.domain $}"><img width="30px" height="30"
                                                                                  class="center-block"
                                                                                  src="{% static 'baseTemplate/assets/image-resources/webPanel.png' %}"></a>
                            </td>
                            <td ng-bind="web.ipAddress"></td>
                            <td ng-bind="web.package"></td>
                            <td ng-bind="web.admin"></td>
                            <td ng-bind="web.state"></td>
                            <td ng-bind="web.adminEmail"></td>
                        </tr>

                        </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">

                                        <li ng-repeat="page in pagination" ng-click="getFurtherWebsitesFromDB($index+1)" id="webPages"><a
                                                href="">{$ $index + 1 $}</a></li>

                                </ul>
                            </nav>


                        </div>


                    </div>

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

    </div>



{% endblock %}