{include file="public/seller_top" /}
<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right">
        <div class="seller_items">
            {include file="public/seller_items" /}
        </div>

        <div class="dssc-form-default">
            <form id="add_form" action="{:url('sellergroupbuy/groupbuy_save','vr=1')}" method="post" enctype="multipart/form-data">
                <dl>
                    <dt><i class="required">*</i>{$Think.lang.group_name}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input class="w400 text" name="groupbuy_name" type="text" id="groupbuy_name" value="" maxlength="30"  />
                        <span></span>
                        <p class="hint">{$Think.lang.group_name_tip}</p>
                    </dd>
                </dl>
                <dl>
                    <dt>抢购副标题{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input class="w400 text" name="remark" type="text" id="remark" value="" maxlength="30"  />
                        <span></span>
                        <p class="hint">抢购活动副标题最多可输入30个字符</p>
                    </dd>
                </dl>
                <dl>
                    <dt><i class="required">*</i>{$Think.lang.start_time}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input id="start_time" name="start_time" type="text" class="text w130" /><em class="add-on"><i class="icon-calendar"></i></em><span></span>
                        <p class="hint">抢购开始时间不能小于{$groupbuy_start_time|date="Y-m-d H:i",###}</p>
                    </dd>
                </dl>
                <dl>
                    <dt><i class="required">*</i>{$Think.lang.end_time}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input id="end_time" name="end_time" type="text" class="text w130"/><em class="add-on"><i class="icon-calendar"></i></em><span></span>
                        <p class="hint">
                            抢购结束时间不能大于虚拟商品的过期时间
                            <span id="vr-expire-time"></span>
                            {notpresent name="isOwnShop"}
                            和抢购套餐的过期时间
                            <span>（{$current_groupbuy_quota.end_time|date="Y-m-d H:i",###}）</span>
                            {/notpresent}
                        </p>
                    </dd>
                </dl>

                <dl>
                    <dt><i class="required">*</i>{$Think.lang.groupbuy_goods}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <div nctype="groupbuy_goods_info" class="selected-group-goods " style="display:none;">
                            <div class="goods-thumb"><img id="groupbuy_goods_image" src=""/></div>
                            <div class="goods-name">
                                <a nctype="groupbuy_goods_href" id="groupbuy_goods_name" href="" target="_blank"></a>
                            </div>
                            <div class="goods-price">商城价：￥<span nctype="groupbuy_goods_price"></span></div>
                        </div>
                        <a href="javascript:void(0);" id="btn_show_search_goods" class="dssc-btn dssc-btn-acidblue">选择商品</a>
                        <input id="groupbuy_goods_id" name="groupbuy_goods_id" type="hidden" value=""/>
                        <span></span>
                        <div id="div_search_goods" class="div-goods-select mt10" style="display: none;">
                            <table class="search-form">
                                <tr>
                                    <th class="w150">
                                        <strong>第一步：搜索店内商品</strong>
                                    </th>
                                    <td class="w160">
                                        <input id="search_goods_name" type="text w150" class="text" name="goods_name" value=""/>
                                    </td>
                                    <td class="w70 tc">
                                        <a href="javascript:void(0);" id="btn_search_goods" class="dssc-btn"/><i class="icon-search"></i>{$Think.lang.ds_search}</a></td>
                                    <td class="w10"></td>
                                    <td>
                                        <p class="hint">不输入名称直接搜索将显示店内所有虚拟商品。</p>
                                    </td>
                                </tr>
                            </table>
                            <div id="div_goods_search_result" class="search-result" style="width:739px;"></div>
                            <a id="btn_hide_search_goods" class="close" href="javascript:void(0);">X</a>
                        </div>
                        <p class="hint">{$Think.lang.groupbuy_goods_explain}</p>
                    </dd>
                </dl>
                <dl nctype="groupbuy_goods_info" style="display:none;">
                    <dt>{$Think.lang.groupbuy_index_store_price}{$Think.lang.ds_colon}</dt>
                    <dd> {$Think.lang.currency}<span nctype="groupbuy_goods_price"></span></dd>
                </dl>
                <dl>
                    <dt><i class="required">*</i>{$Think.lang.groupbuy_price}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input class="w70 text" id="groupbuy_price" name="groupbuy_price" type="text" value=""/><em class="add-on"><i class="icon-renminbi"></i></em> <span></span>
                        <p class="hint">{$Think.lang.groupbuy_price_tip}</p>
                    </dd>
                </dl>
                <dl>
                    <dt><i class="required">*</i>抢购活动图片{$Think.lang.ds_colon}</dt>
                    <dd>
                        <div class="dssc-upload-thumb groupbuy-pic">
                            <p><i class="icon-picture"></i>
                                <img nctype="img_groupbuy_image" style="display:none;" src=""/></p>
                        </div>
                        <input nctype="groupbuy_image" name="groupbuy_image2" type="hidden" value="">
                        <div class="dssc-upload-btn">
                            <a href="javascript:void(0);">
                <span>
                    <input type="file" hidefocus="true" size="1" class="input-file" name="groupbuy_image" nctype="btn_upload_image"/>
                </span>
                                <p><i class="icon-upload-alt"></i>图片上传</p>
                            </a>
                        </div>
                        <span></span>
                        <p class="hint">{$Think.lang.group_pic_explain}</p>
                    </dd>
                </dl>
                <dl>
                    <dt>抢购推荐位图片{$Think.lang.ds_colon}</dt>
                    <dd>
                        <div class="dssc-upload-thumb groupbuy-commend-pic">
                            <p><i class="icon-picture"></i>
                                <img nctype="img_groupbuy_image" style="display:none;" src=""/></p>
                        </div>
                        <input nctype="groupbuy_image" name="groupbuy_image1" type="hidden" value="">
                        <span></span>
                        <div class="dssc-upload-btn">
                            <a href="javascript:void(0);">
                <span>
                    <input type="file" hidefocus="true" size="1" class="input-file" name="groupbuy_image" nctype="btn_upload_image"/>
                </span>
                                <p><i class="icon-upload-alt"></i>图片上传</p>
                            </a>
                        </div>
                        <p class="hint">{$Think.lang.group_pic_explain2}</p>
                    </dd>
                </dl>
                <dl>
                    <dt>抢购分类{$Think.lang.ds_colon}</dt>
                    <dd>
                        <select id="class" name="class" class="w80">
                            <option value="">请选择...</option>
                            {notempty name="classlist"}
                           {volist name="classlist" id="val"}
                            <option value="{$val.class_id}">{$val.class_name}</option>
                            {/volist}
                            {/notempty}
                        </select>
                        <select id="s_class" name="s_class" class="w80">
                            <option value="">请选择...</option>
                        </select>
                        <span></span>
                        <p class="hint">请选择本次虚拟抢购所属分类</p>
                    </dd>
                </dl>
                <dl>
                    <dt>抢购区域{$Think.lang.ds_colon}</dt>
                    <dd>
                        <select id="city" name="city" class="w80">
                            <option value="">请选择...</option>
                            {notempty name="arealist"}
                            {volist name="arealist" id="area"}
                            <option value="{$area.area_id}">{$area.area_name}</option>
                           {/volist}
                           {/notempty}
                        </select>
                        <select id="area" name="area" class="w80">
                            <option value="">请选择...</option>
                        </select>
                        <select id="mall" name="mall" class="w80">
                            <option value="">请选择...</option>
                        </select>
                        <span></span>
                        <p class="hint">请选择本次虚拟抢购所属地区</p>
                    </dd>
                </dl>
                <dl>
                    <dt>{$Think.lang.virtual_quantity}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input class="w70 text" id="virtual_quantity" name="virtual_quantity" type="text" value="0"/>
                        <span></span>
                        <p class="hint">{$Think.lang.virtual_quantity_explain}</p>
                    </dd>
                </dl>
                <dl>
                    <dt>{$Think.lang.sale_quantity}{$Think.lang.ds_colon}</dt>
                    <dd>
                        <input class="w70 text" id="upper_limit" name="upper_limit" type="text" value="0"/>
                        <span></span>
                        <p class="hint">每个买家ID可抢购的最大数量，该数量不能大于虚拟商品本身的限购数量，不限数量请填"0"</p>
                    </dd>
                </dl>
                <dl>
                    <dt>{$Think.lang.group_intro}{$Think.lang.ds_colon}</dt>
                    <dd>
                        {:buildEditor(['name'=>'content'])}
                        <textarea name="groupbuy_intro" id="content"></textarea>

                        <p class="hr8"><a class="des_demo dssc-btn" href="{:url('selleralbum/pic_list','item=groupbuy')}"><i class="icon-picture"></i>{$Think.lang.store_goods_album_insert_users_photo}</a></p>
                        <p id="des_demo" style="display:none;"></p>
                    </dd>
                </dl>
                <div class="bottom"><label class="submit-border">
                    <input type="submit" class="submit" value="{$Think.lang.ds_submit}"></label>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="{$Think.config.url_domain_root}static/plugins/js/jquery-file-upload/jquery.fileupload.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

        $("select[name=class]").change(function(){
            var class_id = $(this).val();
            $.ajax({
                type:'GET',
                url:"{:url('sellergroupbuy/ajax_vr_class')}",
                data:{class_id:+class_id},
                success:function(json){
                    var html = '<option value="">'+'请选择...'+'</option>';
                    if(json){
                        var data = eval("("+json+")");
                        $.each(data,function(i,val){
                            html+='<option value="'+val.class_id+'">'+val.class_name+'</option>';
                        });
                    }
                    $("select[name=s_class]").html(html);
                }
            });
        });

        $("select[name=city]").change(function(){
            var area_id = $(this).val();
            $.ajax({
                type:'GET',
                url:"{:url('sellergroupbuy/ajax_vr_area')}",
                data:{area_id:area_id},
                success:function(json){
                    var html = '<option value="">'+'请选择...'+'</option>';
                    var mall = '<option value="">'+'请选择...'+'</option>';
                    if(json){
                        var data = eval("("+json+")");
                        $.each(data,function(i,val){
                            html+='<option value="'+val.area_id+'">'+val.area_name+'</option>';
                        });
                    }
                    $("select[name=area]").html(html);
                    $("select[name=mall]").html(mall);
                }
            });
        });

        $("select[name=area]").change(function(){
            var area_id = $(this).val();
            $.ajax({
                type:'GET',
                url:"{:url('sellergroupbuy/ajax_vr_area')}",
                data:{area_id:area_id},
                success:function(json){
                    var html = '<option value="">'+'请选择...'+'</option>';
                    if(json){
                        var data = eval("("+json+")");
                        $.each(data,function(i,val){
                            html+='<option value="'+val.area_id+'">'+val.area_name+'</option>';
                        });
                    }
                    $("select[name=mall]").html(html);
                }
            });
        });

        $('#start_time').datepicker({
            controlType: 'select'
        });

        $('#end_time').datepicker({
            controlType: 'select'
        });

        $('#btn_show_search_goods').on('click', function() {
            $('#div_search_goods').show();
        });

        $('#btn_hide_search_goods').on('click', function() {
            $('#div_search_goods').hide();
        });

        //搜索商品
        $('#btn_search_goods').on('click', function() {
            var url = "{:url('sellergroupbuy/search_vr_goods')}";
            var datas =  $.param({goods_name: $('#search_goods_name').val()});
            $('#div_goods_search_result').load(url,datas);
        });

        $('#div_goods_search_result').on('click', 'a.demo', function() {
            $('#div_goods_search_result').load($(this).attr('href'));
            return false;
        });

        var vrExpireTime = 0;
        var vrLimitNum = 0;

        //选择商品
        $('#div_goods_search_result').on('click', '[nctype="btn_add_groupbuy_goods"]', function() {
            var goods_commonid = $(this).attr('data-goods-commonid');
            $.get("{:url('sellergroupbuy/groupbuy_goods_info')}", {goods_commonid: goods_commonid}, function(data) {
                if(data.result) {
                    $('#groupbuy_goods_id').val(data.goods_id);
                    $('#groupbuy_goods_image').attr('src', data.goods_image);
                    $('#groupbuy_goods_name').text(data.goods_name);
                    $('[nctype="groupbuy_goods_price"]').text(data.goods_price);
                    $('[nctype="groupbuy_goods_href"]').attr('href', data.goods_href);
                    $('[nctype="groupbuy_goods_info"]').show();
                    $('#div_search_goods').hide();
                    // vr
                    vrExpireTime = '' + data.virtual_indate;
                    $('#vr-expire-time').html('（'+data.virtual_indate_str+'）');
                    vrLimitNum = data.virtual_limit;
                } else {
                    showError(data.message);
                }
            }, 'json');
        });

        //图片上传
        $('[nctype="btn_upload_image"]').fileupload({
            dataType: 'json',
            url: "{:url('sellergroupbuy/image_upload')}",
            add: function(e, data) {
                $parent = $(this).parents('dd');
                $input = $parent.find('[nctype="groupbuy_image"]');
                $img = $parent.find('[nctype="img_groupbuy_image"]');
                data.formData = {old_groupbuy_image:$input.val()};
                $img.attr('src', "{$Think.config.url_domain_root}static/home/images/loading.gif");
                data.submit();
            },
            done: function (e,data) {
                var result = data.result;
                $parent = $(this).parents('dd');
                $input = $parent.find('[nctype="groupbuy_image"]');
                $img = $parent.find('[nctype="img_groupbuy_image"]');
                if(result.result) {
                    $img.prev('i').hide();
                    $img.attr('src', result.file_url);
                    $img.show();
                    $input.val(result.file_name);
                } else {
                    showError(data.message);
                }
            }
        });

        jQuery.validator.methods.lessThanVrLimitNum = function(value, element) {
            var v = parseInt(value) || 0;
            if (v > 0 && vrLimitNum && vrLimitNum > 0 && v > vrLimitNum)
                return false;
            return true;
        };

        jQuery.validator.methods.lessThanVrExpireTime = function(value, element) {
            var ts = new Date(Date.parse(value.replace(/-/g, "/"))).getTime() / 1000;
            // console.log(vrExpireTime);
            // console.log(ts);
            return vrExpireTime > ts;
        };

        jQuery.validator.methods.greaterThanDate = function(value, element, param) {
            var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 < date2;
        };

        jQuery.validator.methods.lessThanDate = function(value, element, param) {
            var date1 = new Date(Date.parse(param.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 > date2;
        };

        jQuery.validator.methods.greaterThanStartDate = function(value, element) {
            var start_date = $("#start_time").val();
            var date1 = new Date(Date.parse(start_date.replace(/-/g, "/")));
            var date2 = new Date(Date.parse(value.replace(/-/g, "/")));
            return date1 < date2;
        };

        jQuery.validator.methods.checkGroupbuyGoods = function(value, element) {
            var start_time = $("#start_time").val();
            var result = true;
            $.ajax({
                type:"GET",
                url:"{:url('sellergroupbuy/check_groupbuy_goods')}",
                async:false,
                data:{start_time: start_time, goods_id: value},
                dataType: 'json',
                success: function(data){
                    if(!data.result) {
                        result = false;
                    }
                }
            });
            return result;
        };

        //页面输入内容验证
        $("#add_form").validate({
            errorPlacement: function(error, element){
                var error_td = element.parent('dd').children('span');
                error_td.append(error);
            },
            onfocusout: false,
            submitHandler:function(form){
                ajaxpost('add_form', '', '', 'onerror');
            },
            rules : {
                groupbuy_name: {
                    required : true
                },
                start_time : {
                    required : true,
                    greaterThanDate : "{$groupbuy_start_time|date='Y-m-d H:i',###}"
                },
                end_time : {
                    required : true,
        {notpresent name="isOwnShop"}
            lessThanDate : "{$current_groupbuy_quota.end_time|date='Y-m-d H:i',###}",
        {/notpresent}
        lessThanVrExpireTime : true,
            greaterThanStartDate : true
    },
        groupbuy_goods_id: {
            required : true,
                checkGroupbuyGoods: true
        },
        groupbuy_price: {
            required : true,
                number : true,
                min : 0.01,
                max : 1000000
        },
        virtual_quantity: {
            required : true,
                digits : true
        },
        upper_limit: {
            required : true,
                digits : true,
                lessThanVrLimitNum : true
        },
        groupbuy_image2: {
            required : true
        }
    },
        messages : {
            groupbuy_name: {
                required : '<i class="icon-exclamation-sign"></i>{$Think.lang.group_name_error}'
            },
            start_time : {
                required : '<i class="icon-exclamation-sign"></i>抢购开始时间不能为空',
                    greaterThanDate : '<i class="icon-exclamation-sign"></i>' +
                "抢购开始时间必须大于{present name='current_groupbuy_quota'}{$current_groupbuy_quota.start_time|date='Y-m-d H:i',###}{/present}"
            },
            end_time : {
                required : '<i class="icon-exclamation-sign"></i>抢购结束时间不能为空',
                    {notpresent name='isOwnShop'}
                    lessThanDate : '<i class="icon-exclamation-sign"></i>' +
                    "抢购结束时间必须小于{present name='current_groupbuy_quota'}{$current_groupbuy_quota.end_time|date='Y-m-d H:i',###}{/present}"
                {/notpresent}
                lessThanVrExpireTime : '<i class="icon-exclamation-sign"></i>结束时间必须小于虚拟商品过期时间',
                    greaterThanStartDate : '<i class="icon-exclamation-sign"></i>结束时间必须大于开始时间'
            },
            groupbuy_goods_id: {
                required : '<i class="icon-exclamation-sign"></i>{$Think.lang.group_goods_error}',
                    checkGroupbuyGoods: '该商品已经参加了同时段的活动'
            },
            groupbuy_price: {
                required : '<i class="icon-exclamation-sign"></i>{$Think.lang.groupbuy_price_error}',
                    number : '<i class="icon-exclamation-sign"></i>{$Think.lang.groupbuy_price_error}',
                    min : '<i class="icon-exclamation-sign"></i>{$Think.lang.groupbuy_price_error}',
                    max : '<i class="icon-exclamation-sign"></i>{$Think.lang.groupbuy_price_error}'
            },
            virtual_quantity: {
                required : '<i class="icon-exclamation-sign"></i>{$Think.lang.virtual_quantity_error}',
                    digits : '<i class="icon-exclamation-sign"></i>{$Think.lang.virtual_quantity_error}'
            },
            upper_limit: {
                required : '<i class="icon-exclamation-sign"></i>{$Think.lang.sale_quantity_error}',
                    digits : '<i class="icon-exclamation-sign"></i>{$Think.lang.sale_quantity_error}',
                    lessThanVrLimitNum : '虚拟抢购活动的限购数量不能大于虚拟商品本身的限购数量'
            },
            groupbuy_image2: {
                required : '<i class="icon-exclamation-sign"></i>抢购图片不能为空'
            }
        }
    });

        $('#li_1').click(function(){
            $('#li_1').attr('class','active');
            $('#li_2').attr('class','');
            $('#demo').hide();
        });

        $('#goods_demo').click(function(){
            $('#li_1').attr('class','');
            $('#li_2').attr('class','active');
            $('#demo').show();
        });

        $('.des_demo').click(function(){
            if($('#des_demo').css('display') == 'none'){
                $('#des_demo').show();
            }else{
                $('#des_demo').hide();
            }
        });

        $('.des_demo').ajaxContent({
            event:'click', //mouseover
            loaderType:"img",
            loadingMsg:"{$Think.config.url_domain_root}static/home/images/loading.gif",
            target:'#des_demo'
        });
    });

</script>