@extends('layouts.base')
<style>
    .select-user-btn{
        height: 34px!important;
    }
    select{
        width: calc((95% - 20px) / 3) !important;
        height: 34px;
        border-color: #ccc!important;
        color: #555 !important;
        background-color: #fff!important;
    }
    select:not(:last-child){
        margin-right: 10px!important;
    }
</style>
@section('content')
    <div class="rightlist">
        <form action="" method='post' class='form-horizontal' id="addStoreManager">
            <div class='panel panel-default'>
                <div class='panel-heading'>
                    <span>店长添加</span>
                </div>
                {{--表单内容--}}
                <div class='panel-body'>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">店长</label>
                        <div class="col-sm-4">
                            <input type='hidden' id='member_id' name='data[uid]' value="{{$info['member']['uid']}}" />
                            <div class='input-group'>
                                <input type="text" id="member_name" value="@if ($info['member']['username']){{$info['member']['username']}}@endif" class="form-control" readonly/>
                                @if (!$is_see)
                                <div class='input-group-btn'>
                                    <button class="select-user-btn  btn btn-default" id="selectMemberBtn" type="button">选择用户</button>
                                    <button class="select-user-btn btn btn-danger" id="removalBtn" type="button">清除选择</button>
                                </div>
                                @endif
                            </div>
                            <span id="member_avatar" class='help-block' @if (!$info['member']['avatar_image'])style="display:none"@endif>
                                <img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$info['member']['avatar_image']}}"/>
                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                        <div class="col-sm-9 col-xs-12">
                            <input type="submit" name="submit" value="提交" class="btn btn-primary col-lg-1"  />
                            <input type="hidden" name="token" value="{{$var['token']}}" />
                            <input type="button" name="back" onclick='history.back()'  value="返回列表" class="btn col-lg-1" />
                        </div>
                    </div>
                </div>
        </form>
    </div>
<script type="text/javascript">
    $(function () {
        // 选择用户
        $(document).on('click','#selectMemberBtn',function () {
            let popup = util.selectMember('{!! yzWebUrl('member.query.selected') !!}',{},{
                confirm:function (userInfo) {
                    // 获取用户信息
                    $("#member_id").val(userInfo.uid);
                    $("#member_avatar").show();
                    $("#member_avatar").find('img').attr('src',userInfo.avatar);
                    $("#member_name").val( userInfo.nickname);
                    // 关闭弹框
                    popup.modal('hide');
                }
            });
        });
        // 清除用户选择
        $(document).on('click','#removalBtn',function () {
            $('#member_id').val('');
            $('#member_name').val('');
            $('#member_avatar').hide()
        });
        // 表单验证
        $("#addStoreManager").submit(function(){
            // 表单信息处理
            let list = $("#addStoreManager").serializeArray();
            let newList = {};
            $.each(list,function (k,v) {
                let name = v.name.replace(/data\[/g, "").replace(/]/g, "");
                newList[name] = v.value;
            });
            console.log(newList);
            // 内容校验列表
            let defaultRule = [
                {name: 'uid', checkType: 'required', errorMsg: '请选择店长'},
            ];
            let result = util.verify(newList,defaultRule);

            return result === true;
        })


    })
</script>
@endsection