{% extends "base.html" %}
{% block title %}IL5 Ingestion — ICDEV™ Dashboard{% endblock %}

{% block content %}
<div class="cui-banner" id="il5-banner">
    <span id="banner-text">CUI // CUI // IL5</span>
</div>

<h1>IL5 Data Ingestion</h1>
<p class="text-muted">Impact Level 5 (CUI) data feed — parsed records and 30-second SLA compliance.</p>

<!-- Stats -->
<div class="activity-stat-cards" id="il5-stats">
    <div class="activity-stat-card">
        <div class="stat-value" id="stat-total">-</div>
        <div class="stat-label">Total Events</div>
    </div>
    <div class="activity-stat-card">
        <div class="stat-value" id="stat-met">-</div>
        <div class="stat-label">SLA Met</div>
    </div>
    <div class="activity-stat-card">
        <div class="stat-value" id="stat-violated">-</div>
        <div class="stat-label">SLA Violated</div>
    </div>
    <div class="activity-stat-card">
        <div class="stat-value" id="stat-compliance">-</div>
        <div class="stat-label">Compliance %</div>
    </div>
    <div class="activity-stat-card">
        <div class="stat-value" id="stat-threshold">30s</div>
        <div class="stat-label">SLA Threshold</div>
    </div>
</div>

<!-- Events table -->
<div class="table-container">
    <table class="data-table" id="il5-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>Source ID</th>
                <th>Classification</th>
                <th>Ingested At</th>
                <th>Source Published</th>
                <th>Latency (s)</th>
                <th>SLA Status</th>
            </tr>
        </thead>
        <tbody id="il5-body">
            <tr><td colspan="7" style="text-align:center; color:var(--text-secondary);">Loading...</td></tr>
        </tbody>
    </table>
</div>

<!-- Chart -->
<div style="margin-top:1.5rem;">
    <h3>Latency Chart</h3>
    <div id="il5-chart-container" style="height:280px;"></div>
</div>
{% endblock %}

{% block scripts %}
<script defer src="{{ url_for('static', filename='js/il5.js') }}"></script>
{% endblock %}