@extends('layouts.base')

@section('content')
@section('title', trans('报名活动'))
<script type="text/javascript">
    require(['bootstrap'], function () {
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        })
    });
</script>
<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  id="activity_form" name="activity_form" action="" method="post" class="form-horizontal form">
                        <input type="hidden" name="$activity_id" class="form-control"
                               value="{{$activity_id}}"/>
                        <div class="top">
                            <ul class="add-shopnav" id="myTab">
                                <li class="active"><a href="#tab_store_basic">活动信息</a></li>
                                <li><a href="#tab_cashier_sale">营销设置</a></li>
                                <li><a href="#tab_cashier_porfit">分润设置</a></li>
                                @if($return_show)
                                    <li><a href="#tab_cashier_rentun">返现设置</a></li>
                                @endif
                                <li><a href="#tab_share">分享设置</a></li>
                                <li><a href="#tab_member_power">会员权限</a></li>
                            </ul>
                        </div>

                        <div class="info">
                            <div class="panel-body">

                                <div class="tab-content">
                                    <div class="tab-pane  active" id="tab_store_basic">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::STORE_BASE_VIEW)</div>
                                    <div class="tab-pane" id="tab_cashier_sale">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::CASHIER_SALE_VIEW)</div>
                                    <div class="tab-pane" id="tab_cashier_porfit">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::CASHIER_PROFIT_VIEW)</div>
                                    <div class="tab-pane" id="tab_cashier_rentun">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::CASHIER_RETURN_VIEW)</div>
                                    <div class="tab-pane" id="tab_share">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::SHARE)</div>
                                    <div class="tab-pane" id="tab_member_power">@include(\Yunshop\ActivityApply\admin\ActivityApplyActivityController::MEMBER_POWER)</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 col-lg-2"
                                               onclick='return sub()'/>
                                        <input type="button" name="back" onclick='history.back()' style=''
                                               value="返回列表"
                                               class="btn btn-default back"/>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript" src="{{static_url('js/area/cascade_street.js')}}"></script>
<script language='javascript'>
    function deleteParam(o) {
        $(o).parent().parent().remove();
    }

    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);



    function store_select_member(o) {
        console.log(o);
        if ($('.multi-item[openid="' + o.has_one_fans.openid + '"]').length > 0) {
            return;
        }
        var html = '<div class="multi-item" openid="' + o.has_one_fans.openid + '">';
        html += '<img class="img-responsive img-thumbnail" src="' + o.avatar + '" onerror="this.src=\'{{static_url('resource/images/nopic.jpg')}}\'; this.title=\'图片未找到.\'">';
        html += '<div class="img-nickname-store">' + o.nickname + '</div>';
        html += '<input type="hidden" value="' + o.has_one_fans.openid + '" name="store[salers][' + o.uid + '][openid]">';
        html += '<input type="hidden" value="' + o.nickname + '" name="store[salers][' + o.uid + '][nickname]">';
        html += '<input type="hidden" value="' + o.avatar + '" name="store[salers][' + o.uid + '][avatar]">';
        html += '<input type="hidden" value="' + o.uid + '" name="store[salers][' + o.uid + '][uid]">';
        html += '<em onclick="remove_member(this)"  class="close">×</em>';
        html += '</div>';
        $("#saler_container").append(html);
        refresh_members();
    }

    function remove_member(obj) {
        $(obj).parent().remove();
        refresh_members();
    }
    function refresh_members() {
        var nickname = "";
        $('.multi-item').each(function () {
            var ret = $(this).find('.img-nickname-store').html();
            if (ret === undefined) {
                nickname += " ";
            } else {
                nickname += " " + $(this).find('.img-nickname-store').html() + "; ";
            }
        });
        $('#salers').val(nickname);
    }

    function addParam(type) {
        var html = `<tr>
                        <td>
                            <a href="javascript:;" onclick="deleteParam(this)" style="margin-top:10px;"  title="删除">
                            <i class='fa fa-times'></i></a>
                        </td>
                        <td  colspan="2">
                            <input id="categoryid" type="hidden" class="form-control" name="widgets[activity-apply][coupon_ids][]" data-id="{{$profit['coupon_id']}}" data-name="coupon_ids"  value="{{$profit['coupon_id']}}" style="width:200px;float:left"  />
                            <input id="categoryname" class="form-control" type="text" name="widgets[activity-apply][coupon_names][]" data-id="{{$profit['name']}}" data-name="coupon_names" value="{{$profit['name']}}" style="width:200px;float:left" readonly="true">
                            <span class="input-group-btn">
        <button class="btn btn-default nav-link" type="button" data-id="{{$v['id']}}" onclick="$('#modal-module-menus-categorys').modal();$(this).parent().parent().addClass('focuscategory')" >选择优惠券</NOtton> </span>
                        </td>
                    </tr>`;

        $('#param-itemscategory').append(html);
    }

    function search_categorys() {
        if ($.trim($('#search-kwd-categorys').val()) == '') {
            Tip.focus('#search-kwd-categorys', '请输入关键词');
            return;
        }
        $("#module-menus-categorys").html("正在搜索....");
        $.get('{!! yzWebUrl('plugin.activity-apply.admin.activity-apply-activity.search-coupon') !!}', {
                keyword: $.trim($('#search-kwd-categorys').val())
            }, function (dat) {
                $('#module-menus-categorys').html(dat);
            }
        );
    }
    function select_category(o) {
        $(".focuscategory:last input[data-name=coupon_ids]").val(o.id);
        $(".focuscategory:last input[data-name=coupon_names]").val(o.name);
        $(".focuscategory").removeClass("focuscategory");
        $("#modal-module-menus-categorys .close").click();
    }

    function sub()
    {
        document.activity_form.submit.disabled=true;

        var form_data = $($('#activity_form')[0]).serialize();

        if(activity_form['data[title]'].value==""){
            alert("活动名称必填");
            document.activity_form.submit.disabled=false;
            return false;
        }
        if(activity_form['data[thumb]'].value==""){
            alert("活动图片必填");
            document.activity_form.submit.disabled=false;
            return false; ;
        }
        if(activity_form['data[limit]'].value==""){
            alert("限制名额必填");
            document.activity_form.submit.disabled=false;
            return false;
        }
        if(activity_form['data[form_id]'].value == "0"){
            alert("表单必选");
            document.activity_form.submit.disabled=false;
            return false;;
        }
        if(activity_form['data[calssify_id]'].value == "0"){            alert("分类必选");
            document.activity_form.submit.disabled=false;
            return false;;
        }

        var html = '';
        var url = "{!! yzWebUrl('plugin.activity-apply.admin.activity-apply-activity.add') !!}";
        var urls = "{!! yzWebUrl('plugin.activity-apply.admin.activity-apply-activity.index') !!}";

        $.post
        ({
            url: url,
            dataType: "json",
            data: form_data,
            success: function (strValue) {
                console.log(strValue)
                if (strValue.result == "0") {
                    confirm(strValue.msg);
                    document.activity_form.submit.disabled=false;
                } else if (strValue.result == "1") {
                    confirm(strValue.msg);
                    window.location.href = urls;
                } else if (strValue.status == "-1") {
                    confirm(strValue.result.msg);
                    document.activity_form.submit.disabled=false;
                }
            },
            fail:function (err) {
               console.log("错误")
                console.log(err)
            }
        })
    }

    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});
        });
    });

</script>
@endsection