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

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


    <div ng-controller="listWebsitesCage" class="container">

        <div id="page-title">
            <h2 id="domainNamePage">{% trans "List Websites" %}</h2>
            <p>{% trans "Enable/Disable and view CageFS status for websites." %}</p>
        </div>

        <div class="panel">
            <div class="panel-body">
                <div style="padding-bottom: 0px; padding-top: 15px;" class="form-group">
                    <label class="col-sm-3 control-label"></label>
                    <div class="col-sm-6">
                        <div class="example-box-wrapper">

                            <div class="content-box remove-border clearfix text-center">

                                <a class="btn btn-primary" href="#" title="">
                            <span>{% trans "Default: " %}
                            <b>{$ default $}</b></span>
                                </a>

                                <a href="#" ng-click="enableOrDisable(0, 0, 0, 1)"
                                   class="btn btn-border btn-alt border-green btn-link font-green"
                                   title=""><span>Toggle Default</span></a>


                                <a href="#" ng-click="enableOrDisable(0, 1, 1, 0)" class="btn btn-success" title="Enable All">

                                    <i class="fa fa-play btn-icon"></i>
                                </a>
                                <a href="#" ng-click="enableOrDisable(0, 1, 0, 0)" class="btn btn-warning" title="Disable All">

                                    <i class="fa fa-pause btn-icon"></i>
                                </a>

                                <a href="#" ng-click="refreshStatus()" class="btn btn-info" title="Refresh Status">
                                    <i class="fa fa-refresh btn-icon"></i>
                                </a>


                            </div>

                        </div>
                    </div>
                </div>
                <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 <img ng-hide="cyberPanelLoading" src="/static/images/loading.gif"></th>
                            <th>User</th>
                            <th>Actions</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr ng-repeat="web in WebSitesList track by $index">
                            <td ng-bind="web.domain"></td>
                            <td ng-bind="web.externalApp"></td>
                            <td>
                                <a ng-click="enableOrDisable(web.domain, 0, 0, 0)" ng-hide="web.status==0"
                                   class="btn btn-border btn-alt border-red btn-link font-red"
                                   title=""><span>Disable</span></a>
                                <a ng-click="enableOrDisable(web.domain, 0, 1, 0)" ng-hide="web.status==1"
                                   class="btn btn-border btn-alt border-green btn-link font-green"
                                   title=""><span>Enable</span></a>
                            </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 %}