{% extends "base.html" %}
{% block title %}Scan - Hermetic Suite{% endblock %}

{% block content %}
<div class="page-header">
    <h1 class="icon" id="scan">Vulnerability Scanning</h1>
    <p class="subtitle">Scan servers for security vulnerabilities</p>
</div>

<div class="card">
    <div class="card-header">
        <h2>Scan Individual Server</h2>
    </div>
    <div class="card-body">
        {% if servers %}
        <form action="" method="POST" id="scan-form">
            <div class="form-row">
                <div class="form-group">
                    <label for="server_id">Select Server</label>
                    <select id="server_id" name="server_id" required onchange="updateFormAction()">
                        <option value="">-- Select a server --</option>
                        {% for server in servers %}
                        <option value="{{ server.id }}">
                            {{ server.ip_address }} {% if server.hostname %}({{ server.hostname }}){% endif %}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="ports">Port Range</label>
                    <select id="ports" name="ports">
                        <option value="1-1000">Top 1000 ports (fast)</option>
                        <option value="1-10000" selected>Ports 1-10000 (moderate)</option>
                        <option value="1-65535">All ports (slow)</option>
                        <option value="22,80,443,3306,5432">Common services only</option>
                    </select>
                </div>
            </div>
            
            <button type="submit" class="btn btn-primary">🎯 Start Scan</button>
        </form>
        {% else %}
        <p class="empty-state">
            No servers available for scanning. 
            <a href="{{ url_for('scanning.discovery_page') }}">Discover servers</a> first.
        </p>
        {% endif %}
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Batch Scan</h2>
    </div>
    <div class="card-body">
        <form action="{{ url_for('scanning.scan_batch') }}" method="POST" id="batch-form">
            <div class="form-row">
                <div class="form-group">
                    <label for="server-filter">Select Targets</label>
                    <select id="server-filter" name="server_filter" onchange="updateBatchCount()">
                        <option value="all" data-count="{{ total_count }}">All Targets ({{ enabled_count }} servers{% if domains %} + {{ domain_record_count }} domains{% endif %})</option>
                        <option value="servers" data-count="{{ enabled_count }}">All Servers ({{ enabled_count }})</option>
                        {% if subnets|length > 1 %}
                        {% for subnet in subnets %}
                        <option value="subnet:{{ subnet }}">{{ subnet }}.*</option>
                        {% endfor %}
                        {% endif %}
                        {% if domains %}
                        <option value="domains" data-count="{{ domain_record_count }}">All Domains ({{ domain_record_count }} records)</option>
                        {% for domain in domains|sort(attribute='name') %}
                        <option value="domain:{{ domain.id }}">{{ domain.name }}</option>
                        {% endfor %}
                        {% endif %}
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="batch-ports">Port Range</label>
                    <select id="batch-ports" name="ports">
                        <option value="1-1000">Top 1000 ports (fast)</option>
                        <option value="1-10000" selected>Ports 1-10000 (moderate)</option>
                        <option value="1-65535">All ports (slow)</option>
                        <option value="22,80,443,3306,5432">Common services only</option>
                    </select>
                </div>
            </div>
            
            <div class="batch-summary" style="margin: 1rem 0; padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px;">
                <span id="batch-count">{{ total_count }} targets</span> will be scanned
                <span class="text-muted">(only items with scanning enabled)</span>
            </div>
            
            <button type="submit" class="btn btn-primary" 
                    onclick="return confirm('Start batch scan? This may take a while.');">
                🚀 Start Batch Scan
            </button>
        </form>
    </div>
</div>

{% if profiles %}
<div class="card">
    <div class="card-header">
        <h2>Scan Profiles</h2>
    </div>
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Ports</th>
                    <th>nmap Args</th>
                </tr>
            </thead>
            <tbody>
                {% for profile in profiles %}
                <tr>
                    <td><strong>{{ profile.name }}</strong></td>
                    <td>{{ profile.scan_type.value }}</td>
                    <td>{{ profile.port_range }}</td>
                    <td><code>{{ profile.nmap_args }}</code></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

<script>
function updateFormAction() {
    var serverId = document.getElementById('server_id').value;
    var form = document.getElementById('scan-form');
    if (serverId) {
        form.action = '{{ url_for("scanning.scan_server", server_id=0) }}'.replace('0', serverId);
    }
}

// Update batch count when filter changes
function updateBatchCount() {
    var select = document.getElementById('server-filter');
    var filter = select.value;
    
    // Check if we have a pre-computed count
    var option = select.options[select.selectedIndex];
    if (option.dataset.count) {
        document.getElementById('batch-count').textContent = option.dataset.count + ' targets';
        return;
    }
    
    fetch('{{ url_for("api.get_batch_count") }}?filter=' + encodeURIComponent(filter))
        .then(response => response.json())
        .then(data => {
            document.getElementById('batch-count').textContent = data.count + ' targets';
        });
}
</script>
{% endblock %}