{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Access Logs - 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 "Access Logs" %}</h2>
                <p>{% trans "Access Logs for main web server." %}</p>
            </div>

            <div ng-controller="readAccessLogs" class="row">
                <div class="panel">
                <div class="panel-body">
                    <h3 class="content-box-header">
                        {% trans "Last 50 Lines" %} <img  ng-hide="logFileLoading" src="{% static 'images/loading.gif' %}">
                    </h3>
                    <div class="col-md-12">

                        <form class="form-horizontal bordered-row panel-body">
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <textarea ng-model="logsData" class="form-control" rows="30">{{ logs }}</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label"></label>
                                <div class="col-sm-1">
                                     <button type="button" ng-click="fetchLogs()" class="btn btn-primary btn-lg my-10">{% trans "Refresh" %}</button>
                                </div>
                                <div class="col-sm-1">
                                     <button type="button" ng-click="clearLogs()" class="btn btn-primary btn-lg my-10">{% trans "Clear Logs" %}</button>

                                </div>
                            </div>

                            <div ng-hide="logsFeteched" class="alert alert-success">
                                    <p>{% trans "Last 50 Lines Fetched" %}</p>
                                </div>


                                <div ng-hide="couldNotFetchLogs" class="alert alert-danger">
                                    <p>{% trans "Could not fetch logs. Use the command line to view the log file." %}</p>
                                </div>

                        </form>

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


</div>


{% endblock %}