{% extends 'core/base.html' %}

{% block title %}IP Control | Killian{% endblock %}

{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'administration' %}">Administration</a>
    <span>/</span>
    <strong>IP Control</strong>
</div>

<div class="page-head">
    <div>
        <h1>IP Control</h1>
        <p>
            Manage IPv4 and IPv6 allow and block rules for Killian access.
        </p>
    </div>

    <div class="page-head-actions">
        <a class="button secondary" href="{% url 'administration' %}">Back</a>
    </div>
</div>

<div class="ip-control-current">
    <strong>Your current source IP:</strong>
    <code>{{ current_ip|default:'Unknown' }}</code>
</div>

<div class="ip-control-grid">
    <section class="module-panel">
        <div class="module-panel-head">
            <div>
                <h2>
                    {% if editing_rule %}
                        Edit Rule
                    {% else %}
                        New Rule
                    {% endif %}
                </h2>
                <span>
                    Allow rules override matching block rules.
                </span>
            </div>
        </div>

        <form method="post" class="ip-control-form">
            {% csrf_token %}

            {% if editing_rule %}
                <input
                    type="hidden"
                    name="id"
                    value="{{ editing_rule.pk }}"
                >
            {% endif %}

            {% if form.non_field_errors %}
                <div class="msg error">
                    {{ form.non_field_errors }}
                </div>
            {% endif %}

            <div class="form-field">
                <label for="{{ form.rule_type.id_for_label }}">
                    {{ form.rule_type.label }}
                </label>
                {{ form.rule_type }}
                {{ form.rule_type.errors }}
            </div>

            <div class="form-field">
                <label for="{{ form.network.id_for_label }}">
                    {{ form.network.label }}
                </label>
                {{ form.network }}
                <small>{{ form.network.help_text }}</small>
                {{ form.network.errors }}
            </div>

            <div class="form-field">
                <label for="{{ form.expires_at.id_for_label }}">
                    {{ form.expires_at.label }}
                </label>
                {{ form.expires_at }}
                <small>{{ form.expires_at.help_text }}</small>
                {{ form.expires_at.errors }}
            </div>

            <div class="form-field">
                <label for="{{ form.reason.id_for_label }}">
                    {{ form.reason.label }}
                </label>
                {{ form.reason }}
                {{ form.reason.errors }}
            </div>

            <label class="ip-control-check">
                {{ form.enabled }}
                <span>Enabled</span>
            </label>

            <label class="ip-control-check ip-control-self-warning">
                {{ form.confirm_self_block }}
                <span>
                    I understand this may block my current connection
                </span>
            </label>

            {{ form.confirm_self_block.errors }}

            <div class="form-actions">
                <button type="submit">
                    {% if editing_rule %}
                        Save Rule
                    {% else %}
                        Add Rule
                    {% endif %}
                </button>

                {% if editing_rule %}
                    <a
                        class="button secondary"
                        href="{% url 'ip_control' %}"
                    >
                        Cancel
                    </a>
                {% endif %}
            </div>
        </form>
    </section>

    <section class="module-panel">
        <div class="module-panel-head">
            <div>
                <h2>Rules</h2>
                <span>{{ rules|length }} configured rule{{ rules|length|pluralize }}</span>
            </div>
        </div>

        <div class="ip-control-table-wrap">
            <div class="ip-control-table js-sortable-list">
                <div class="ip-control-row head">
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="action" data-sort-direction="none">Action <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="network" data-sort-direction="none">IP / Network <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="status" data-sort-direction="none">Status <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="expires" data-sort-direction="none">Expires <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="matches" data-sort-direction="none">Matches <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="last-match" data-sort-direction="none">Last Match <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="created-by" data-sort-direction="none">Created By <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b><button type="button" class="module-table-sort js-list-sort" data-sort-key="reason" data-sort-direction="none">Reason <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></b>
                    <b>Actions</b>
                </div>

                {% for rule in rules %}
                    <div
                        class="ip-control-row js-list-sort-row"
                        data-sort-action="{{ rule.get_rule_type_display|escape }}"
                        data-sort-network="{{ rule.network|escape }}"
                        data-sort-status="{% if not rule.enabled %}Disabled{% elif rule.expires_at and rule.expires_at <= now %}Expired{% else %}Active{% endif %}"
                        data-sort-expires="{% if rule.expires_at %}{{ rule.expires_at|date:'c' }}{% endif %}"
                        data-sort-matches="{{ rule.match_count }}"
                        data-sort-last-match="{% if rule.last_matched_at %}{{ rule.last_matched_at|date:'c' }}{% endif %}"
                        data-sort-created-by="{{ rule.created_by|default:'System'|escape }}"
                        data-sort-reason="{{ rule.reason|default:''|escape }}"
                    >
                        <span>
                            <span class="ip-rule-badge {{ rule.rule_type }}">
                                {{ rule.get_rule_type_display }}
                            </span>
                        </span>

                        <span><code>{{ rule.network }}</code></span>

                        <span>
                            {% if not rule.enabled %}
                                <span class="status-pill">Disabled</span>
                            {% elif rule.expires_at and rule.expires_at <= now %}
                                <span class="status-pill">Expired</span>
                            {% else %}
                                <span class="status-pill">Active</span>
                            {% endif %}
                        </span>

                        <span>
                            {% if rule.expires_at %}
                                {{ rule.expires_at|date:'Y-m-d H:i' }}
                            {% else %}
                                Never
                            {% endif %}
                        </span>

                        <span>{{ rule.match_count }}</span>

                        <span>
                            {% if rule.last_matched_at %}
                                {{ rule.last_matched_at|date:'Y-m-d H:i:s' }}
                            {% else %}
                                —
                            {% endif %}
                        </span>

                        <span>
                            {{ rule.created_by|default:'System' }}
                        </span>

                        <span title="{{ rule.reason }}">
                            {{ rule.reason|default:'—'|truncatewords:8 }}
                        </span>

                        <span class="ip-control-actions">
                            <a
                                class="button secondary compact"
                                href="{% url 'ip_control' %}?id={{ rule.pk }}"
                            >
                                Edit
                            </a>

                            <form
                                method="post"
                                action="{% url 'ip_control_toggle' rule.pk %}"
                            >
                                {% csrf_token %}
                                <button
                                    type="submit"
                                    class="button secondary compact"
                                >
                                    {% if rule.enabled %}
                                        Disable
                                    {% else %}
                                        Enable
                                    {% endif %}
                                </button>
                            </form>

                            <a
                                class="button danger compact"
                                href="{% url 'ip_control_delete' rule.pk %}"
                            >
                                Delete
                            </a>
                        </span>
                    </div>
                {% empty %}
                    <div class="empty-state">
                        <h3>No IP Control rules</h3>
                        <p>
                            Add a Block or Allow rule to begin controlling access.
                        </p>
                    </div>
                {% endfor %}
            </div>
        </div>
    </section>
</div>
{% endblock %}