{% extends "base.html" %}
{% block content %}
<section class="section">
    <h1 class="title">Network</h1>
    <div class="columns">
        <div class="column">
            <div class="box">
                <h2 class="subtitle">IP Info</h2>
                <a class="button" href="/network/ip" hx-get="/network/ip" hx-target="#ip-result" hx-swap="innerHTML">Show IP Info</a>
                <div id="ip-result"></div>
            </div>
        </div>
        <div class="column">
            <div class="box">
                <h2 class="subtitle">Check Port</h2>
                <form hx-post="/network/checkport" hx-target="#port-result">
                    <div class="field has-addons">
                        <div class="control is-expanded">
                            <input class="input" name="target" placeholder="192.168.1.1:80" required>
                        </div>
                        <div class="control">
                            <button class="button is-primary">Check</button>
                        </div>
                    </div>
                </form>
                <div id="port-result"></div>
            </div>
        </div>
    </div>
    <div class="box">
        <h2 class="subtitle">Network Scan</h2>
        <form hx-post="/network/scan/stream" hx-trigger="submit" hx-target="#scan-output">
            <div class="field has-addons">
                <div class="control is-expanded">
                    <input class="input" name="target" placeholder="192.168.1.0/24" required>
                </div>
                <div class="control">
                    <button class="button is-primary">Scan</button>
                </div>
            </div>
            <div class="field">
                <label class="checkbox"><input type="checkbox" name="full"> Full scan (OS detection, services)</label>
            </div>
        </form>
        <pre id="scan-output" class="log-box mt-2"></pre>
    </div>
</section>
{% endblock %}