{% extends phone_or_desktop %}
{% load my_filters %}
{% block title %}RustDesk WebUI{% endblock %}
{% block legend_name %}{{ "Connection Log" | translate }}{% endblock %}
{% load static %}
{% block content %}
<script src="{% static 'js/sorttable.js' %}"></script>
<div style="padding: 20px; background-color: #F2F2F2;">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md15">
        <input type="text" id="globalSearchInput" onkeyup="globalSearch()" placeholder="Search all fields..." style="width: 200px; height: 20px; margin-bottom: 10px;">
      <div class="layui-card">
        <div class="layui-card-header">{{ "Connection Log" }}:【{{u.username}}】</div>
        <div class="layui-card-body">
          <table class="layui-table sortable">
            <thead>
              <tr>
                <th>User IP</th>
                <th>User ID</th>
                <th>User Alias</th>
                <th>Remote ID</th>
                <th>Remote Alias</th>
                <th>Connection Start Time</th>
                <th>Connection End Time</th>
                <th>Duration (HH:MM:SS)</th>
              </tr>
            </thead>
            <tbody>
              {% for one in page_obj %}
              <tr>
                <td>{{one.from_ip}}</td>
                <td>{{one.from_id}}</td>
                <td>{{one.from_alias}}</td>
                <td>{{one.rid}}</td>  
                <td>{{one.alias}}</td> 
                <td>{{one.conn_start}}</td>
                <td>{{one.conn_end}}</td>
                <td>{{one.duration}}</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="layui-col-md4 layui-col-md-offset4">
      <span class="step-links">
          {% if page_obj.has_previous %}
              <button class="layui-btn" ><a href="?page=1">&laquo; {{ "首页" | translate }}</a></button>
              <button class="layui-btn" ><a href="?page={{ page_obj.previous_page_number }}">{{ "上一页" | translate }}</a></button>
          {% endif %}
          {% if page_obj.paginator.num_pages > 1 %}
          <span class="current">
              {{ "页码" | translate }} {{ page_obj.number }} / {{ page_obj.paginator.num_pages }}
          </span>
          {% endif %}
          {% if page_obj.has_next %}
              <button class="layui-btn" > <a href="?page={{ page_obj.next_page_number }}">{{ "下一页" | translate }}</a></button>
              <button class="layui-btn" ><a href="?page={{ page_obj.paginator.num_pages }}">{{ "尾页" | translate }} &raquo;</a></button>
          {% endif %}
      </span>
  </div>  
  </div>
</div>

{% endblock %}