{% extends "base.html" %}
{% block title %}{{ app_name }} — Notification Gateway{% endblock %}
{% block content %}

<h1>Notification Gateway</h1>

<div class="intro-panel">
    <h2>Multi-Platform Alert Delivery</h2>
    <p>Route security alerts, compliance events, and Genesis findings to Slack, Teams, Email, or custom webhooks. All notifications are PII-sanitized before external delivery.</p>
</div>

<!-- Gateway Status -->
<div class="card" style="margin-bottom:20px;">
    <h3>Gateway Status</h3>
    <table class="data-table">
        <tr>
            <th>Enabled</th>
            <td>
                {% if health.get('enabled') %}
                    <span class="badge badge-success">Active</span>
                {% else %}
                    <span class="badge badge-danger">Disabled</span>
                {% endif %}
            </td>
        </tr>
        <tr>
            <th>Routing Rules</th>
            <td>{{ health.get('routing_rules', 0) }}</td>
        </tr>
    </table>
</div>

<!-- Adapter Status -->
<div class="card" style="margin-bottom:20px;">
    <h3>Adapters</h3>
    <table class="data-table">
        <thead>
            <tr>
                <th>Adapter</th>
                <th>Status</th>
                <th>Enabled</th>
            </tr>
        </thead>
        <tbody>
            {% for name, info in health.get('adapters', {}).items() %}
            <tr>
                <td><strong>{{ name|capitalize }}</strong></td>
                <td>
                    {% if info.get('status') == 'ok' %}
                        <span class="badge badge-success">OK</span>
                    {% elif info.get('status') == 'disabled' %}
                        <span class="badge badge-secondary">Disabled</span>
                    {% else %}
                        <span class="badge badge-warning">{{ info.get('status', 'unknown') }}</span>
                    {% endif %}
                </td>
                <td>{{ 'Yes' if info.get('enabled') else 'No' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<!-- Delivery History -->
<div class="card">
    <h3>Recent Deliveries</h3>
    {% if history %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Time</th>
                <th>Event</th>
                <th>Adapter</th>
                <th>Severity</th>
                <th>Title</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for row in history %}
            <tr>
                <td>{{ row.created_at if row.created_at is string else row['created_at'] }}</td>
                <td>{{ row.event_type if row.event_type is string else row['event_type'] }}</td>
                <td>{{ row.adapter if row.adapter is string else row['adapter'] }}</td>
                <td>
                    {% set sev = row.severity if row.severity is string else row['severity'] %}
                    {% if sev == 'critical' %}
                        <span class="badge badge-danger">{{ sev }}</span>
                    {% elif sev == 'error' %}
                        <span class="badge badge-warning">{{ sev }}</span>
                    {% else %}
                        <span class="badge badge-info">{{ sev }}</span>
                    {% endif %}
                </td>
                <td>{{ row.title if row.title is string else row['title'] }}</td>
                <td>
                    {% set delivered = row.delivered if row.delivered is defined else row['delivered'] %}
                    {% if delivered %}
                        <span class="badge badge-success">Delivered</span>
                    {% else %}
                        <span class="badge badge-danger">Failed</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p>No delivery history yet. Configure adapters and trigger events to see delivery logs.</p>
    {% endif %}
</div>

{% endblock %}