[%
USE Api2;
USE Master;
USE CPBranding;
USE Apache;
USE VarCache;

SET CPANEL.CPVAR.indexpage = "1";

SET homeDir = CPANEL.homedir,
    isReseller = ExpVar.expand('$isresellerlogin'),
    domain = CPANEL.CPDATA.DNS,
    user_theme = CPANEL.CPDATA.RS,
    user = CPANEL.user;

SET embeded_styles_list = ["home/dashboard.css"];
SET page_styles_list = [];

IF !CPANEL.ua_is_mobile;
    embeded_styles_list.push("css/angular-chosen-spinner.css");
    page_styles_list.push("libraries/chosen/1.5.1/chosen.min.css");
END;

SET applist = ["tls_status"];
SET apps = {};

FOREACH applist_item IN applist;
    apps.$applist_item = CPBranding.get_application_from_available_applications(varcache.available_applications, applist_item);
END;

SET upgradeUrl = CPANEL.CPVAR.dprefix _ CPBranding.get_implementer_from_available_applications(
        varcache.available_applications,
        'upgrade',
    ).url;
%]

[% js_code_first = PROCESS js_block_first %]

[% js_page_first = PROCESS register_nvdata %]

[% WRAPPER '_assets/master.html.tt'
    page_title = locale.maketext("Tools")
    page_js_top = js_code_first
    page_js = js_page_first
    include_legacy_stylesheets = 0
    include_legacy_scripts = 0
    include_cjt = 0
    embed_stylesheets = embeded_styles_list
    page_stylesheets = page_styles_list
    hide_page_heading = 0
    app_key = "home"
    use_master_bootstrap = 0
    focus_feature_search = 1
-%]
<div growl limit-messages="1"></div>

<!-- NOTE: leave the alert-group in single quotes -->
<cp-alert-list alert-group="'nginxClearCache'"></cp-alert-list>

<div class="row">
    <div id="main" class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
        [% PROCESS home/views/applicationList.html.tt %]
    </div><!-- end main -->

    <div id="stats" class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
        <div id="generalInfoSection" class="panel panel-widget">
            <div id="generalInfoHeaderSection" class="panel-heading widget-heading">
                <span role="heading" aria-level="3">[% locale.maketext("General Information") %]</span>
            </div>
            <table class="table">
                <tbody>
                    <tr>
                        <td colspan="2" ng-controller="accountsController">
                            <label id="lblUserName" class="general-info-label updating-elements">[% locale.maketext("Current User") %]</label>
                            [% IF isReseller %]
                                <span id="resellerSpinner" class="fas fa-spinner fa-spin updating-elements" title="[% locale.maketext('Loading …') %]" ng-hide="updated"></span>
                                [% IF !CPANEL.ua_is_mobile %]
                                    <select width="'98%'"
                                        id="ddlAccounts"
                                        class="form-control ng-hide ng-cloak"
                                        search_contains="true"
                                        chosen
                                        ng-class="{ 'chosen-rtl': isRTL }"
                                        ng-options="item as item.accountLabel for item in accounts track by item.user"
                                        ng-model="selectedAccount"
                                        ng-change="accountChanged()">
                                    </select>
                                [% ELSE %]
                                    <select id="ddlAccounts"
                                        class="form-control ng-cloak"
                                        ng-options="item as item.accountLabel for item in accounts track by item.user"
                                        ng-model="selectedAccount"
                                        ng-change="accountChanged()">
                                    </select>
                                [% END %]
                            [% ELSE %]
                                <span id="txtUserName" class="general-info-value">[% user %]</span>
                            [% END %]
                        </td>
                    </tr>
                    [% IF apps.tls_status %]
                    <tr id="domainNameRow" ng-controller="sslStatusController" ng-init="primaryDomain = '[% domain %]'; " ng-class="{'warning':sslStatusLoaded && !sslSecured}" class="app-stat-row">
                        <td class="app-stat-data">
                            <label id="lblDomainName" class="general-info-label">
                                [% locale.maketext("Primary Domain") %]
                                <span ng-if="sslStatusString" ng-cloak class="ng-cloak" ng-class="statusColorClasses">
                                    <span id="sslStatusToolTip" ng-if="certHasErrors">
                                    <i uib-tooltip="{{certErrorsMessage}}" class="ri-1x ri-error-warning-line ssl-error-icon" aria-hidden="true"></i>
                                    <span class="sr-only">{{certErrorsMessage}}</span>
                                    </span>
                                </span>
                            </label>
                            <div id="txtDomainName" class="general-info-value">
                                <span uib-tooltip="{{expandedSslStatusString}}" ng-class="sslValidationIconClasses" class="fas fa-spinner fa-spin"></span>
                                <a ng-href="{{ domainLink }}" target="_blank" title="[% locale.maketext('Preview “[_1]”', domain) %]">
                                    [% domain %]
                                    <i class="ri-1x ri-external-link-line" aria-hidden="true"></i>
                                </a>
                            </div>
                            <div class="ssl-link-container" ng-cloak ng-if="certHasErrors">
                                <a id="glass_lnkMaintain_DomainName" class="link-button" href="[% CPANEL.CPVAR.dprefix _ apps.tls_status.url %]#/?domain=[% domain %]">
                                    <i class="ri-1x ri-bar-chart-grouped-line"></i>
                                    [% locale.maketext("SSL/TLS Status") %]
                                </a>
                            </div>
                        </td>
                    </tr>
                    [% ELSE %]
                    <tr id="domainNameRow">
                        <td class="app-stat-data" colspan="2" >
                            <label id="lblDomainName" class="general-info-label">
                                [% locale.maketext("Primary Domain") %]
                            </label>
                            <div id="txtDomainName" class="general-info-value">
                                <a href="https://[% domain | html %]" target="_blank" title="[% locale.maketext('Preview “[_1]”', domain) %]">
                                    [% domain %]
                                    <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    [% END %]
                    <tr>
                        <td colspan="2">
                            [%# Loading StatsBar has significant overhead so ExpVar.expand is used here %]
                            [% IF ExpVar.expand('$hasdedicatedip') %]
                            <label id="lblIPAddress" class="general-info-label">[% locale.maketext("Dedicated [asis,IP] Address") %]</label>
                            [% ELSE %]
                            <label id="lblIPAddress" class="general-info-label">[% locale.maketext("Shared [asis,IP] Address") %]</label>
                            [% END %]
                            <span id="txtIPAddress" class="general-info-value">[% ExpVar.expand('$ip') %]</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label id="lblHomeDirectory" class="general-info-label">[% locale.maketext("Home Directory") %]</label>
                            <span id="txtHomeDirectory" class="general-info-value">[% homeDir %]</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label id="lblLastLogin" class="general-info-label">[% locale.maketext("Last Login [asis,IP] Address") %]</label>
                            <span id="txtLastLogin" class="general-info-value">[% execute( 'LastLogin', 'get_last_or_current_logged_in_ip' ).data %]</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" ng-controller="themesController">
                            <label id="lblTheme" class="general-info-label updating-elements">[% locale.maketext("Theme") %]</label>
                            [% IF CPANEL.feature("theme-switch") %]
                                <span id="themeSpinner" class="fas fa-spinner fa-spin updating-elements" title="[% locale.maketext('Loading …') %]" ng-hide="updated"></span>
                                [% IF !CPANEL.ua_is_mobile %]
                                <select chosen width="'98%'"
                                    id="ddlThemes"
                                    class="form-control ng-hide ng-cloak"
                                    ng-class="{ 'chosen-rtl': isRTL }"
                                    ng-options="item for item in themes"
                                    ng-model="selectedTheme"
                                    ng-change="themeChanged()">
                                </select>
                                [% ELSE %]
                                <select id="ddlThemes"
                                    class="form-control ng-cloak"
                                    ng-options="item for item in themes"
                                    ng-model="selectedTheme"
                                    ng-change="themeChanged()">
                                </select>
                                [% END %]
                            [% ELSE %]
                                <span id="txtTheme" class="general-info-value">[% user_theme %]</span>
                            [% END %]
                        </td>
                    </tr>
                [% IF !file_test("e", "/etc/nginx/ea-nginx/enable.standalone") && file_test("e", "/etc/nginx/ea-nginx/cache.json") %]
                    [%-
                         SET nginx_caching_userconf_path = "/var/cpanel/userdata/" _ user _ "/nginx-cache.json";
                         SET nginx_caching_enabled       = 1; # hard coded default

                         SET nginx_caching_global = JSON.loadfile("/etc/nginx/ea-nginx/cache.json");
                         IF nginx_caching_global.exists("enabled");
                             nginx_caching_enabled = nginx_caching_global.item("enabled");
                         END;

                         IF file_test("e", nginx_caching_userconf_path);
                             SET nginx_caching_user = JSON.loadfile(nginx_caching_userconf_path);
                             IF nginx_caching_user.exists("enabled");
                                 nginx_caching_enabled = nginx_caching_user.item("enabled");
                             END;
                         END;
                    %]
                    <tr>
                        <td colspan="2">
                            <label id="lblNginxCached" class="general-info-label">[% locale.maketext("NGINX Caching") %]</label>
                            <span id="txtNginxCached" class="general-info-value">
                                [%- IF nginx_caching_enabled %]
                                [% locale.maketext("Active") %]
                                <span ng-controller="nginxController">
                                    <button type="button" id="btnClearNGINXCache"
                                      button-class="btn-default btn-sm btn-block"
                                      title="[% locale.maketext("Clear Cache") | html %]"
                                      spinner-id="spinnerClearNGINXCache"
                                      cp-action="nginxClearCache()">
                                        [% locale.maketext("Clear Cache") %]
                                    </button>
                                </span>
                                [%- ELSE -%]
                                    [% locale.maketext("Inactive") %]
                                [% END -%]
                            </span>
                        </td>
                    </tr>
                [% END %]
                    <tr>
                        <td colspan="2">
                            <a href="[% CPANEL.CPVAR.dprefix _ 'home/status.html' %]" id="lnkServerInfo"
                                alt='[% locale.maketext("Server Information") %]'>
                                <span> [% locale.maketext("Server Information") %] </span>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div id="statsSection" class="panel panel-widget" ng-controller="statisticsController" ng-cloak>
            <div id="statsHeaderSection" class="panel-heading widget-heading">
                <span role="heading" aria-level="3">[% locale.maketext("Statistics") %]</span>
                <span spinner id="loadingStatsSpinner" glyph-class="fas fa-spinner" class="pull-right" title="[% locale.maketext('Loading …') %]"></span>
            </div>

            <table class="table">
                <tbody>
                    <tr id="row_{{::app.id}}" ng-repeat="app in ::statistics | orderBy:'-percent' track by app.id" ng-class="::getStatStatus(app.percent, app.error)" class="app-stat-row">
                        <td class="app-stat-data">
                            <span id="lblStatsName_{{::app.id}}" class="app-name">{{::app.description}}</span>
                            <div ng-if="!app.error">
                                <div ng-if="app.formatter === 'percent'">
                                    <span dir="ltr">{{::app.formattedPercent}}%</span>
                                </div>
                                <div class="limits-wrapper">
                                    <div class="limits-data" ng-if="app.formatter !== 'percent'">
                                        <span id="lblstats_{{::app.id}}_count">{{::app.formattedUsage}}</span>
                                        <span ng-if="::app.formattedMaximum">
                                            /
                                            <span id="lblstats_{{::app.id}}">{{::app.formattedMaximum}}</span>
                                        </span>
                                        <span class="stats-parenthetical-percentage" ng-if="::app.showPercent" dir="ltr">({{::app.formattedPercent}}%)</span>
                                    </div>
                                    <div ng-if="::app.showWarning">
                                        <i uib-tooltip="{{app.warningTooltip}}" id="stats-error-icon_{{::app.id}}" class="ri-error-warning-line stats-fix-icon" aria-hidden="true" ng-class="::glassGetStatStatus(app.percent)"></i>
                                        <span class="sr-only">{{app.warningTooltip}}</span>
                                    </div>
                                </div> <!-- end limits-wrapper -->
                                <div ng-if="::app.showActionButton">
                                    [% IF upgradeUrl -%]
                                        <div>
                                            <a id="lnkupgrade_{{::app.id}}" class="link-button" href="[% upgradeUrl | html %]">
                                                [% locale.maketext('Upgrade') %]
                                            </a>
                                        </div>
                                    [% ELSE %]
                                        <div>
                                            <a id="lnkMaintain_{{::app.id}}" ng-if="::app.url" class="link-button" href="{{::app.url}}">
                                                [% locale.maketext('Manage') %]
                                            </a>
                                        </div>
                                    [% END %]
                                </div>
                            </div>

                            <div class="error-wrapper" ng-if="app.error" ng-cloak class="ng-cloak">
                                <span id="lblStatsName_{{::app.id}}" class="error-name">
                                    [% locale.maketext('Data Unavailable') %]
                                </span>
                                <span id="statError_{{::app.id}}">
                                    <i uib-tooltip="{{app.error}}" class="fas fa-exclamation-triangle stats-error-icon" aria-hidden="true"></i>
                                </span>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div><!-- end stats -->
</div>

[%
    SET application_dir  = ExpVar.expand('$basedir') _ "/home/";
    SET file = ExpVar.expand('$basefilename');
    SET requirejs_url_base = '/frontend/' _ user_theme;
%]

[% PROCESS '_assets/cjt2_header_include.tt' %]
[% END #wrapper -%]


[% BLOCK js_block_first %]

<script type="text/javascript">
    var DEFAULT_BOX_ORDER = [% varcache.available_applications.grouporder.json %];

    PAGE.isRTL = document.getElementsByTagName("HTML")[0].getAttribute("dir") === "rtl";
    PAGE.currentTheme = [% user_theme.json %];
    PAGE.securityToken = [% cp_security_token.json %];
    PAGE.userName = [% user.json %];
    PAGE.domain = [% domain.json %];
    PAGE.dprefix = [% JSON.stringify(CPANEL.CPVAR.dprefix) %];
</script>

[% PROCESS home/views/applicationListHeader.html.tt %]

[% END %]

[% BLOCK register_nvdata %]
<script type="text/javascript">
    register_interfacecfg_nvdata('xmainrollstatus');
    register_interfacecfg_nvdata('xmaingroupsorder');
</script>
[% END %]