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

{% block title %}{{ 'admin.maintenance'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <h1 class="h3 gradient-text fw-bold mb-2">
            <i class="bi bi-wrench-adjustable me-2"></i>{{ 'admin.maintenance'|trans }}
        </h1>
        <p class="text-muted mb-0">{{ 'admin.maintenance_description'|trans|raw }}</p>
    </div>

    <div class="row g-4">
        <div class="col-lg-5">
            <div class="admin-card p-4 h-100">
                <h2 class="h5 fw-bold mb-3">{{ 'admin.maintenance_module.maintenance_mode_status'|trans }}</h2>
                {% if is_maintenance_mode() %}
                    <div class="alert alert-warning d-flex align-items-center gap-2 mb-3">
                        <i class="bi bi-lock-fill"></i>
                        <span>{{ 'admin.maintenance_module.maintenance_mode_active_hint'|trans }}</span>
                    </div>
                    <form action="{{ path('app_admin_maintenance_toggle') }}" method="post">
                        <input type="hidden" name="action" value="disable">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-unlock me-1"></i>{{ 'admin.maintenance_mode_disable'|trans }}
                        </button>
                    </form>
                {% else %}
                    <div class="alert alert-success d-flex align-items-center gap-2 mb-3">
                        <i class="bi bi-unlock-fill"></i>
                        <span>{{ 'admin.maintenance_module.maintenance_mode_inactive_hint'|trans }}</span>
                    </div>
                    <form action="{{ path('app_admin_maintenance_toggle') }}" method="post">
                        <input type="hidden" name="action" value="enable">
                        <button type="submit" class="btn btn-warning">
                            <i class="bi bi-lock me-1"></i>{{ 'admin.maintenance_mode_enable'|trans }}
                        </button>
                    </form>
                {% endif %}
            </div>
        </div>

        <div class="col-lg-7">
            <div class="admin-card p-4 h-100">
                <h2 class="h5 fw-bold mb-2">{{ 'admin.custom_maintenance_page'|trans }}</h2>
                <p class="text-muted small mb-3">{{ 'admin.custom_maintenance_description'|trans }}</p>
                <form action="{{ path('app_admin_maintenance_toggle') }}" method="post" class="d-flex flex-column gap-2">
                    <input type="hidden" name="action" value="custom_page">
                    <textarea class="form-control font-monospace small" name="custom_page" rows="12" placeholder="{{ 'admin.maintenance_module.custom_page_placeholder'|trans }}">{{ custom_page }}</textarea>
                    <button type="submit" class="btn btn-primary align-self-start">
                        <i class="bi bi-save me-1"></i>{{ 'admin.save'|trans }}
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="admin-card p-4 mt-4">
        <h2 class="h5 fw-bold mb-2">
            <i class="bi bi-shield-check me-2"></i>{{ 'admin.maintenance_module.ip_whitelist_title'|trans }}
        </h2>
        <p class="text-muted small mb-4">{{ 'admin.maintenance_module.ip_whitelist_help'|trans }}</p>
        {% if maintenance_client_ip %}
            <p class="small text-muted mb-3">
                <i class="bi bi-router me-1"></i>{{ 'admin.maintenance_module.ip_detected_hint'|trans({ '%ip%': maintenance_client_ip }) }}
            </p>
        {% endif %}

        <div class="row g-2 align-items-end mb-4">
            <div class="col-md-8">
                <label class="form-label small text-muted" for="maint-ip">{{ 'admin.maintenance_module.ip_label'|trans }}</label>
                <input type="text" class="form-control" id="maint-ip" name="ip" form="maint-form-add-ip" placeholder="{{ 'admin.maintenance_module.ip_placeholder'|trans }}" required autocomplete="off">
            </div>
            <div class="col-md-2">
                <span class="form-label small text-muted d-block d-md-none">{{ 'admin.maintenance_module.ip_add'|trans }}</span>
                <label class="form-label small text-muted d-none d-md-block">&nbsp;</label>
                <form id="maint-form-add-ip" action="{{ path('app_admin_maintenance_toggle') }}" method="post" class="d-grid">
                    <input type="hidden" name="action" value="add_ip">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-plus-circle me-1"></i>{{ 'admin.maintenance_module.ip_add'|trans }}
                    </button>
                </form>
            </div>
            <div class="col-md-2">
                <span class="form-label small text-muted d-block d-md-none">{{ 'admin.maintenance_module.ip_add_current'|trans }}</span>
                <label class="form-label small text-muted d-none d-md-block">&nbsp;</label>
                <form action="{{ path('app_admin_maintenance_toggle') }}" method="post" class="d-grid">
                    <input type="hidden" name="action" value="add_current_ip">
                    <button type="submit" class="btn btn-outline-primary">
                        <i class="bi bi-geo-alt me-1"></i>{{ 'admin.maintenance_module.ip_add_current'|trans }}
                    </button>
                </form>
            </div>
        </div>

        {% if whitelist_ips|length > 0 %}
            <div class="table-responsive rounded border">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>{{ 'admin.maintenance_module.ip_column'|trans }}</th>
                            <th class="text-end">{{ 'admin.custom_fields.actions'|trans }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for ip in whitelist_ips %}
                            <tr>
                                <td><code class="user-select-all">{{ ip }}</code></td>
                                <td class="text-end">
                                    <form action="{{ path('app_admin_maintenance_toggle') }}" method="post" class="d-inline" id="delete-ip-form-{{ loop.index }}">
                                        <input type="hidden" name="action" value="remove_ip">
                                        <input type="hidden" name="ip" value="{{ ip|e('html_attr') }}">
                                        <button type="button" class="btn btn-sm btn-outline-danger" onclick="handleDeleteIp('{{ ip|e('js') }}', {{ loop.index }})">
                                            <i class="bi bi-trash"></i> {{ 'admin.maintenance_module.ip_remove'|trans }}
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-info mb-0 d-flex align-items-start gap-2">
                <i class="bi bi-info-circle flex-shrink-0 mt-1"></i>
                <span>{{ 'admin.maintenance_module.ip_empty'|trans }}</span>
            </div>
        {% endif %}
    </div>
</div>

<script>
    async function handleDeleteIp(ip, formIndex) {
        const msg = {{ 'admin.maintenance_module.ip_delete_confirm'|trans({ '%ip%': '__JS_IP__' })|json_encode|raw }}.replace('__JS_IP__', ip);
        const confirmed = await showDeleteConfirm(msg, {
            warning: {{ 'admin.maintenance_module.ip_delete_warning'|trans|json_encode|raw }}
        });
        if (confirmed) {
            document.getElementById('delete-ip-form-' + formIndex).requestSubmit();
        }
    }
</script>
{% endblock %}