<div class="row tile">
    <div class="col-md-6 col-md-auto">
        <div>
            <h3 class="tile-title">添加</h3>
            <div class="tile-body">
                <form>
                    <div class="form-group">
                        <label class="control-label">备注</label>
                        <input class="form-control" type="text" name="remark" placeholder="备注">
                    </div>
                    <div class="form-group">
                        <label class="control-label">域名</label>
                        <input class="form-control" type="text" name="host" placeholder="域名">
                    </div>
                    <div class="form-group">
                        <label class="control-label">客户端id</label>
                        <input value="{{.client_id}}" class="form-control" type="text" name="client_id"
                               placeholder="客户端id">
                    </div>
                    <div class="form-group">
                        <label class="control-label">内网目标</label>
                        <textarea class="form-control" rows="4" type="text" name="target"
                                  placeholder="内网隧道目标，例如10.1.50.203:22，如需负载均衡多个地址换行分隔"></textarea>
                    </div>
                    <div class="form-group" id="header">
                        <label class="control-label">header头修改(冒号分隔，多个请换行填写)</label>
                        <textarea class="form-control" rows="4" type="text" name="header"
                                  placeholder="Cache-Control: no-cache"></textarea>
                    </div>
                    <div class="form-group" id="hostchange">
                        <label class="control-label">host修改</label>
                        <input class="form-control" value="" type="text" name="hostchange"
                               placeholder="host修改">
                    </div>
                </form>
            </div>
            <div class="tile-footer">
                &nbsp;&nbsp;<button class="btn btn-success" href="#" id="add"><i
                    class="fa fa-fw fa-lg fa-eye"></i>添加
            </button>
            </div>
        </div>
    </div>
</div>
</main>
<script>
    $(function () {
        $("#add").on("click", function () {
            $.ajax({
                type: "POST",
                url: "/index/addhost",
                data: $("form").serializeArray(),
                success: function (res) {
                    alert(res.msg)
                    if (res.status) {
                        history.back(-1)
                    }
                }
            })
        })
    })
</script>