{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.modules_information.log_cleanup'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3 mb-3">
            <div>
                <h1 class="h3 gradient-text fw-bold mb-2">
                    <i class="bi bi-trash3 me-2"></i>{{ 'admin.modules_information.log_cleanup'|trans }}
                </h1>
                <p class="text-muted mb-0">{{ 'admin.log_cleanup.intro'|trans }}</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                <a href="{{ path('app_admin_modules') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>{{ 'admin.page.back'|trans }}
                </a>
                <button type="submit" form="log-cleanup-form" class="btn btn-primary">
                    <i class="bi bi-check-lg me-1"></i>{{ 'admin.save'|trans }}
                </button>
            </div>
        </div>
        <p class="small text-muted mb-0">
            <a href="{{ path('admin_modules_scheduled_tasks') }}">{{ 'admin.modules_information.scheduled_tasks'|trans }}</a>
            — {{ 'admin.log_cleanup.task_hint'|trans }}
        </p>
    </div>

    <div class="admin-card rounded-4 border-0 shadow-sm p-4 p-lg-5">
        {{ form_start(form, { attr: { id: 'log-cleanup-form', class: 'needs-validation', novalidate: 'novalidate' } }) }}
        {{ form_errors(form) }}

        <div class="mb-4 pb-4 border-bottom">
            <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
                <div class="flex-grow-1">
                    {{ form_label(form.logCleanupEnabled, null, { label_attr: { class: 'form-label fw-semibold mb-0' } }) }}
                </div>
                <div class="form-switch form-switch-lg m-0">
                    {{ form_widget(form.logCleanupEnabled, { attr: { class: 'form-check-input' } }) }}
                </div>
            </div>
            {{ form_errors(form.logCleanupEnabled) }}
        </div>

        <div class="row g-4">
            <div class="col-12 col-md-6 col-lg-5">
                <div class="mb-0">
                    {{ form_label(form.logRetentionDays) }}
                    {{ form_widget(form.logRetentionDays, { attr: { class: 'form-control', style: 'max-width: 14rem' } }) }}
                    {{ form_errors(form.logRetentionDays) }}
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-7">
                <div class="mb-0">
                    {{ form_label(form.logCleanupIntervalSeconds) }}
                    {{ form_widget(form.logCleanupIntervalSeconds, { attr: { class: 'form-control', style: 'max-width: 16rem' } }) }}
                    {{ form_help(form.logCleanupIntervalSeconds) }}
                    {{ form_errors(form.logCleanupIntervalSeconds) }}
                </div>
            </div>
        </div>

        <div class="mt-4 pt-4 border-top d-flex flex-wrap gap-2 d-md-none">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-lg me-1"></i>{{ 'admin.save'|trans }}
            </button>
            <a href="{{ path('app_admin_modules') }}" class="btn btn-outline-secondary">{{ 'admin.page.back'|trans }}</a>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}