{% extends "base.html" %}
{% set active_page = "" %}
{% block title %}HAProxy • Logs{% endblock %}
{% block head %}
{% endblock %}
{% block breadcrumb %}<nav aria-label="breadcrumb" class="mb-3"><ol class="breadcrumb mb-0"><li class="breadcrumb-item"><a href="{{ url_for('main.index') }}"><i class="bi bi-house"></i></a></li><li class="breadcrumb-item active" aria-current="page">Logi</li></ol></nav>{% endblock %}
{% block content %}

    <h3 style="margin-top: 30px; margin-bottom: 30px; margin-left: 10%;" id="status_header">Status 403 Forbidden Log Entries</h3>
    <div>
        {% for entry in entries %}
            <div class="log-entry" style="padding: 20px;  width: 80%; margin-left: 10%; margin-bottom: 1%;">
                <p><strong>Time Stamp:</strong> {{ entry['timestamp'] }}</p>
                <p><strong>IP Address:</strong> {{ entry['ip_address'] }}</p>
                <p><strong>HTTP Method:</strong> {{ entry['http_method'] }}</p>
                <p id="requested_url"><strong>Requested URL:</strong> {{ entry['requested_url'] }}</p>
                
                <!-- XSS Category -->
                {% if entry['xss_alert'] %}
                    <p class="collapse-trigger" data-bs-toggle="collapse" data-bs-target="#xssCollapse{{ loop.index }}">XSS Alert <span class="text-danger">(Click to show details)</span></p>
                    <div id="xssCollapse{{ loop.index }}" class="collapse">
                        <p style="color: red"><strong>{{ entry['xss_alert'] }}</strong></p>
                    </div>
                {% endif %}
                
                <!-- SQL Category -->
                {% if entry['sql_alert'] %}
                    <p class="collapse-trigger" data-bs-toggle="collapse" data-bs-target="#sqlCollapse{{ loop.index }}">SQL Alert <span class="text-danger">(Click to show details)</span></p>
                    <div id="sqlCollapse{{ loop.index }}" class="collapse">
                        <p style="color: red"><strong>{{ entry['sql_alert'] }}</strong></p>
                    </div>
                {% endif %}
                
                <!-- PUT Method Category -->
                {% if entry['put_method'] %}
                    <p class="collapse-trigger" data-bs-toggle="collapse" data-bs-target="#putMethodCollapse{{ loop.index }}">PUT Method Alert <span class="text-danger">(Click to show details)</span></p>
                    <div id="putMethodCollapse{{ loop.index }}" class="collapse">
                        <p style="color: red"><strong>{{ entry['put_method'] }}</strong></p>
                    </div>
                {% endif %}
                
                <!-- Illegal Resource Access -->
                {% if entry['illegal_resource'] %}
                    <p class="collapse-trigger" data-bs-toggle="collapse" data-bs-target="#putMethodCollapse{{ loop.index }}">Illegal Resource Access Alert <span class="text-danger">(Click to show details)</span></p>
                    <div id="putMethodCollapse{{ loop.index }}" class="collapse">
                        <p style="color: red"><strong>{{ entry['illegal_resource'] }}</strong></p>
                    </div>
                {% endif %}
                
                <!-- Illegal Resource Access -->
                {% if entry['webshell_alert'] %}
                    <p class="collapse-trigger" data-bs-toggle="collapse" data-bs-target="#putMethodCollapse{{ loop.index }}">WebShell Attack Alert <span class="text-danger">(Click to show details)</span></p>
                    <div id="putMethodCollapse{{ loop.index }}" class="collapse">
                        <p style="color: red"><strong>{{ entry['webshell_alert'] }}</strong></p>
                    </div>
                {% endif %}
                
                <p><strong>Status Code:</strong> 403</p>
            </div>
        {% endfor %}
    </div>
        <!-- Footer -->
    <footer>
        <p>&copy; 2025 HAProxy Configurator. All rights reserved.</p>
    </footer>
{% endblock %}
{% block scripts %}
{% endblock %}