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

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

    <div class="container">

        <div id="page-title">
            <h2>{% trans "Terminal" %} - <a target="_blank" href="https://cyberpanel.net/docs/web-terminal/"
                                            style="height: 23px;line-height: 21px;"
                                            class="btn btn-border btn-alt border-red btn-link font-red"
                                            title=""><span>{% trans "Web Terminal Docs" %}</span></a></h2>
            <p>{% trans "Execute your terminal commands." %}</p>
        </div>

        <div ng-controller="webTerminal" class="row">
            <div class="panel">
                <div class="panel-body">
                    <h3 class="content-box-header">
                        {% trans "Web Terminal" %} -
                        <button ng-click="restartSSH()" class="btn btn-alt btn-hover btn-blue-alt mx-5 my-10">
                            <span>{% trans "Reboot SSH Server" %}</span>
                            <i class="glyph-icon icon-arrow-right"></i>
                        </button>
                        <img ng-hide="cyberpanelLoading"
                             src="{% static 'images/loading.gif' %}">
                    </h3>
                    <div class="col-md-12">

                        <form class="form-horizontal bordered-row panel-body">
                            <div class="form-group">
                                <div id="term" class="col-sm-12">
                                </div>
                            </div>
                        </form>

                    </div>
                    <div style="display: none" id="verifyPath">{{ verifyPath }}</div>
                    <div style="display: none" id="password">{{ password }}</div>
                </div>
            </div>
        </div>


    </div>

{% endblock %}