{% extends 'base.html' %}

{% block title %}Аудит{% endblock %}
{% block header %}Аудит{% endblock %}


{% block content %}

{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<p style="color: green; font-weight: bold; font-size: 20px">{{ message }}</p>
{% endfor %}
{% endif %}
{% endwith %}

<div class="audit">
    <div class="audit__title">
      <h2 class="audit__title-text">Аудит</h2>
      <a class="audit__btn" href="/">
        <span class="btn__item">
          <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none">
            <g clip-path="url(#clip0_429_11256)">
              <path d="M5 12H19" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M12 5L5 12L12 19" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
            </g>
          </svg>
        </span>
        <span class="btn__item">Вернуться в систему</span>
      </a>
    </div>
    <div class="audit__list">
      <div class="audit__list-item head">
        <span>Дата</span>
        <span>IP-адрес</span>
        <span>Операция</span>
        <span>Статус выполнения</span>
        <span>Данные</span>
      </div>
      {% for rec in audit %}
      <div class="audit__list-item">
        <span>{{ rec.cmf_created_at.value.strftime('%d-%m-%Y %H:%M') }}</span>
        <span>{% if rec.client_ip|string != "None" %}{{ rec.client_ip }}{% else %}Система{% endif %}</span>
        <span>{{ rec.operate }}</span>
        <span>{{ rec.result_status }}</span>
        <span>{% if rec.html_diff_data %}{{ rec.html_diff_data }}{% else %}{{ rec.audit_data }}{% endif %}</span>
      </div>
      {% endfor %}
    </div>
    <div class="audit__pagination">
      {% if page > 0 %}
      <a class="audit__btn" href="/auth/show_audit?page={{ page - 1}}">Предыдущая страница</a>
      {% endif %}
      {% if audit and audit|length == 100 %}
      <a class="audit__btn" href="/auth/show_audit?page={{ page + 1}}">Следующая страница</a>
      {% endif %}
    </div>
</div>
{% endblock %}

{% block scripts %}

{% endblock %}