{extend name="../../index/view/addons"}
{block name="content"}
<style>
  .input-box{
    display: inline-block;
  }
</style>

<div>
  <form class="layui-form" id="form_id" lay-filter="form_id" action="{:ToUrl('edit')}id={$user.id|default=''}"  method="post">
      <input type="hidden" name="id" value="{:input('id')}">
      <input type="hidden" name="pid" value="{:input('pid')}">
      <input type="hidden" name="nodes">
    <div class="layui-form-item">
      <label class="layui-form-label">用户账号</label>
      <div class="layui-input-inline">
        <input type="text" name="username"  {if $user.id} readonly="readonly" {/if} id="username" value="{$user['username']|default=''}" required="" lay-verify="required" placeholder="请输入用户账号" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">用户密码</label>
      <div class="layui-input-inline">
        <input type="text" name="password" id="password" {if !$user.id } required="" lay-verify="required" {/if} placeholder="请输入用户密码{if !$user.id}(为空则不修改){/if} " autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item" {if $user.id} style="display: none;" {/if} >
      <label class="layui-form-label">重复密码</label>
      <div class="layui-input-inline">
        <input type="text" name="repassword" id="repassword" {if !$user.id} required="" lay-verify="required" {/if}  placeholder="请重复用户密码" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户权限</label>
        <div class="layui-input-inline ssssnode" style="width: 80%;">
<!--            <input type="text" name="auths" id="nickname" value="" autocomplete="off" class="layui-input">-->

          {volist name="apps" id="node"}
          <div>
<!--            <p style="line-height:45px;font-weight:bolder;">{$node.path}模块</p>-->
            {volist name="node.list" id="item"}
            <div style="padding-left: 30px;">
                <p style="line-height:45px;font-weight:bolder;">|— {$item.title} <input lay-filter="sall" type="checkbox" sall="{$item.path}" lay-skin="primary"></p>
                {volist name="item.list" id="va"}
                <div class="input-box">
                    <input type="checkbox"  i="{$item.path}" name="node[]"  lay-filter="demo111"  {if in_array($va.node,$role_nodes)}disabled{/if} value="{$va.node}" title="{$va.title}" lay-skin="primary" {if in_array($va.node,$nodes)}checked{/if}>
                    {if $va.login == 0 /}
                    <span style="color:#FFB800;line-height:45px;padding-right: 20px">(免登录)</span>
                    {else/}
                    <span style="color:#FFB800;line-height:45px;padding-right: 20px">({:$va.auth?"需验证":"无验证"})</span>
                    {/if}
                </div>
              {/volist}
            </div>
            {/volist}
          </div>
          {/volist}
        </div>
    </div>
    <div class="layui-form-item">
      <div class="layui-input-block">
        <button type="submit" class="layui-btn" lay-submit="*" lay-filter="demo1">立即提交</button>
      </div>
    </div>
    <span class="layui-form-label"></span>
  </form>
</div>
<script>
    layui.use(['form'], function (){
        layui.form.render();
        let $ = layui.jquery;
        let form = layui.form;
        form.on('checkbox(sall)', function(data){
            let i = data.elem.getAttribute('sall');
            if(data.elem.checked){
                $(".ssssnode input[i="+i+"]").prop('checked',true);
                layui.form.render();
            }else{
                $(".ssssnode input[i="+i+"]").prop("checked", false);
            }
            layui.form.render();
        });
        let formEv = document.getElementById('form_id');
        form.on('checkbox(demo111)', function(e){
            let data = form.val("form_id");
            let nodes=[];
            for (let name in data){
                if(name.substring(0,5) === "node["){
                    nodes.push(data[name]);
                }
            }
            form.val("form_id",{nodes:nodes.join(",")});
        });
        formEv.onsubmit = function(e){
            // $.post("", {
            //     id: $("#form_id input[name=id]").val(),
            //     pid: $("#form_id input[name=pid]").val(),
            //     username: $("#form_id input[name=username]").val(),
            //     password: $("#form_id input[name=password]").val(),
            //     repassword: $("#form_id input[name=repassword]").val(),
            //     nodes: $("#form_id input[name=nodes]").val(),
            // })
            // console.log(form.val("form_id"));
            return true;
        };
    })
</script>
{/block}