@extends('layouts.base')

@section('content')
    <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='member_id' value="" />
                            <div class='input-group'>
                                <input type="text" name="saler" maxlength="30" value="" 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 (!$investor['has_one_member'])style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$investor['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>
                        </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">
                            <h4>
                                <button id="room_add" type='button' class="btn btn-default"  style="margin-bottom:5px">
                                    <i class='fa fa-plus'></i> 选择直播间
                                </button>
                            </h4>
                            <div class='room-items' style="display: inline-block">

                            </div>
                        </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 btn-default" />
                        </div>
                    </div>
                </div>
                <div id="modal-module-menus-room" class="modal fade" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header" style = "text-align: center">
                                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                <h7 >直播间</h7></div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="keyword" value="" id="search-kwd-room" placeholder="请输入直播间ID/关键字"/>
                                        <span class='input-group-btn'>
                            <button type="button" class="btn btn-default" onclick="search_room();">搜索</button>
                        </span>
                                    </div>
                                </div>
                                <div id="module-menus-room"></div>
                            </div>
                            <div class="modal-footer">
                                <a href="#" onclick="select_room()" class="btn btn-default" data-dismiss="modal" aria-hidden="true" >确认</a>
                                <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                            </div>
                        </div>

                    </div>
                </div>
        </form>
    </div>
    <script language='javascript'>
        function search_members() {
            if( $.trim($('#search-kwd-notice').val())==''){
                $('#search-kwd-notice').attr('placeholder','请输入关键词');
                return;
            }
            $("#module-menus-notice").html("正在搜索....")
            $.get('{!! yzWebUrl('member.query.index') !!}', {
                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();
        }
        $(document).on('click', '#room_add', function() {
            $('#modal-module-menus-room').modal();
        });
        //选择直播间
        function search_room(o) {
            if ($('#search-kwd-room').val() == '') {
                Tip.focus('#search-kwd-room', '请输入关键词');
                return;
            }
            var ids = $('input[name="room_ids[]"]');
            var id = [];
            $(ids).each(function (a,b) {
                id.push($(b).val());
            })
            $("#module-menus-room").html("正在搜索....");
            $.get("{!! yzWebUrl('plugin.room.admin.pop-code.get-search-rooms') !!}", {
                keyword: $.trim($('#search-kwd-room').val()),
                ids:id
            }, function (dat) {
                $('#module-menus-room').html(dat);
            });
        }

        //
        function select_room() {
            var a = $('input[name="rooms[]"]:checked');
            var ids = $('input[name="room_ids[]"]');
            var id = [];
            $(ids).each(function (a,b) {
                id.push($(b).val());
            })
            var html = '';
            $(a).each(function (index,v) {
                if ($.inArray($(v).val(),id) == -1) {
                    html += '<div  class="coupon-item" style="margin-top:5px; width: 10%; display: inline">';
                    html += '<div class="input-group-addon" style="display: inline">[' + $(v).val() + ']' + $(v).data('title') + '</div>';
                    html += '<input type ="hidden" name=room_ids[] value="' + $(v).val() + '">';
                    html += '<div class="input-group-btn" style="display: inline"><button type="button" class="btn btn-danger" onclick="removeRoomItem(this)"><i class="fa fa-remove"></i></button></div>';
                    html += '</div>';
                }
            })
            $('.room-items').append(html);
        }
        function removeRoomItem(obj) {
            $(obj).closest('.coupon-item').remove();
        }
    </script>
@endsection