@extends('admin.layouts')
@section('css')
	<link href="/assets/global/vendor/bootstrap-select/bootstrap-select.min.css" type="text/css" rel="stylesheet">
	<style type="text/css">
		.hidden {
			display: none
		}
	</style>
@endsection
@section('content')
	<div class="page-content container-fluid">
		<div class="panel">
			<div class="panel-heading">
				<h2 class="panel-title">节点添加</h2>
			</div>
			<div class="alert alert-info" role="alert">
				<button class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span><span class="sr-only">{{trans('home.close')}}</span></button>
				<strong>注意：</strong> 添加节点后自动生成的<code>ID</code>，即为该节点部署ShadowsocksR Python版后端时<code>usermysql.json</code>中的<code>node_id</code>的值，同时也是部署V2Ray后端时的<code>nodeId</code>的值；
			</div>
			<div class="panel-body">
				<form action="/admin/addNode" method="post" class="form-horizontal" onsubmit="return Submit()">
					<div class="row">
						<div class="col-lg-6">
							<div class="example-wrap">
								<h4 class="example-title">基础信息</h4>
								<div class="example">
									<div class="form-group row">
										<label for="is_transit" class="col-md-3 col-form-label">中转</label>
										<ul class="col-md-9 list-unstyled list-inline">
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="is_transit" value="1">
													<label>是</label>
												</div>
											</li>
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="is_transit" value="0" checked>
													<label>否</label>
												</div>
											</li>
										</ul>
									</div>
									<div class="form-group row">
										<label for="is_ddns" class="col-md-3 col-form-label">DDNS</label>
										<ul class="col-md-9 list-unstyled list-inline">
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="is_ddns" value="1">
													<label>是</label>
												</div>
											</li>
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="is_ddns" value="0" checked>
													<label>否</label>
												</div>
											</li>
										</ul>
										<span class="text-help offset-md-3"> 动态IP节点需要<a href="https://github.com/NewFuture/DDNS" target="_blank">配置DDNS</a>，对此类型节点，节点阻断功能会通过域名进行检测 </span>
									</div>
									<div class="form-group row">
										<label for="name" class="col-md-3 col-form-label"> 节点名称 </label>
										<input type="text" class="form-control col-md-4" name="name" id="name" autofocus required>
									</div>
									<div class="form-group row">
										<label for="server" class="col-md-3 col-form-label"> 域名 </label>
										<input type="text" class="form-control col-md-4" name="server" id="server" placeholder="服务器域名地址，填则优先取域名地址">
										<span class="text-help offset-md-3">如果开启Namesilo且域名是Namesilo上购买的，则会强制更新域名的DNS记录为本节点IP，如果其他节点绑定了该域名则会清空其域名信息</span>
									</div>
									<div class="form-group row">
										<label for="ip" class="col-md-3 col-form-label"> IPv4地址 </label>
										<input type="text" class="form-control col-md-4" name="ip" id="ip" placeholder="服务器IPv4地址" required>
									</div>
									<div class="form-group row">
										<label for="ipv6" class="col-md-3 col-form-label"> IPv6地址 </label>
										<input type="text" class="form-control col-md-4" name="ipv6" id="ipv6" placeholder="服务器IPv6地址，填写则用户可见，域名无效">
									</div>
									<div class="form-group row">
										<label for="ssh_port" class="col-md-3 col-form-label"> SSH端口 </label>
										<input type="text" class="form-control col-md-4" name="ssh_port" value="22" id="ssh_port" placeholder="服务器SSH端口" required>
										<span class="text-help offset-md-3">请务必正确填写此值，否则TCP阻断检测可能误报</span>
									</div>
									<div class="form-group row">
										<label for="traffic_rate" class="col-md-3 col-form-label"> 流量比例 </label>
										<input type="number" class="form-control col-md-4" name="traffic_rate" value="1.0" id="traffic_rate" step="0.01" required>
										<span class="text-help offset-md-3"> 举例：0.1用100M结算10M，5用100M结算500M </span>
									</div>
									<div class="form-group row">
										<label for="labels" class="col-md-3 col-form-label">标签</label>
										<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control show-tick" id="labels" name="labels" multiple>
											@foreach($label_list as $label)
												<option value="{{$label->id}}">{{$label->name}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group row">
										<label for="group_id" class="col-md-3 col-form-label"> 所属分组 </label>
										<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="group_id" id="group_id" placeholder="请选择">
											@if(!$group_list->isEmpty())
												@foreach($group_list as $group)
													<option value="{{$group->id}}">{{$group->name}}</option>
												@endforeach
											@endif
										</select>
									</div>
									<div class="form-group row">
										<label for="country_code" class="col-md-3 col-form-label"> 国家/地区 </label>
										<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="country_code" id="country_code">
											<option value="" hidden>请选择</option>
											@if(!$country_list->isEmpty())
												@foreach($country_list as $country)
													<option value="{{$country->code}}">{{$country->code}} - {{$country->name}}</option>
												@endforeach
											@endif
										</select>
									</div>
									<div class="form-group row">
										<label for="desc" class="col-md-3 col-form-label"> 描述 </label>
										<input type="text" class="form-control col-md-6" name="desc" id="desc" placeholder="简单描述">
									</div>
									<div class="form-group row">
										<label for="sort" class="col-md-3 col-form-label">排序</label>
										<input type="text" class="form-control col-md-4" name="sort" id="sort" value="1"/>
										<span class="text-help offset-md-3"> 排序值越大排越前 &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</span>
									</div>
									<div class="form-group row">
										<label for="status" class="col-md-3 col-form-label">状态</label>
										<ul class="col-md-9 list-unstyled list-inline">
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="status" value="1" checked>
													<label>正常</label>
												</div>
											</li>
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="status" value="0">
													<label>维护</label>
												</div>
											</li>
										</ul>
									</div>
									<!--
									<div class="form-group row">
										<label for="bandwidth" class="col-md-3 col-form-label">出口带宽</label>
										<div class="input-group col-md-4">
											<input type="text" class="form-control" name="bandwidth" value="1000" id="bandwidth" required>
											<span class="input-group-text">M</span>
										</div>
									</div>
									<div class="form-group row">
										<label for="traffic" class="col-md-3 col-form-label">每月可用流量</label>
										<div class="input-group col-md-4">
											<input type="text" class="form-control right" name="traffic" value="1000" id="traffic" required>
											<span class="input-group-text">G</span>
										</div>
									</div>
									<div class="form-group row">
										<label for="monitor_url" class="col-md-3 col-form-label">监控地址</label>
										<input type="text" class="form-control col-md-4" name="monitor_url" value="" id="monitor_url" placeholder="节点实时监控地址">
										<span class="text-help offset-md-3"> 例如：http://us1.ssrpanel.com/api/monitor </span>
									</div>
									-->
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="example-wrap">
								<h4 class="example-title">扩展信息</h4>
								<div class="example">
									<div class="form-group row">
										<label for="service" class="col-md-3 col-form-label">类型</label>
										<ul class="col-md-9 list-unstyled list-inline">
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="service" value="1" checked>
													<label>Shadowsocks(R)</label>
												</div>
											</li>
											<li class="list-inline-item">
												<div class="radio-custom radio-primary">
													<input type="radio" name="service" value="2">
													<label>V2Ray</label>
												</div>
											</li>
										</ul>
									</div>
									<hr/>
									<!-- SS/SSR 设置部分 -->
									<div class="ssr-setting">
										<div class="form-group row">
											<label for="method" class="col-md-3 col-form-label">加密方式</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="method" id="method">
												@foreach ($method_list as $method)
													<option value="{{$method->name}}" @if($method->is_default) selected @endif>{{$method->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="form-group row">
											<label for="protocol" class="col-md-3 col-form-label">协议</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="protocol" id="protocol">
												@foreach ($protocol_list as $protocol)
													<option value="{{$protocol->name}}" @if($protocol->is_default) selected @endif>{{$protocol->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="form-group row">
											<label for="protocol_param" class="col-md-3 col-form-label"> 协议参数 </label>
											<input type="text" class="form-control col-md-4" name="protocol_param" id="protocol_param">
										</div>
										<div class="form-group row">
											<label for="obfs" class="col-md-3 col-form-label">混淆</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="obfs" id="obfs">
												@foreach ($obfs_list as $obfs)
													<option value="{{$obfs->name}}" @if($obfs->is_default) selected @endif>{{$obfs->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="form-group row">
											<label for="obfs_param" class="col-md-3 col-form-label"> 混淆参数 </label>
											<textarea class="form-control col-md-8" rows="5" name="obfs_param" id="obfs_param"></textarea>
										</div>
										<div class="form-group row">
											<label for="compatible" class="col-md-3 col-form-label">兼容SS</label>
											<ul class="col-md-9 list-unstyled list-inline">
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="compatible" value="1">
														<label>是</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="compatible" value="0" checked>
														<label>否</label>
													</div>
												</li>
											</ul>
											<p class="text-help offset-md-3"> 如果兼容请在服务端配置协议和混淆时加上<span class="red-700">_compatible</span>
											</p>
										</div>
										<div class="form-group row">
											<label for="is_subscribe" class="col-md-3 col-form-label">订阅</label>
											<ul class="col-md-9 list-unstyled list-inline">
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="is_subscribe" value="1" checked>
														<label>允许</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="is_subscribe" value="0">
														<label>不允许</label>
													</div>
												</li>
											</ul>
										</div>
										<div class="form-group row">
											<label for="detectionType" class="col-md-3 col-form-label">节点阻断检测</label>
											<ul class="col-md-9 list-unstyled list-inline">
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="detectionType" value="0" checked/>
														<label>关闭</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="detectionType" value="1"/>
														<label>只检测TCP</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="detectionType" value="2"/>
														<label>只检测ICMP</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="detectionType" value="3"/>
														<label>检测全部</label>
													</div>
												</li>
											</ul>
											<span class="text-help offset-md-3"> 每30~60分钟随机进行节点阻断检测 </span>
										</div>
										<hr/>
										<div class="form-group row">
											<label for="single" class="col-md-3 col-form-label">单端口</label>
											<ul class="col-md-9 list-unstyled list-inline">
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="single" value="1">
														<label>启用</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="single" value="0" checked>
														<label>关闭</label>
													</div>
												</li>
											</ul>
											<span class="text-help offset-md-3"> 如果启用请配置服务端的<span class="red-700"> <a href="javascript:showTnc();">additional_ports</a> </span>信息 </span>
										</div>
										<div class="single-setting hidden">
											<div class="form-group row">
												<label for="port" class="col-md-3 col-form-label">[单] 端口</label>
												<input type="number" class="form-control col-md-4" name="port" value="443" id="port"/>
												<span class="text-help offset-md-3"> 推荐80或443，服务端需要配置 </span>
												<span class="text-help offset-md-3"> 严格模式：用户的端口无法连接，只能通过以下指定的端口进行连接（<a href="javascript:showPortsOnlyConfig();">如何配置</a>）</span>
											</div>
											<div class="form-group row">
												<label for="passwd" class="col-md-3 col-form-label">[单] 密码</label>
												<input type="text" class="form-control col-md-4" name="passwd" id="passwd" placeholder="password">
											</div>
										</div>
									</div>
									<!-- V2ray 设置部分 -->
									<div class="v2ray-setting hidden">
										<div class="form-group row">
											<label for="v2_alter_id" class="col-md-3 col-form-label">额外ID</label>
											<input type="text" class="form-control col-md-4" name="v2_alter_id" value="16" id="v2_alter_id"/>
										</div>
										<div class="form-group row">
											<label for="v2_port" class="col-md-3 col-form-label">端口</label>
											<input type="number" class="form-control col-md-4" name="v2_port" value="10087" id="v2_port"/>
										</div>
										<div class="form-group row">
											<label for="v2_method" class="col-md-3 col-form-label">加密方式</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="v2_method" id="v2_method">
												<option value="none">none</option>
												<option value="aes-128-cfb">aes-128-cfb</option>
												<option value="aes-128-gcm" selected>aes-128-gcm</option>
												<option value="chacha20-poly1305">chacha20-poly1305</option>
											</select>
											<span class="text-help offset-md-3"> 使用WebSocket传输协议时不要使用none </span>
										</div>
										<div class="form-group row">
											<label for="v2_net" class="col-md-3 col-form-label">传输协议</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="v2_net" id="v2_net">
												<option value="tcp" selected>TCP</option>
												<option value="kcp">mKCP（kcp）</option>
												<option value="ws">WebSocket（ws）</option>
												<option value="h2">HTTP/2（h2）</option>
											</select>
											<span class="text-help offset-md-3"> 使用WebSocket传输协议时请启用TLS </span>
										</div>
										<div class="form-group row">
											<label for="v2_type" class="col-md-3 col-form-label">伪装类型</label>
											<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="v2_type" id="v2_type">
												<option value="none" selected>无伪装</option>
												<option value="http">HTTP数据流</option>
												<option value="srtp">视频通话数据 (SRTP)</option>
												<option value="utp">BT下载数据 (uTP)</option>
												<option value="wechat-video">微信视频通话</option>
												<option value="dtls">DTLS1.2数据包</option>
												<option value="wireguard">WireGuard数据包</option>
											</select>
										</div>
										<div class="form-group row">
											<label for="v2_host" class="col-md-3 col-form-label">伪装域名</label>
											<input type="text" class="form-control col-md-4" name="v2_host" id="v2_host">
											<span class="text-help offset-md-3"> 伪装类型为http时多个伪装域名逗号隔开，使用WebSocket传输协议时只允许单个 </span>
										</div>
										<div class="form-group row">
											<label for="v2_path" class="col-md-3 col-form-label">ws/h2路径</label>
											<input type="text" class="form-control col-md-4" name="v2_path" id="v2_path">
										</div>
										<div class="form-group row">
											<label for="v2_tls" class="col-md-3 col-form-label">TLS</label>
											<ul class="col-md-9 list-unstyled list-inline">
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="v2_tls" value="1">
														<label>是</label>
													</div>
												</li>
												<li class="list-inline-item">
													<div class="radio-custom radio-primary">
														<input type="radio" name="v2_tls" value="0" checked>
														<label>否</label>
													</div>
												</li>
											</ul>
										</div>
										<div class="form-group row">
											<label for="v2_insider_port" class="col-md-3 col-form-label">内部端口</label>
											<input type="number" class="form-control col-md-4" name="v2_insider_port" id="v2_insider_port" value="10550"/>
											<span class="text-help offset-md-3"> 内部监听，当端口为0时启用，仅支持<a href="https://github.com/rico93/pay-v2ray-sspanel-v3-mod_Uim-plugin/" target="_blank">rico93版</a> </span>

										</div>
										<div class="form-group row">
											<label for="v2_outsider_port" class="col-md-3 col-form-label">内部端口</label>
											<input type="number" class="form-control col-md-4" name="v2_outsider_port" id="v2_outsider_port" value="443"/>
											<span class="text-help offset-md-3"> 外部覆盖，当端口为0时启用，仅支持<a href="https://github.com/rico93/pay-v2ray-sspanel-v3-mod_Uim-plugin/" target="_blank">rico93版</a> </span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-12 form-actions">
								<button type="submit" class="btn btn-success">提 交</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
@endsection
@section('script')
	<script src="/assets/global/vendor/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
	<script src="/assets/global/js/Plugin/bootstrap-select.js" type="text/javascript"></script>

	<script type="text/javascript">
        // ajax同步提交
        function Submit() {
            $.ajax({
                type: "POST",
                url: "/admin/addNode",
                async: false,
                data: {
                    _token: '{{csrf_token()}}',
                    name: $('#name').val(),
                    labels: $('#labels').val(),
                    group_id: $('#group_id option:selected').val(),
                    country_code: $('#country_code option:selected').val(),
                    server: $('#server').val(),
                    ip: $('#ip').val(),
                    ipv6: $('#ipv6').val(),
                    desc: $('#desc').val(),
                    method: $('#method').val(),
                    traffic_rate: $('#traffic_rate').val(),
                    protocol: $('#protocol').val(),
                    protocol_param: $('#protocol_param').val(),
                    obfs: $('#obfs').val(),
                    obfs_param: $('#obfs_param').val(),
                    bandwidth: $('#bandwidth').val(),
                    traffic: $('#traffic').val(),
                    monitor_url: $('#monitor_url').val(),
                    is_subscribe: $("input:radio[name='is_subscribe']:checked").val(),
                    is_ddns: $("input:radio[name='is_ddns']:checked").val(),
                    is_transit: $("input:radio[name='is_transit']:checked").val(),
                    ssh_port: $('#ssh_port').val(),
                    compatible: $("input:radio[name='compatible']:checked").val(),
                    single: $("input:radio[name='single']:checked").val(),
                    port: $('#port').val(),
                    passwd: $('#passwd').val(),
                    sort: $('#sort').val(),
                    status: $("input:radio[name='status']:checked").val(),
                    detectionType: $("input:radio[name='detectionType']:checked").val(),
                    type: $("input:radio[name='service']:checked").val(),
                    v2_alter_id: $('#v2_alter_id').val(),
                    v2_port: $('#v2_port').val(),
                    v2_method: $("#v2_method option:selected").val(),
                    v2_net: $('#v2_net').val(),
                    v2_type: $('#v2_type').val(),
                    v2_host: $('#v2_host').val(),
                    v2_path: $('#v2_path').val(),
                    v2_tls: $("input:radio[name='v2_tls']:checked").val(),
                    v2_insider_port: $('#v2_insider_port').val(),
                    v2_outsider_port: $('#v2_outsider_port').val()
                },
                dataType: 'json',
                success: function (ret) {
                    if (ret.status === 'success') {
                        swal.fire({title: ret.message, type: 'success', timer: 1000, showConfirmButton: false})
                            .then(() => window.location.href = '/admin/nodeList')
                    } else {
                        swal.fire({title: ret.message, type: "error"})
                    }
                }
            });
            return false;
        }

        // 设置单端口多用户
        $("input:radio[name='single']").on('change', function () {
            if (parseInt($(this).val())) {
                $(".single-setting").show();
            } else {
                $(".single-setting").hide();
            }
        });

        // 设置服务类型
        $("input:radio[name='service']").on('change', function () {
            if (parseInt($(this).val()) === 1) {
                $(".ssr-setting").show();
                $(".v2ray-setting").hide();
            } else {
                $(".ssr-setting").hide();
                $(".v2ray-setting").show();
            }
        });

        // 设置是否使用DDNS
        $("input:radio[name='is_ddns']").on('change', function () {
            if (parseInt($(this).val())) {
                $("#ip").val("1.1.1.1").attr("readonly", "readonly");
                $("#server").attr("required", "required");
            } else {
                $("#ip").val("").removeAttr("readonly");
                $("#server").removeAttr("required");
            }
        });

        // 服务条款
        function showTnc() {
            const content =
                '<ol>' +
                '<li>请勿直接复制黏贴以下配置，SSR(R)会报错的</li>' +
                '<li>确保服务器时间为CST</li>' +
                '<li>具体请看<a href="https://github.com/ssrpanel/SSRPanel/wiki/%E5%8D%95%E7%AB%AF%E5%8F%A3%E5%A4%9A%E7%94%A8%E6%88%B7%E7%9A%84%E5%9D%91" target="_blank">WIKI</a></li>' +
                '</ol>' +
                '&emsp;&emsp;"additional_ports" : {<br />' +
                '&emsp;&emsp;&emsp;"443": {<br />' +
                '&emsp;&emsp;&emsp;&emsp;"passwd": "@HentaiCloud!",<br />' +
                '&emsp;&emsp;&emsp;&emsp;"method": "none",<br />' +
                '&emsp;&emsp;&emsp;&emsp;"protocol": "auth_chain_a",<br />' +
                '&emsp;&emsp;&emsp;&emsp;"protocol_param": "#",<br />' +
                '&emsp;&emsp;&emsp;&emsp;"obfs": "plain",<br />' +
                '&emsp;&emsp;&emsp;&emsp;"obfs_param": "fe2.update.microsoft.com"<br />' +
                '&emsp;&emsp;&emsp;}<br />' +
                '&emsp;&emsp;},';


            swal.fire({
                title: '[节点 user-config.json 配置示例]',
                html: '<div class="p-10 bg-grey-900 text-white font-weight-300 text-left" style="line-height: 22px;">' + content + '</div>',
                type: 'info'
            });
        }

        // 模式提示
        function showPortsOnlyConfig() {
            const content = '严格模式："additional_ports_only": "true"'
                + '<br><br>'
                + '兼容模式："additional_ports_only": "false"';

            swal.fire({
                title: '[节点 user-config.json 配置示例]',
                html: '<div class="p-10 bg-grey-900 text-white font-weight-300 text-left" style="line-height: 22px;">' + content + '</div>',
                type: 'info'
            });
        }
	</script>
@endsection