@section('title', '用户编辑') 
@section('content')    
    <div class="layui-form-item">
        <label class="layui-form-label">用户名ID：</label>
        <div class="layui-input-block">
            <input type="text" value="{{$info['userid'] or ''}}" name="user_id" required lay-verify="number" placeholder="用户ID" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">姓名：</label>
        <div class="layui-input-block">
            <input type="text" value="{{$info['username'] or ''}}" name="user_name" required lay-verify="user_name" placeholder="姓名" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">邮箱：</label>
        <div class="layui-input-block">
            <input type="text" value="{{$info['email'] or ''}}" name="email"  lay-verify="custom_email" placeholder="请输入正确格式邮箱" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所属客户：</label>
        <div class="layui-input-block">
            <input type="text" value="{{$info['customers']['name'] or ''}}" name="customer_name"  lay-verify="customer_name" placeholder="客户名称" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">角色：</label>
        <div class="layui-input-block">
            @foreach($roles as $role) 
                <input  type="checkbox" name="user_role[]"
                        @if(isset($info)&&$info)
                            @foreach($info->roles as $uRole)
                                @if($role->id == $uRole->id)
                                {{ 'checked' }}
                                @endif
                            @endforeach
                        @endif
                        lay-skin="primary"
                        value="{{ $role->id }}" 
                        title = "{{ $role->display_name }}">
            @endforeach
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">手机号码：</label>
        <div class="layui-input-block">
            <input type="number" value="{{$info['mobile'] or ''}}" name="tel"  lay-verify="custom_phone" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别：</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="1" title="男"
                   @if(!isset($info['sex']))
                   checked
                   @elseif(isset($info['sex'])&&$info['sex'])
                   checked
            @else
                    @endif>
            <input type="radio" name="sex" value="0" title="女" {{isset($info['sex'])&&!$info['sex']?'checked':''}}>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">密码：</label>
        <div class="layui-input-block">
            <input type="password" name="pwd" lay-verify="pwd" placeholder="请输入6-12位数字加字母密码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">确认密码：</label>
        <div class="layui-input-block">
            <input type="password" name="pwd_confirmation" lay-verify="pwd_confirmation" placeholder="请确认密码" autocomplete="off" class="layui-input">
        </div>
    </div>
@endsection
@section('id',$id)
@section('js')
    <script>
        layui.use(['form','jquery','laypage', 'layer'], function() {
            var form = layui.form(),
                $ = layui.jquery;
            form.render();
            var layer = layui.layer;
            form.verify({
                pwd:function(value){
                    if(value&&!/^(?!([a-zA-Z]+|\d+)$)[a-zA-Z\d]{6,12}$/.test(value)){
                        return '密码必须6到12位数字加字母';
                    }
                },
                custom_email:function(value){
                    if(value&&!/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)){
                        return '邮箱格式不正确';
                    }
                },
                custom_phone:function(value){
                    if(value&&!/(^$)|^1\d{10}$/.test(value)){
                        return '请输入正确的手机号';
                    }
                },
                pwd_confirmation: function(value) {
                    if($("input[name='pwd']").val() && $("input[name='pwd']").val() != value) {
                        return '两次输入密码不一致';
                    }
                },
                customer_name:function(value){
                    if(value&&!/[\u4e00-\u9fa5]{2,12}$/.test(value)){
                        return '客户名称2到12位汉字';
                    }
                },
            });
            form.on('submit(formDemo)', function(data) {
                $.ajax({
                    url:"{{url('/users')}}",
                    data:$('form').serialize(),
                    type:'post',
                    dataType:'json',
                    success:function(res){
                        if(res.status == 1){
                            layer.msg(res.msg,{icon:6});
                            var index = parent.layer.getFrameIndex(window.name);
                            setTimeout('parent.layer.close('+index+')',2000);
                        }else{
                            layer.msg(res.msg,{shift: 6,icon:5});
                        }
                    },
                    error : function(XMLHttpRequest, textStatus, errorThrown) {                        
                        var error = '';
                        for(key in XMLHttpRequest.responseJSON.errors){
                            error += XMLHttpRequest.responseJSON.errors[key][0] + "<br>";                            
                        }
                        layer.msg(error, {time: 2000});                        
                    }
                });
                return false;
            });
        });
    </script>
@endsection
@extends('common.edit')