@extends('layouts.base')

@section('content')
@section('title', trans('门店核销员'))
<div class="rightlist">
    <form action="" method='post' class='form-horizontal'>
        <div class='panel panel-default'>
            <div class='panel-heading'>
                <span>核销员</span>
            </div>
            <div class='panel-body'>
                <div class="form-group notice">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">微信角色</label>
                    <div class="col-sm-4">
                        <input type='hidden' id='noticeopenid' name='clerk[uid]' value="{{$clerk['uid']}}" />
                        <div class='input-group'>
                            <input type="text" name="saler" maxlength="30" value="@if ($clerk['has_one_member']){{$clerk['has_one_member']['nickname']}}/{{$clerk['has_one_member']['realname']}}/{{$clerk['has_one_member']['mobile']}}@endif" id="saler" class="form-control" readonly />
                            <div class='input-group-btn'>
                                <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-notice').modal();">选择角色</button>
                                <button class="btn btn-danger" type="button" onclick="$('#noticeopenid').val('');$('#saler').val('');$('#saleravatar').hide()">清除选择</button>
                            </div>
                        </div>
                    <span id="saleravatar" class='help-block' @if (!$clerk['has_one_member'])style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$clerk['has_one_member']['avatar']}}"/></span>

                    <div id="modal-module-menus-notice"  class="modal fade" tabindex="-1">
                        <div class="modal-dialog" style='width: 920px;'>
                            <div class="modal-content">
                                <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>选择角色</h3></div>
                                <div class="modal-body" >
                                    <div class="row">
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="keyword" value="" id="search-kwd-notice" placeholder="请输入昵称/姓名/手机号" />
                                            <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_members();">搜索</button></span>
                                        </div>
                                    </div>
                                    <div id="module-menus-notice" style="padding-top:5px;"></div>
                                </div>
                                <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                            </div>

                        </div>
                    </div>
                        @if ($clerk)<span style="color:red">更改微信角色，原角色相应数据全部变更为新角色</span>@endif
                </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">
                    <button type="button" class="btn btn-info">{{$store_name}}</button>
                </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="text" id="realname" name="clerk[realname]" class="form-control" value="{{$clerk['realname']}}" placeholder="请输入姓名"  />
                </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="text" id="mobile" name="clerk[mobile]" class="form-control" value="{{$clerk['mobile']}}" placeholder="请输入手机号码"  />
                </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">
                    <label class='radio-inline'>
                        <input type='radio' name='clerk[status]' value='1'
                               @if($clerk->status == 1) checked @endif
                        /> 启用
                    </label>
                    <label class='radio-inline'>
                        <input type='radio' name='clerk[status]' value='0'
                               @if($clerk->status == 0) checked @endif
                        /> 禁用
                    </label>
                </div>
            </div>

            <div class="form-group"></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="button" name="back" onclick='history.back()'  value="返回列表" class="btn btn-default" />
                </div>
            </div>
        </div>
    </form>
</div>
<script language='javascript'>

            $('form').submit(function(){
                if($('#saler').val() == ''){
                    Tip.focus($('#saler'),'请选择微信角色!');
                    return false;
                }
                if($('#realname').val() == ''){
                    Tip.focus($('#realname'),'请输入姓名!');
                    return false;
                }
                if($('#mobile').val() == ''){
                    Tip.focus($('#mobile'),'请输入手机号!');
                    return false;
                }
                return true;
            })

    function search_members() {
        if( $.trim($('#search-kwd-notice').val())==''){
            $('#search-kwd-notice').attr('placeholder','请输入关键词');
            return;
        }
        $("#module-menus-notice").html("正在搜索....")
        $.get('{!! yzWebUrl($search_member) !!}', {
            keyword: $.trim($('#search-kwd-notice').val())
        }, function(dat){
            $('#module-menus-notice').html(dat);
        });
    }
    function select_member(o) {
        $("#noticeopenid").val(o.uid);
        $("#saleravatar").show();
        $("#saleravatar").find('img').attr('src',o.avatar);
        $("#saler").val( o.nickname+ "/" + o.realname + "/" + o.mobile );
        $("#modal-module-menus-notice .close").click();
    }
</script>
@endsection