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

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


    {% if OLS %}
        <div class="container">
            <div id="page-title">
                <h2>{% trans "LiteSpeed Status:" %} <img src="{% static 'images/lsON.png' %}"
                                                         style="margin-bottom: 5px;"></h2>
                <p>{% trans "On this page you can get information regarding your LiteSpeed processes." %}</p>
            </div>

            <div class="example-box-wrapper">
                <div class="panel">
                    <div class="panel-body">
                        {% if processList %}
                            <div ng-controller="litespeedStatus" class="col-md-6" style="min-width: 350px;">


                                <div class="example-box-wrapper mr-10">


                                    <h3 class="content-box-header">
                                        {% trans "LiteSpeed Processes" %}
                                    </h3>

                                    <table class="table mb-5">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>{% trans "Process ID" %}</th>
                                            <th>{% trans "Name" %}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for items in processList %}
                                            <tr>
                                            <td>{{ forloop.counter }}</td>

                                            <td> {{ items }}</td>

                                            {% if forloop.counter == 1 %}
                                                <td>{% trans "Main Process" %}</td>

                                            {% elif forloop.counter == 2 %}
                                                <td>{% trans "lscgid Process" %}</td>

                                            {% else %}
                                                <td>{% trans "Worker Process" %}</td>

                                            {% endif %}

                                        {% endfor %}
                                        </tr>
                                        </tbody>
                                    </table>

                                    <div class="mx-10">
                                        <button ng-click="restartLitespeed()" ng-disabled="disableReboot"
                                                class="btn btn-alt btn-hover btn-blue-alt mx-5 my-10">
                                            <span>{% trans "Reboot Litespeed" %}</span>
                                            <i class="glyph-icon icon-arrow-right"></i>
                                        </button>

                                        <button ng-click="stopLitespeed()" ng-disable="disableStop"
                                                class="btn btn-alt btn-hover btn-danger mx-5 my-10">
                                            <span>{% trans "Stop LiteSpeed" %}</span>
                                            <i class="glyph-icon icon-arrow-right"></i>
                                        </button>
                                    </div>

                                    <img ng-hide="restartorStopLoading" src="{% static 'images/loading.gif' %}">


                                    <div ng-hide="actionResult" class="alert alert-success">
                                        <p>{% trans "Action successful." %}</p>
                                    </div>


                                    <div ng-hide="actionResultBad" class="alert alert-danger">
                                        <p>{% trans "Error Occurred. See CyberPanel main log file." %}</p>
                                    </div>


                                    <div ng-hide="serverStatusCouldNotConnect" class="alert alert-danger">
                                        <p>{% trans "Could not connect to server." %}</p>
                                    </div>


                                </div>


                            </div>
                        {% endif %}

                        <div class="col-md-6">

                            <div class="example-box-wrapper">
                                <h3 class="content-box-header">
                                    Version: {{ lsversion }}
                                </h3>
                                <div class="content-box-wrapper">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>{{ modules }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for items in loadedModules %}
                                            <tr>
                                                <td>{{ items }}</td>

                                            </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>

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

        <div class="row">
            <div class="panel panel-body">
                <div ng-controller="lswsSwitch" class="example-box-wrapper">
                    <div class="panel-body">
                        <h3 class="content-box-header">
                            {% trans "Switch to LiteSpeed Enterprise Web Server" %} <img ng-hide="cyberPanelLoading"
                                                                                         src="/static/images/loading.gif">
                        </h3>

                        <div class="content-box-wrapper">
                            <div class="row">
                                <div class="col-md-12">

                                    <form action="/" class="form-horizontal bordered-row">

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">{% trans "LiteSpeed Serial No. (License Key)" %}</label>
                                            <div class="col-sm-6">
                                                <input type="text" class="form-control" ng-model="licenseKey"
                                                       required>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label"></label>
                                            <div class="col-sm-4">
                                                <button type="button" ng-click="switchTOLSWS()"
                                                        class="btn btn-primary btn-lg">{% trans "Switch" %}</button>
                                                <button type="button" ng-click="confrimtril()"
                                                        class="btn btn-primary btn-lg">{% trans "Get 15 Days Trial" %}</button>

                                            </div>

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


                                            </div>
                                        </div>
                                        <div id="confrimtril" style="display: none" class="form-group ">
                                            <label class="col-sm-3 control-label"></label>


                                                <div class="col-sm-4">
                                                    <button type="button" ng-click="switchTOLSWS()"
                                                            class="btn btn-primary btn-lg">{% trans "Are you sure?" %}</button>
                                                </div>

                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label"></label>
                                            <div class="col-sm-6">
                                                <div class="alert alert-info">
                                                    <p>{% trans "Note: If you select 15 days trial there is no need to enter the serial key, CyberPanel will auto fetch 15 days trial key for you. Make sure this server have not used trial already." %}</p>
                                                </div>
                                                <div class="alert alert-info">
                                                    <p style="color:red; font-weight: bold ;">{% trans "WARNING: You cannot revert back to OpenLiteSpeed if you choose not to purchase a LiteSpeed Enterprise license after the 15 day trial period. We recommend you test the Enterprise trial on a separate server." %}</p>
                                                </div>
                                            </div>


                                        </div>

                                    </form>
                                </div>

                                <!------ LSWS Switch box ----------------->

                                <div style="margin-top: 2%" ng-hide="installBoxGen" class="col-md-12">

                                    <form action="/" id="" class="form-horizontal bordered-row">
                                        <div class="form-group">
                                            <div class="col-sm-12 text-center">
                                                <h3><img style="width:70px"
                                                         src="{% static 'images/litespeed-logo.png' %}"> {% trans "With great wisdom comes great responsibility." %}
                                                    <img ng-hide="cyberPanelLoading" src="/static/images/loading.gif">
                                                </h3>
                                            </div>
                                            <div style="margin-top: 2%;" class="col-sm-12">
                                            <textarea ng-model="requestData" rows="15"
                                                      class="form-control">{{ requestData }}</textarea>
                                            </div>
                                        </div>
                                    </form>
                                </div>


                                <!----- LSWS Switch box ----------------->


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% else %}


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

            <div id="page-title">
                <h2>{% trans "LiteSpeed Status:" %} <img src="{% static 'images/lsON.png' %}"></h2>
                <p>{% trans "On this page you can get information regarding your LiteSpeed processes." %}</p>
                {% if message != 0 %}
                    {% if message == 2 %}
                        <div style="margin-top: 2%" class="alert alert-danger">
                            <div class="alert-content">
                                <h4 class="alert-title">Warning</h4>
                                <p>It looks like your license does not include CyberPanel bundle. <a
                                        href="https://cyberpanel.net/cyberpanel-enterprise/">Click here</a> to see the
                                    packages and upgrade to CyberPanel bundle.</p>
                            </div>
                        </div>
                    {% else %}
                        <div style="margin-top: 2%" class="alert alert-danger">
                            <div class="alert-content">
                                <h4 class="alert-title">Warning</h4>
                                <p>It looks like your license has expired. Kindly renew your license.</p>
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
            </div>

            {% if processList %}

                <div class="example-box-wrapper">
                    <div class="panel">
                        <div class="panel-body">
                            <div class="col-md-12">
                                <div class="example-box-wrapper">


                                    <h3 class="content-box-header bg-black">
                                        {% trans "LiteSpeed Processes" %}
                                    </h3>

                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>{% trans "Process ID" %}</th>
                                            <th>{% trans "Name" %}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for items in processList %}
                                            <tr>
                                            <td>{{ forloop.counter }}</td>

                                            <td> {{ items }}</td>

                                            {% if forloop.counter == 1 %}
                                                <td>{% trans "Main Process" %}</td>

                                            {% elif forloop.counter == 2 %}
                                                <td>{% trans "lscgid Process" %}</td>

                                            {% else %}
                                                <td>{% trans "Worker Process" %}</td>

                                            {% endif %}

                                        {% endfor %}
                                        </tr>
                                        </tbody>
                                    </table>


                                    <button ng-click="restartLitespeed()" ng-disabled="disableReboot"
                                            class="btn btn-alt btn-hover btn-blue-alt mx-5 my-10">
                                        <span>{% trans "Reboot Litespeed" %}</span>
                                        <i class="glyph-icon icon-arrow-right"></i>
                                    </button>

                                    <button ng-click="stopLitespeed()" ng-disable="disableStop"
                                            class="btn btn-alt btn-hover btn-danger mx-5 my-10">
                                        <span>{% trans "Stop LiteSpeed" %}</span>
                                        <i class="glyph-icon icon-arrow-right"></i>
                                    </button>

                                    <img ng-hide="restartorStopLoading" src="{% static 'images/loading.gif' %}">


                                    <div ng-hide="actionResult" class="alert alert-success">
                                        <p>{% trans "Action successful." %}</p>
                                    </div>


                                    <div ng-hide="actionResultBad" class="alert alert-danger">
                                        <p>{% trans "Error Occurred. See CyberPanel main log file." %}</p>
                                    </div>


                                    <div ng-hide="serverStatusCouldNotConnect" class="alert alert-danger">
                                        <p>{% trans "Could not connect to server." %}</p>
                                    </div>

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

            {% endif %}

            <div class="example-box-wrapper">
                <div class="panel panel-body">
                    <h3 class="content-box-header">
                        {% trans "License Manager" %} <img ng-hide="cpLoading" src="/static/images/loading.gif">
                    </h3>

                    <div class="content-box-wrapper">
                        <div class="row mt-5 mx-10">

                            <div class="col-md-4 panel-body">
                                <a ng-click="licenseStatus(1)" href="" title="{% trans 'License Status' %}">
                                    <img src="{% static 'images/license-status.png' %}" width="65" class="mr-10 ">
                                </a>
                                &nbsp;
                                <a ng-click="licenseStatus(1)" href="" title="{% trans 'License Status' %}">
                                    <span class="h4">{% trans 'License Status' %}</span>
                                </a>
                            </div>

                            <div class="col-md-4 panel-body">
                                <a ng-click="showSerialBox()" href="" title="{% trans 'Change License' %}">
                                    <img src="{% static 'images/change-license.png' %}" width="65" class="mr-10">
                                </a>
                                &nbsp;
                                <a ng-click="showSerialBox()" href="" title="{% trans 'Change License' %}">
                                    <span class="h4">{% trans 'Change License' %}</span>
                                </a>

                            </div>

                            <div class="col-md-4 panel-body">
                                <a ng-click="refreshLicense()" href="" title="{% trans 'Refresh License' %}">
                                    <img src="{% static 'images/change-license.png' %}" width="65" class="mr-10">
                                </a>
                                &nbsp;
                                <a ng-click="refreshLicense()" href="" title="{% trans 'Refresh License' %}">
                                    <span class="h4">{% trans 'Refresh License' %}</span>
                                </a>

                            </div>

                            <div class="col-md-12">

                                <div ng-hide="fetchedData">
                                    <div class="alert alert-success">
                                        <div class="bg-green alert-icon">
                                            <i class="glyph-icon icon-check"></i>
                                        </div>
                                        <div class="alert-content">
                                            <h4 class="alert-title">{$ lsSerial $}</h4>
                                            <p>{$ lsexpiration $}</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!---------- HTML For Changing Serial No --------------->

                            <div ng-hide="changeSerialBox" class="col-md-12">
                                <form action="/" class="form-horizontal bordered-row">

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">{% trans "New key" %}</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" ng-model="newKey" required>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label"></label>
                                        <div class="col-sm-4">
                                            <button type="button" ng-click="changeLicense()"
                                                    class="btn btn-primary btn-lg">{% trans "Change Key" %}</button>
                                        </div>
                                    </div>

                                </form>
                            </div>

                            <!---------- HTML For Changing Serial No --------------->


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


        </div>
    {% endif %}


{% endblock %}