@extends('layouts.base')

@section('content')
@section('title', trans('主播等级'))
<div class="w1200 m0a">
    <section class="content">
        <div class="right-titpos">
            <ul class="add-snav">
                <li class="active"><a href="#">主播等级</a></li>
            </ul>
        </div>
        <form id="setform" action="" method="post" class="form-horizontal form">
            <div class='panel panel-default'>


                <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-9 col-xs-12">
                            <input class="form-control" type="text" value="{{$levelModel['level']}}"
                                   name="level[level]">
                            <span class="help-block">等级权重一定要设置，且不能重复，数字越大级别越高。</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                    style='color:red'>*</span>
                            等级名称</label>
                        <div class="col-sm-9 col-xs-12">
                            <input type="text" name="level[name]" class="form-control"
                                   value="{{$levelModel['name']}}"/>
                        </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" name="level[award_rate]" class="form-control"
                                   value="{{$levelModel['award_rate']}}"/>
                        </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">

                            @foreach($upgrade_config as $key=>$config)
                                @if($config['key'] != 'goods' && $config['key'] != 'many_good')
                                    <div class='input-group'>
                                        <label class="radio-inline">
                                            <input type="checkbox" name="upgrade_type[{{$config['key']}}]"
                                                   value="1"
                                                   @if($upgrade_data['type'][$config['key']]) checked="checked" @endif/>
                                            {{$config['text']}}
                                            <input type="text" name="upgrade_value[{{$config['key']}}]"
                                                   value="{{$upgrade_data['value'][$config['key']]}}"/>
                                            <span>{{$config['unit']}}</span>
                                        </label>
                                    </div>
                                @elseif($config['key'] == 'goods')
                                    <div class='input-group'>
                                        <label class="radio-inline">
                                            <input type="checkbox" name="upgrade_type[{{$config['key']}}]"
                                                   value="1"
                                                   @if($upgrade_data['type'][$config['key']]) checked="checked" @endif/>
                                            {{$config['text']}}

                                            <input type='hidden' id='goodsid'
                                                   name="upgrade_value[{{$config['key']}}]"
                                                   value="{{$upgrade_data['value'][$config['key']]}}"/>
                                            <div class='input-group'>
                                                <input type="text" name="goods" maxlength="30"
                                                       value="@if(isset($upgrade_data['goods'])) [{{$upgrade_data['goods']->id}}]{{$upgrade_data['goods']->title}} @endif"
                                                       id="goods" class="form-control" readonly/>
                                                <div class='input-group-btn'>
                                                    <button class="btn btn-default" type="button"
                                                            onclick="popwin = $('#modal-module-menus-goods').modal();">
                                                        选择商品
                                                    </button>
                                                    <button class="btn btn-danger" type="button"
                                                            onclick="$('#goodsid').val('');$('#goods').val('');">
                                                        清除选择
                                                    </button>
                                                </div>
                                            </div>
                                        </label>
                                        <span id="goodsthumb" class='help-block'
                                              @if(empty($upgrade_data['goods'])) style="display:none" @endif ><img
                                                    style="width:100px;height:100px;border:1px solid #ccc;padding:1px"
                                                    src="@if(isset($upgrade_data['goods']->thumb)) {{tomedia($upgrade_data['goods']->thumb) }} @endif"/>
                                            </span>
                                    </div>
                                @elseif($config['key'] == 'many_good')
                                    <div class="input-group row">
                                        <div class="input-group">
                                            <label class="radio-inline">
                                                <input type="checkbox" name="upgrade_type[many_good]" value="1"
                                                       @if($upgrade_data['type'][$config['key']])
                                                       checked="checked"
                                                        @endif
                                                />
                                                购买指定商品之一
                                                <div class="input-group" style="width:722px;">
                                                    <input type='text' style="width: 640px" class='form-control'
                                                           id="many_good"
                                                           value="@if(!empty($upgrade_data['many_good']))@foreach($upgrade_data['many_good'] as $good){{$good['title']}};@endforeach
                                                           @endif" readonly/>
                                                    <div class="input-group-btn">
                                                        <button type="button" onclick="$('#modal-goods').modal()"
                                                                class="btn btn-default">选择商品
                                                        </button>
                                                    </div>
                                                </div>
                                                <span class="help-block">可指定多件商品，只需购买其中一件就可以升級</span>
                                                <div class="input-group multi-img-details" id='goods_id'>
                                                    @foreach ($upgrade_data['many_good'] as $goods_id => $good)
                                                        <div class="multi-item saler-item" openid="{{ $goods_id }}"
                                                             style="max-width:unset;">
                                                            <img class="img-responsive img-thumbnail"
                                                                 src='{{ tomedia($good['thumb']) }}'
                                                                 onerror="this.src='{{static_url('resource/images/nopic.jpg')}}'; this.title='图片未找到.111'"
                                                                 style="max-height: 220px;max-width:150px;"/>
                                                            <div class='img-nickname'
                                                                 style="max-height: 58px;overflow: hidden">{{ $good['title'] }}</div>
                                                            <input type="hidden" value="{{ $good->id }}"
                                                                   name="upgrade_value[many_good][{{ $goods_id }}]">
                                                            <em onclick="remove_member(this)" class="close">×</em>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            <br>
                        </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="level[up_condition]" value="0"
                                       @if($levelModel['up_condition'] == 0) checked="checked" @endif /> 完成后</label>
                            <label class="radio-inline">
                                <input type="radio" name="level[up_condition]" value="1"
                                       @if($levelModel['up_condition'] == 1) 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-3 col-xs-3">
                            <select name='level[code_level_id]' class='form-control'>
                                <option value="0">请选择主播等级</option>
                                @foreach($all_level as $level)
                                    <option value='{{$level['id']}}'
                                            @if($levelModel['code_level_id'] == $level['id'])
                                            selected
                                            @endif
                                    >{{$level['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-3 col-xs-3">
                            <div class='input-group'>
                                <div class='input-group-addon waytxt'>授权码数量</div>
                                <input type='text' name='level[code_num]' class="form-control discounts_value"
                                       value="{{$levelModel['code_num'] ? $levelModel['code_num'] : 0}}"/>
                                <div class='input-group-addon waytxt'>个</div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="form-group">
                    <div class="col-sm-9">
                        <div id="modal-module-menus-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"
                                                       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>
                    </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-commission" placeholder="请输入商品名称"/>
                                        <span class='input-group-btn'><button type="button" class="btn btn-default"
                                                                              onclick="search_goods_two();">搜索</button></span>
                                    </div>
                                </div>
                                <div id="module-menus-goods-two" 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 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="level[is_manage]" value="0"--}}
                {{--@if($levelModel['is_manage'] == 0)--}}
                {{--checked="checked" @endif />--}}
                {{--关闭</label>--}}
                {{--<label class="radio-inline">--}}
                {{--<input type="radio" name="level[is_manage]" value="1"--}}
                {{--@if($levelModel['is_manage'] == 1)--}}
                {{--checked="checked" @endif />--}}
                {{--开启</label>--}}
                {{--</div>--}}
                {{--</div>--}}
                {{--11--}}
                <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">
                        <input type="submit" name="submit" value="提交" class="btn btn-primary col-lg-1"
                               onclick='return formcheck()'/>
                    </div>
                </div>

            </div>
        </form>

    </section><!-- /.content -->
</div>
@endsection

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

    function select_good(o) {
        $("#goodsid").val(o.id);
        $("#goodsthumb").show();
        $("#goodsthumb").find('img').attr('src', o.thumb);
        $("#goods").val("[" + o.id + "]" + o.title);
        $("#modal-module-menus-goods .close").click();
    }

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

    function select_good_two(o) {
        var html = '<div class="multi-item" style="height: 220px" openid="' + o.id + '">';
        html += '<img class="img-responsive img-thumbnail" 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="upgrade_value[many_good][' + o.id + ']">';
        html += '<em onclick="remove_member(this)"  class="close">×</em>';
        html += '</div>';
        $("#goods_id").append(html);
        refresh_members();
    }

    function remove_member(obj) {
        $(obj).parent().remove();
        refresh_members();
    }

    function refresh_members() {
        var nickname = "";
        $('.multi-item').each(function () {
            nickname += " " + $(this).find('.img-nickname').html() + "; ";
        });
        $('#many_good').val(nickname);
    }
</script>