{% extends "base.html" %}

{% block title %}Decoy Sensors Fleet{% endblock %}

{% block content %}
<div class="section-card">
    <div class="card-header">
        <div>
            <h3>🛡️ DentiGrid Active Deception Sensors &amp; Honey Infrastructure</h3>
            <p class="text-muted">Distributed high-interaction honeynet nodes emulating authentic enterprise assets across internal subnets and clouds.</p>
        </div>
        <button class="btn btn-primary" onclick="alert('Deploy New Sensor wizard launched. Select Subnet / VLAN template.')">+ Deploy Sensor</button>
    </div>

    <div class="nodes-grid">
        {% for n in nodes %}
        <div class="node-card">
            <div class="node-header">
                <div>
                    <span class="node-status-dot online"></span>
                    <strong class="node-name">{{ n.hostname }}</strong>
                </div>
                <span class="badge badge-success">{{ n.status }}</span>
            </div>
            <div class="node-details">
                <div class="detail-row">
                    <span class="detail-label">Node ID:</span>
                    <span class="mono-text">{{ n.node_id }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">IP Address:</span>
                    <span class="mono-text">{{ n.ip }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Cluster / Region:</span>
                    <span>{{ n.cluster }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Trap Profile:</span>
                    <span>{{ n.trap_type }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Canary Tokens:</span>
                    <span class="badge badge-cyan">{{ n.canary_tokens }} Deployed</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Uptime:</span>
                    <span>{{ n.uptime }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">24h Intercepts:</span>
                    <span class="badge badge-warning">{{ n.hits_24h }} hits</span>
                </div>
            </div>
            <div class="emulated-services">
                <div class="services-title">Emulated Protocols &amp; Ports:</div>
                <div class="service-tags">
                    {% for s in n.emulated_services %}
                    <span class="service-tag">{{ s }}</span>
                    {% endfor %}
                </div>
            </div>
            <div class="node-footer">
                <button class="btn btn-sm btn-secondary" onclick="alert('Viewing live pcap stream for {{ n.node_id }}')">Live PCAP</button>
                <button class="btn btn-sm btn-primary" onclick="alert('Sensor {{ n.node_id }} configuration opened.')">Configure Traps</button>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}