@extends('layouts.base')
@section('title', trans('广告主'))
@section('content')
    <div class="w1200 ">
        <div class=" rightlist ">
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="#">广告主</a></li>
                </ul>
            </div>

            <div class="right-addbox"><!-- 此处是右侧内容新包一层div -->
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form action="{{yzWebFullUrl('plugin.advert-market.admin.member.store.index')}}" method="post" class="form-horizontal" name="form1" role="form" id="form1">

                            @if($advert_member)
                                <input type='hidden' name='am_id' value="{{$advert_member->id}}" />
                            @endif

                            <div class="form-group notice">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">微信角色</label>
                                <div class="col-sm-6 col-xs-6">
                                    <input type='hidden' id='noticeopenid' name='member[uid]' value="{{$advert_member->uid}}" />
                                    <div class='input-group'>
                                        <input type="text" name="saler" maxlength="30" value="@if ($advert_member->member){{$advert_member->member->nickname}}/{{$advert_member->member->realname}}/{{$advert_member->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 (!$advert_member->member)style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$advert_member->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-xs-6">
                                    <input type="text" id="realname" name="member[realname]" class="form-control"
                                           value="{{$advert_member->realname}}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">手机号</label>
                                <div class="col-xs-6">
                                    <input type="text" id="mobile" name="member[mobile]" class="form-control"
                                           value="{{$advert_member->mobile}}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">公司名称</label>
                                <div class="col-xs-6">
                                    <input type="text" id="company_name" name="member[company_name]" class="form-control"
                                           value="{{$advert_member->company_name}}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">公司地址</label>
                                <div class="col-xs-6">
                                    <input type="text" id="company_address" name="member[company_address]" class="form-control"
                                           value="{{$advert_member->company_address}}"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">所在区域</label>
                                <input type="hidden" id="province_id" value="{{$advert_member->province_id?$advert_member->province_id:0}}"/>
                                <input type="hidden" id="city_id" value="{{$advert_member->city_id?$advert_member->city_id:0}}"/>
                                <input type="hidden" id="district_id" value="{{$advert_member->district_id?$advert_member->district_id:0}}"/>
                                <input type="hidden" id="street_id" value="{{$advert_member->street_id?$advert_member->street_id:0}}"/>
                                <div class="col-xs-6">
                                    {!! app\common\helpers\AddressHelper::tplLinkedAddress(['member[province_id]','member[city_id]','member[district_id]','member[street_id]'], [])!!}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                                <div class="col-xs-6">
                                    <input type="submit" name="submit" value="提交" class="btn btn-primary"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="{{static_url('js/area/cascade_street.js')}}"></script>
    <script language='javascript'>

        var province_id = $('#province_id').val();
        var city_id = $('#city_id').val();
        var district_id = $('#district_id').val();
        var street_id = $('#street_id').val();
        cascdeInit(province_id, city_id, district_id, street_id);

        $('form').submit(function(){
            if($('#noticeopenid').val() == ''){
                alert('请选择会员');
                return false;
            }
            if($('#realname').val() == ''){
                alert('请输入姓名');
                return false;
            }
            if($('#mobile').val() == ''){
                alert('请输入手机号');
                return false;
            }
            if($('#company_name').val() == ''){
                alert('请输入公司名称');
                return false;
            }
            if($('#company_address').val() == ''){
                alert('请输入公司地址');
                return false;
            }
            return true;
        })

        require(['util', 'clockpicker'], function(u, $){
            $('.clockpicker :text').clockpicker({autoclose: true});

            u.editor($('.richtext')[0]);

            $('#add-time').click(function(){
                $('#time-list').append($('#time-form-html').html());
                $('.clockpicker :text').clockpicker({autoclose: true});
            });
        });

        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();
        }
    </script>
@endsection