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

{% block content %}
<div class="page-header">
    <h1 class="icon" id="domains">Domains</h1>
    <p class="subtitle">External domains and DNS records</p>
</div>

{% if domains %}
<div class="card">
    <div class="card-header">
        <h2>Tracked Domains</h2>
    </div>
    <div class="card-body">
        <form id="batch-scan-form" action="{{ url_for('scanning.scan_selected_domains') }}" method="POST">
            <div class="batch-controls" style="margin-bottom: 1rem; display: flex; gap: 1rem; align-items: center;">
                <label class="checkbox-label">
                    <input type="checkbox" id="select-all" onchange="toggleSelectAll()"> Select All
                </label>
                <span id="selected-count" class="text-muted">(0 selected)</span>
                <div style="margin-left: auto; display: flex; gap: 0.5rem; align-items: center;">
                    <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>
            
            <table class="table">
                <thead>
                    <tr>
                        <th style="width: 40px;"></th>
                        <th>Domain</th>
                        <th>Records</th>
                        <th>Scannable</th>
                        <th>Vulns</th>
                        <th>Last Discovered</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for domain in domains %}
                    <tr>
                        <td>
                            <input type="checkbox" name="domain_ids" value="{{ domain.id }}" 
                                class="domain-checkbox" onchange="updateSelectedCount()">
                        </td>
                        <td>
                            <a href="{{ url_for('domains.domain_detail', domain_id=domain.id) }}">
                                <strong>{{ domain.name }}</strong>
                            </a>
                        </td>
                        <td>{{ domain.dns_records | length }}</td>
                        <td>
                            {% set scannable = domain.dns_records | selectattr('record_type', 'equalto', 'A') | list | length %}
                            {{ scannable }}
                        </td>
                        <td>
                            {% set vuln_count = namespace(value=0) %}
                            {% for record in domain.dns_records %}
                                {% set vuln_count.value = vuln_count.value + (record.vulnerabilities|rejectattr('is_resolved')|list|length) %}
                            {% endfor %}
                            {% if vuln_count.value > 0 %}
                            <a href="{{ url_for('domains.domain_detail', domain_id=domain.id) }}#vulnerabilities" 
                               class="badge badge-danger">{{ vuln_count.value }}</a>
                            {% else %}
                            <span class="badge badge-success">0</span>
                            {% endif %}
                        </td>
                        <td>{{ domain.last_discovered.strftime('%Y-%m-%d %H:%M') if domain.last_discovered else 'Never' }}</td>
                        <td>
                            <a href="{{ url_for('domains.domain_detail', domain_id=domain.id) }}" class="btn btn-sm btn-secondary">View</a>
                            <form action="{{ url_for('domains.delete_domain', domain_id=domain.id) }}" method="POST" style="display: inline;">
                                <button type="submit" class="btn btn-sm btn-danger" 
                                    onclick="return confirm('Delete {{ domain.name }} and all its DNS records?');">Delete</button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            
            <div class="batch-actions" style="margin-top: 1rem;">
                <button type="submit" class="btn btn-primary" id="batch-scan-btn" disabled>
                    🎯 Scan Selected
                </button>
            </div>
        </form>
    </div>
</div>
{% else %}
<div class="card">
    <div class="card-body">
        <p class="empty-state">
            No domains tracked yet.
            <a href="{{ url_for('scanning.discovery_page') }}">Run external discovery</a> to add domains.
        </p>
    </div>
</div>
{% endif %}

<div class="card">
    <div class="card-header">
        <h2>Add Domain Manually</h2>
    </div>
    <div class="card-body">
        <form action="{{ url_for('domains.add_domain') }}" method="POST">
            <div class="form-row">
                <div class="form-group" style="flex: 1;">
                    <label for="domain_name">Domain Name</label>
                    <input type="text" id="domain_name" name="domain_name" 
                           placeholder="example.com" required>
                </div>
                <div class="form-group" style="flex: 0 0 auto; align-self: flex-end;">
                    <button type="submit" class="btn btn-primary">Add Domain</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
function toggleSelectAll() {
    var selectAll = document.getElementById('select-all');
    var checkboxes = document.querySelectorAll('.domain-checkbox');
    checkboxes.forEach(cb => cb.checked = selectAll.checked);
    updateSelectedCount();
}

function updateSelectedCount() {
    var checkboxes = document.querySelectorAll('.domain-checkbox:checked');
    var count = checkboxes.length;
    document.getElementById('selected-count').textContent = '(' + count + ' selected)';
    document.getElementById('batch-scan-btn').disabled = count === 0;
    
    // Update select-all checkbox state
    var allCheckboxes = document.querySelectorAll('.domain-checkbox');
    var selectAll = document.getElementById('select-all');
    selectAll.checked = count > 0 && count === allCheckboxes.length;
    selectAll.indeterminate = count > 0 && count < allCheckboxes.length;
}
</script>
{% endblock %}