{% extends "base.html" %}

{% block page_title %}网络工具{% endblock %}

{% block content %}
<div class="grid-2">
    <div class="card">
        <div class="card-header">
            <h2>请求发送器</h2>
            <p class="card-subtitle">支持 HTTP 请求与 TCP 发送（可选 Hex 模式）</p>
        </div>

        <div class="card-body">
            {% if error %}
                <div class="alert alert-error">错误：{{ error }}</div>
            {% endif %}
            {% if result %}
                <div class="alert alert-info">
                    <h3>结果</h3>
                    <pre class="result-preview">{{ result }}</pre>
                </div>
            {% endif %}

            <form method="post" action="/admin/nettools" class="form">
                <input type="hidden" name="action" value="send">

                <div class="tabs">
                    <label class="tab-item">
                        <input type="radio" name="mode" value="http"
                               {% if form.mode != 'tcp' %}checked{% endif %}>
                        <span>HTTP</span>
                    </label>
                    <label class="tab-item">
                        <input type="radio" name="mode" value="tcp"
                               {% if form.mode == 'tcp' %}checked{% endif %}>
                        <span>TCP</span>
                    </label>
                </div>

                <div class="tab-panel">
                    <h3>HTTP 请求</h3>
                    <div class="form-group inline">
                        <label>方法</label>
                        <select name="http_method">
                            <option value="GET" {% if form.http_method == 'GET' %}selected{% endif %}>GET</option>
                            <option value="POST" {% if form.http_method == 'POST' %}selected{% endif %}>POST</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label>URL</label>
                        <input type="text" name="http_url" value="{{ form.http_url or '' }}" placeholder="http://example.com">
                    </div>

                    <div class="form-group">
                        <label>Body（POST 时可选）</label>
                        <textarea name="http_body" rows="4"
                                  placeholder="原始请求体">{{ form.http_body or '' }}</textarea>
                    </div>
                </div>

                <div class="tab-panel">
                    <h3>TCP 请求</h3>
                    <div class="form-group inline">
                        <div>
                            <label>Host</label>
                            <input type="text" name="tcp_host" value="{{ form.tcp_host or '' }}" placeholder="127.0.0.1">
                        </div>
                        <div>
                            <label>Port</label>
                            <input type="number" name="tcp_port" value="{{ form.tcp_port or 0 }}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Payload</label>
                        <textarea name="tcp_payload" rows="6"
                                  placeholder="普通字符串，或者 \x5a\x42... 形式">{{ form.tcp_payload or '' }}</textarea>
                    </div>

                    <div class="form-group">
                        <label class="checkbox">
                            <input type="checkbox" name="tcp_hex" value="on"
                                   {% if form.tcp_hex %}checked{% endif %}>
                            <span>Hex 模式</span>
                        </label>
                    </div>
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">发送请求 / 数据包</button>
                </div>
            </form>
        </div>
    </div>


</div>
{% endblock %}