@extends('layouts.base')
@section('title', trans('生成二维码'))
@section('content')
    @include('public.admin.small')
    @include('public.admin.mylink')

    <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="" method="post" name="edit_form" class="form-horizontal" role="form" id="form1">

                            <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" class="sendmoth" name="data[generation_mode]" value="1" onclick="redioClick(1)" @if(empty($coupon['generation_mode'])||$coupon['generation_mode'] == 1) checked="checked"@endif /> 公众号</label>
                                    <label class="radio-inline"><input type="radio" class="sendmoth" name="data[generation_mode]" value="2" onclick="redioClick(2)"@if($coupon['generation_mode'] == 2) checked="checked"@endif /> 小程序</label>
                                </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-md-10">

                                    <input type='hidden' id='uid' name='data[uid]' value="{{ $coupon['member_id'] }}"/>
                                    <div class='input-group col-md-6'>
                                        <input type="text" name="saler" maxlength="30"
                                               value="@if (!empty($coupon['has_one_member'])) {{ $coupon['has_one_member']['nickname'] }} / {{ $coupon['has_one_member']['realname'] }} / {{ $coupon['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" style="height:34px" type="button"
                                                    onclick="$('#uid').val('');$('#saler').val('');$('#saleravatar').hide()">清除选择
                                            </button>
                                        </div>
                                    </div>
                                    <span id="saleravatar" class='help-block' @if (empty($coupon['has_one_member'])) style="display:none" @endif >
                                        <img style="width: 70px;height: 70px;"
                                             src="@if (!empty($coupon['has_one_member'])) {{ yz_tomedia($coupon['has_one_member']['avatar']) }} @endif"/>
                                    </span>

                                    <div id="modal-module-menus-notice" class="modal fade" tabindex="-1">
                                        <div class="modal-dialog" >
                                            <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" ></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-md-10">
                                    <input type='hidden' id='coupon_id' name='data[coupon_id]' value="{{ $coupon['coupon_type_id'] }}"/>
                                    <div class='input-group col-md-6'>
                                        <input type="text" name="data[coupon_name]" maxlength="30"
                                               value="@if (!empty($coupon['coupon_name'])) {{ $coupon['coupon_name'] }} @endif"
                                               id="coupon_name" class="form-control" readonly/>
                                        <div class='input-group-btn'>
                                            <button class="btn btn-default" type="button"
                                                    onclick="popwin = $('#modal-module-menus-coupon').modal();">选择优惠券
                                            </button>
                                            <button class="btn btn-danger" style="height:34px" type="button"
                                                    onclick="$('#coupon_name').val('');">清除选择
                                            </button>
                                        </div>
                                    </div>

                                    <div id="modal-module-menus-coupon" class="modal fade" tabindex="-1">
                                        <div class="modal-dialog" >
                                            <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-coupon"
                                                                   placeholder="优惠券名称/ID"/>
                                <span class='input-group-btn'><button type="button" class="btn btn-default"
                                                                      onclick="search_coupon();">搜索</button></span>
                                                        </div>
                                                    </div>
                                                    <div id="module-menus-coupon" ></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-md-10">

                                    <div class='input-group col-md-6'>
                                        <input type="text" name="goods" maxlength="30"
                                               value="@if(!empty($coupon['has_one_goods'])) {{$coupon['has_one_goods']['title']}} @endif"
                                               id="goods" class="form-control" readonly/>
                                        <div class='input-group-btn'>
                                            <button class="btn btn-default" type="button"
                                                    onclick="popwin = $('#modal-goods').modal();">
                                                选择商品
                                            </button>
                                            <button class="btn btn-danger" type="button"
                                                    onclick="$('#goodsid').val('');$('#goods').val('');">
                                                清除选择
                                            </button>
                                        </div>
                                    </div>
                                    <div class="input-group multi-img-details" id='goods_id'>

                                        @if($coupon['has_one_goods']['id'])
                                        <div class="multi-item saler-item" style="height: 220px" openid="{{ $coupon['has_one_goods']['id'] }}">
                                            <img class="img-responsive img-thumbnail" src='{{ $coupon['has_one_goods']['thumb'] }}'
                                                 onerror="this.src='{{static_url('resource/images/nopic.jpg')}}'; this.title='图片未找到.'">
                                            <div class='img-nickname' style="max-height: 58px;overflow: hidden">{{ $coupon['has_one_goods']['title'] }}</div>
                                            <input type="hidden" value="{{ $coupon['has_one_goods']['id'] }}"
                                                   name="data[goods_id]">
                                            <em onclick="remove_goods(this)" class="close">×</em>
                                        </div>
                                        @endif
                                    </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-6 col-xs-6">
                                    <input type='text' name='data[grant_num]' id="" class="form-control" value="{{$coupon['grant_num']}}"/>
                                </div>
                            </div>
                            <div class="form-group" id = "div1">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">备用跳转链接</label>
                                <div class="col-sm-9 col-md-10">
                                    <div class='input-group col-md-6'>
                                    <input type='text' name='data[link]' id="" class="form-control" value="{{$coupon['link']}}" data-id="001"/>

                                <div class='input-group-btn'>
                                    <button  class="btn btn-default nav-link" type="button"  data-id="001">
                                        选择链接
                                    </button>

                                </div>
                                    </div>
                                    <span class='help-block'>当商品下架时，跳转到此链接</span>
                                </div>

                            </div>

                            <div class="form-group" hidden id="div2">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">备用跳转小程序链接</label>
                                <div class="col-sm-9 col-md-10">
                                    <div class='input-group col-md-6'>
                                        <input type='text' name='data[small_link]' id="" class="form-control" value="{{$coupon['link']}}" data-id="002"/>

                                        <div class='input-group-btn'>
                                            <button  class="btn btn-default nav-app-link" type="button"  data-id="002">
                                                选择链接
                                            </button>

                                        </div>
                                    </div>
                                    <span class='help-block'>当商品下架时，跳转到此链接</span>
                                </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-success"
                                           onclick="return sub()"/>
                                    <input type="button" name="back" onclick='history.back()' style=''
                                           value="返回列表"
                                           class="btn btn-default back"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-goods"  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-goods-coupon" placeholder="请输入商品名称" />
                            <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_goods();">搜索</button></span>
                        </div>
                    </div>
                    <div id="module-menus-goods" 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>

@endsection
<script language='javascript'>
    let is_diasbled = false;
    function sub() {
        if(is_diasbled) {
            return false;
        }
        else {
            is_diasbled = true;
            return true;
        }
    }
    function search_coupon() {
        if ($('#search-kwd-coupon').val() == '') {
            Tip.focus('#search-kwd-coupon', '请输入关键词');
            return;
        }
        $("#module-menus-coupon").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.coupon-qr.admin.coupon.selectCoupon') !!}", {
            keyword: $.trim($('#search-kwd-coupon').val())
        }, function (dat) {
            $('#module-menus-coupon').html(dat);
        });
    }

    function select_coupon(o) {
        $("#coupon_id").val(o.id);
        $("#coupon_name").val(o.name);
        $("#modal-module-menus-coupon .close").click();
    }

    function search_goods() {
        if( $.trim($('#search-kwd-goods-coupon').val())==''){
            Tip.focus('#search-kwd-goods-coupon','请输入关键词');
            return;
        }
        $("#module-goods").html("正在搜索....")
        $.get('{!! yzWebUrl('plugin.coupon-qr.admin.coupon.searchGoods') !!}', {
            keyword: $.trim($('#search-kwd-goods-coupon').val())
        }, function(dat){
            $('#module-menus-goods').html(dat);
        });
    }

    function select_good(o) {
        $("#goods").val(o.title);
        var html = '<div class="multi-item saler-item" style="/*height: 220px*/" openid="' + o.id + '">';
        html += '<img class="img-responsive img-thumbnail" style="height: 160px" src="' + o.thumb + '" onerror="this.src=\'{{static_url('resource/images/nopic.jpg')}}\'; this.title=\'图片未找到.\'">';
        html += '<div class="img-nickname" style="/*max-height: 58px;overflow: hidden*/">' + o.title + '</div>';
        html += '<input type="hidden" value="' + o.id + '" name="data[goods_id]">';
        html += '<em onclick="remove_goods(this)"  class="close">×</em>';
        html += '</div>';
        $("#goods_id").html(html);
        $("#modal-goods .close").click();
    }

    function remove_goods(obj) {
        $("#goods").val('');
        $(obj).parent().remove();
    }

    function search_members() {
        if ($('#search-kwd-notice').val() == '') {
            Tip.focus('#search-kwd-notice', '请输入关键词');
            return;
        }
        $("#module-menus-notice").html("正在搜索....");
        $.get("{!! yzWebUrl('member.member.get-search-member') !!}", {
            keyword: $.trim($('#search-kwd-notice').val())
        }, function (dat) {
            $('#module-menus-notice').html(dat);
        });
    }
    function select_member(o) {
        $("#uid").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();
    }

    function redioClick(type){
        if(type == 1){
           $("#div1").show();
            $("#div2").hide();
        }else if(type == 2){
            $("#div1").hide();
            $("#div2").show();
        }
    }
</script>