{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Domains - 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 Domains" %} - <a  target="_blank" href="http://go.cyberpanel.net/emailLimits" style="height: 23px;line-height: 21px;" class="btn btn-border btn-alt border-red btn-link font-red" title=""><span>{% trans "Email Limits Docs" %}</span></a></h2>
       <p>{% trans "On this page you manage emails limits for Domains/Email Addresses" %}</p>
    </div>

<div ng-controller="listDomains" class="panel">
    <div class="panel-body">

    <h3 class="content-box-header">
            {% trans "Domains" %} <img ng-hide="emailLimitsLoading" src="{% static 'images/loading.gif' %}">
        </h3>

    {% if installCheck == 0 %}

        <div class="row">
            <div class="col-md-12 text-center" style="margin-bottom: 2%;">
                <h4 class="mb-10">{% trans "Email Policy Server is not enabled " %}
                </h4>
                    <a href="{% url 'emailPolicyServer' %}">
                        <button class="btn btn-alt btn-hover btn-blue-alt">
                            <span>{% trans "Enable Now." %}</span>
                            <i class="glyph-icon icon-arrow-right"></i>
                        </button>
                    </a>
            </div>
        </div>
    {% else %}
        <div 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>Emails Accounts</th>
                    <th>Monthly Limit</th>
                    <th>Monthly Used</th>
                    <th>Limit Status</th>
                    <th>Operations</th>
                </tr>
                </thead>
                <tbody>

                <tr ng-repeat="web in WebSitesList track by $index">
                    <td ><code ng-bind="web.domain"></code></td>
                    <td><code ng-bind="web.emails"></code></td>
                    <td><code ng-bind="web.monthlyLimit"></code></td>
                    <td><code ng-bind="web.monthlyUsed"></code></td>
                    <td>
                       <img style="margin-right: 4%;" ng-show="web.status==1"  title="{% trans 'Limits are being Applied!' %}"  src="{% static 'mailServer/vpsON.png' %}">
                       <button ng-click="enableDisableEmailLimits(0, web.domain)" ng-show="web.status==1" class="btn ra-100 btn-danger">{% trans 'Disable' %}</button>
                       <img style="margin-right: 4%;" ng-show="web.status==0"  title="{% trans 'Limits are not being applied!' %}"  src="{% static 'mailServer/vpsOff.png' %}">
                       <button ng-click="enableDisableEmailLimits(1, web.domain)" ng-show="web.status==0" class="btn ra-100 btn-success">{% trans 'Enable' %}</button>
                    </td>
                    <td>
                        <a href="/emailPremium/{$ web.domain $}"><button class="btn ra-100 btn-blue-alt">{% trans 'Manage' %}</button></a>
                    </td>
                </tr>

                </tbody>
                </table>

        <div ng-hide="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>

    {% endif %}
    </div>
</div>



{% endblock %}