{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Audit Retention Settings" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "Audit Retention Settings" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Control how long administrative and system activity records are retained." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto">
            <a href="{% url 'audit_activity' %}"
               class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="history"></i>{% translate "View Recent Activity" %}</a>
        </div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span>
        <span>{% translate "System" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span>
        <a href="{% url 'audit_activity' %}">{% translate "Activity Logs" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Retention Settings" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="row g-4 align-items-stretch mb-4">
        <div class="col-12 col-md-6">
            <div class="eenos-card h-100 d-flex align-items-center gap-3">
                <div class="eenos-modal-info-icon flex-shrink-0">
                    <i data-lucide="list-checks"></i>
                </div>
                <div>
                    <div class="small text-muted">{% translate "Stored Events" %}</div>
                    <div class="fs-4 fw-semibold">{{ event_count }}</div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="eenos-card h-100 d-flex align-items-center gap-3">
                <div class="eenos-modal-info-icon flex-shrink-0">
                    <i data-lucide="database"></i>
                </div>
                <div>
                    <div class="small text-muted">{% translate "Database Size" %}</div>
                    <div class="fs-4 fw-semibold">{{ database_size|filesizeformat }}</div>
                </div>
            </div>
        </div>
    </div>
    <form method="post"
          id="auditRetentionForm"
          class="eenos-form"
          data-parsley-validate>
        {% csrf_token %}
        <div class="eenos-card">
            <div class="d-flex align-items-start gap-3 mb-4">
                <div class="eenos-modal-info-icon flex-shrink-0">
                    <i data-lucide="history"></i>
                </div>
                <div>
                    <div class="eenos-panel-title">{% translate "Automatic Audit Cleanup" %}</div>
                    <div class="eenos-panel-subtitle">{% translate "Automatically remove audit events older than the selected retention period." %}</div>
                </div>
            </div>
            <div class="border-top border-bottom py-4 mb-4">
                <div class="form-check form-switch mb-2">
                    <input class="form-check-input mt-0 align-middle"
                           type="checkbox"
                           role="switch"
                           id="auditAutoPurge"
                           name="auto_purge"
                           value="on"
                           aria-describedby="auditAutoPurgeState"
                           {% if settings.auto_purge %}checked{% endif %}>
                    <label class="form-check-label fw-semibold" for="auditAutoPurge">{% translate "Enable automatic cleanup" %}</label>
                </div>
                <div class="small text-muted" id="auditAutoPurgeState">
                    {% if settings.auto_purge %}
                        {% translate "Expired audit events will be removed automatically." %}
                    {% else %}
                        {% translate "Audit events will be retained indefinitely." %}
                    {% endif %}
                </div>
            </div>
            <div class="row g-4">
                <div class="col-12 col-lg-6">
                    <label for="auditRetentionDays" class="form-label">{% translate "Retention Period" %}</label>
                    <select class="form-select"
                            id="auditRetentionDays"
                            name="retention_days"
                            required
                            data-parsley-required-message="{% translate 'Select an audit retention period.' %}">
                        <option value="30" {% if settings.retention_days == 30 %}selected{% endif %}>{% translate "30 days" %}</option>
                        <option value="60" {% if settings.retention_days == 60 %}selected{% endif %}>{% translate "60 days" %}</option>
                        <option value="90" {% if settings.retention_days == 90 %}selected{% endif %}>{% translate "90 days" %}</option>
                        <option value="120"
                                {% if settings.retention_days == 120 %}selected{% endif %}>{% translate "120 days (recommended)" %}</option>
                        <option value="180"
                                {% if settings.retention_days == 180 %}selected{% endif %}>{% translate "180 days" %}</option>
                        <option value="365"
                                {% if settings.retention_days == 365 %}selected{% endif %}>{% translate "1 year" %}</option>
                        <option value="730"
                                {% if settings.retention_days == 730 %}selected{% endif %}>{% translate "2 years" %}</option>
                    </select>
                    <div class="form-text">{% translate "Events older than this period will be eligible for removal." %}</div>
                </div>
                <div class="col-12 col-lg-6">
                    <div class="form-label">{% translate "Last Automatic Cleanup" %}</div>
                    <div class="form-control">
                        {% if settings.last_purge %}
                            {{ settings.last_purge }}
                        {% else %}
                            {% translate "Not run yet" %}
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="eenos-notice eenos-notice-info mt-4">
                <div class="eenos-notice-icon">
                    <i data-lucide="info"></i>
                </div>
                <div class="eenos-notice-content">
                    <div class="eenos-notice-text">{% translate "When no settings file exists, Eenos uses the default 120-day retention period. Explicitly disabling automatic cleanup retains all audit events." %}</div>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-start mt-4">
            <button type="submit" class="btn btn-primary"><i data-lucide="save"></i>{% translate "Save Retention Settings" %}</button>
        </div>
    </form>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){const toggle=$('#auditAutoPurge'),state=$('#auditAutoPurgeState'),retention=$('#auditRetentionDays');function sync(){const enabled=toggle.is(':checked');retention.attr('aria-disabled',enabled?'false':'true').toggleClass('opacity-50',!enabled);state.text(enabled?"{% translate 'Expired audit events will be removed automatically.' %}":"{% translate 'Audit events will be retained indefinitely.' %}");}toggle.on('change',sync);sync();});
    </script>
{% endblock %}