@extends('base.base')
@section('title','错误页面')

@section('head_css')
@parent
<style>
  /* 用户信息 */
  .user-info-list-item {
      position: relative;
      padding-bottom: 8px;
  }

  .user-info-list-item > .layui-icon {
      position: absolute;
  }

  .user-info-list-item > p {
      padding-left: 30px;
  }

  .layui-line-dash {
      border-bottom: 1px dashed #ccc;
      margin: 15px 0;
  }

  /* 基本信息 */
  #userInfoForm .layui-form-item {
      margin-bottom: 25px;
  }

  /* 账号绑定 */
  .user-bd-list-item {
      padding: 14px 60px 14px 10px;
      border-bottom: 1px solid #e8e8e8;
      position: relative;
  }

  .user-bd-list-item .user-bd-list-lable {
      color: #333;
      margin-bottom: 4px;
  }

  .user-bd-list-item .user-bd-list-oper {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -8px;
      cursor: pointer;
  }

  .user-bd-list-item .user-bd-list-img {
      width: 48px;
      height: 48px;
      line-height: 48px;
      position: absolute;
      top: 50%;
      left: 10px;
      margin-top: -24px;
  }

  .user-bd-list-item .user-bd-list-img + .user-bd-list-content {
      margin-left: 68px;
  }
</style>
@endsection

@section('head_js')
@parent
@endsection

@section('content')
@parent
<!-- 主体部分 -->
<div class="layui-body">
  <div class="layui-body-header">
      <span class="layui-body-header-title">域控服务器配置</span>
      <span class="layui-breadcrumb pull-right">
        <a href="{{URL('/')}}">首页</a>
        <a><cite>系统信息管理</cite></a>
      </span>
  </div>
  <!-- 正文开始 -->
  <div class="layui-fluid">
      <div class="layui-row layui-col-space15">
          <!-- 右 -->
          <div class="layui-col-sm12 layui-col-md12">
              <div class="layui-card">
                  <div class="layui-tab layui-tab-brief" lay-filter="userInfoTab">
                      <ul class="layui-tab-title">
                          <li class="layui-this">配置信息</li>
                          <!--<li>账号绑定</li>-->
                      </ul>
                      <div class="layui-tab-content">
                          <!-- tab1 -->
                          <div class="layui-tab-item layui-show">
                              <input type="hidden" name="id" value="{{$config->id}}">
                              <div class="layui-form user-info-form layui-text"
                                   style="max-width: 600px;padding-top: 25px;margin-left: 400px;">
                                  <div class="layui-form-item">
                                      <label class="layui-form-label layui-form-required">host:</label>
                                      <div class="layui-input-block">
                                          <input type="text" name="host" value="{{$config->host}}"
                                                 class="layui-input" lay-verify="required" required/>
                                      </div>
                                  </div>
                                  <div class="layui-form-item">
                                      <label class="layui-form-label layui-form-required">port:</label>
                                      <div class="layui-input-block">
                                          <input type="text" name="port" value="{{$config->port}}"
                                                 class="layui-input" lay-verify="required" required/>
                                      </div>
                                  </div>
                                  <div class="layui-form-item">
                                      <label class="layui-form-label layui-form-required">base_dn:</label>
                                      <div class="layui-input-block">
                                          <input type="text" name="base_dn" value="{{$config->base_dn}}"
                                                 class="layui-input" lay-verify="required" required/>
                                      </div>
                                  </div>
                                  <div class="layui-form-item">
                                      <label class="layui-form-label layui-form-required">username:</label>
                                      <div class="layui-input-block">
                                          <input type="text" name="username" value="{{$config->username}}"
                                                 class="layui-input" lay-verify="required" required/>
                                      </div>
                                  </div>
                                  <div class="layui-form-item">
                                      <label class="layui-form-label layui-form-required">password:</label>
                                      <div class="layui-input-block">
                                          <input type="password" name="password" value="{{$config->password}}"
                                                 class="layui-input" lay-verify="required" required/>
                                      </div>
                                  </div>
                                  <div class="layui-form-item">
                                      <div class="layui-input-block">
                                          <button class="layui-btn" lay-filter="userInfoSubmit" lay-submit>
                                            更新配置信息
                                          </button>
                                      </div>
                                  </div>
                              </div>

                          </div>
                          <!-- tab2 -->
                      </div>
                  </div>
                  <!-- //选项卡结束 -->
              </div>
          </div>
      </div>
  </div>
</div>
<script type="text/javascript">
  layui.use(['layer', 'form', 'element', 'admin'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var element = layui.element;
    var admin = layui.admin;
    admin.activeNav("{{URL('/ldapconfig')}}");
    /* 监听表单提交 */
    form.on('submit(userInfoSubmit)', function () {
        var host=$("[name='host']").val();
        var port=$("[name='port']").val();
        var base_dn=$("[name='base_dn']").val();
        var username=$("[name='username']").val();
        var password=$("[name='password']").val();
        var id=$("[name='id']").val();
        var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
        if(!reg.test(host)){
          alert('host地址非法');return false;
        }
        if(!/^[0-9]*$/.test(port)){
          alert('端口号非法');return false;
        }
        
        $.ajax({
          url: "{{ URL('/ldapconfigForm')}}",
          type: "post",
          data: {"id":id,"host":$.trim(host),"port":$.trim(port),"base_dn":$.trim(base_dn),"username":$.trim(username),"password":$.trim(password),"_token":"{{csrf_token()}}"},
          success: function(data) {
            var resdata=eval('(' + data + ')');
            if(resdata.code!=200){
                layer.msg(resdata.msg);
                return false;
            }
            alert('成功！');
          },
          error: function(xhr, status, errMsg) {
              alert("失败")
          }
        });
        return false;
    });

  });
</script>
@endsection