{extend name="default/base/base_seller" /}
{block name="seller_main"}
<div class="dssc-form-default">
    <form id="add_form" method="post">
            {empty name="presell_info"}
            <dl>
                <dt><i class="required">*</i>{$Think.lang.presell_type}{$Think.lang.ds_colon}</dt>
                <dd>
                    <ul class="dssc-form-radio-list">
                    <li><label onclick="$('*[dstype=type_2]').hide();$('*[dstype=type_1]').show();"><input type="radio" name="presell_type" {if !isset($presell_info) || $presell_info['presell_type'] == '1'}checked="checked"{/if} value="1" />{$Think.lang.presell_type_1}</label></li>
                    <li><label onclick="$('*[dstype=type_2]').show();$('*[dstype=type_1]').hide()"><input type="radio" name="presell_type" {if isset($presell_info) && $presell_info['presell_type'] == '2'}checked="checked"{/if} value="2" />{$Think.lang.presell_type_2}</label></li>
                    </ul>
                    <p class="red">{$Think.lang.presell_type_notice}</p>
                </dd>
            </dl>
            <dl>
                <dt><i class="required">*</i>{$Think.lang.presell_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="iconfont">&#xe8d6;</i></em>
                    <span></span>
                    <p class="hint">
                        {notpresent name="isPlatformStore"}
                        {if $current_presell_quota.presellquota_starttime > 1}
                        {$Think.lang.presell_add_start_time_explain}{$current_presell_quota.presellquota_starttime|date="Y-m-d H:i:s"}
                        {/if}
                        {/notpresent}
                        <br/><span class="red">{$Think.lang.start_time_group_not_modified}</span>
                    </p>
                </dd>
            </dl>
            <dl>
                <dt><i class="required">*</i>{$Think.lang.presell_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="iconfont">&#xe8d6;</i></em><span></span>
                    <p class="hint">
                        {notpresent name="isPlatformStore"}
                        {$Think.lang.presell_add_end_time_explain}{$current_presell_quota.presellquota_endtime|date="Y-m-d H:i:s"}
                        {/notpresent}
                        <br/><span class="red">{$Think.lang.end_time_group_not_modifiable}</span>
                        
                    </p>
                </dd>
            </dl>

            <dl>
                <dt><i class="required">*</i>{$Think.lang.presell_goods}{$Think.lang.ds_colon}</dt>
                <dd>
                    <div dstype="presell_goods_info" class="selected-group-goods " style="display:none;">
                        <div class="goods-thumb"><img id="presell_goods_image" src=""/></div>
                        <div class="goods-name">
                            <a dstype="presell_goods_href" id="presell_goods_name" href="" target="_blank"></a>
                        </div>
                        <div class="goods-price">{$Think.lang.mall_price}：￥<span dstype="presell_goods_price"></span></div>
                    </div>
                    <a href="javascript:void(0);" id="btn_show_search_goods" class="dssc-btn dssc-btn-acidblue">{$Think.lang.select_goods}</a>
                    <input id="presell_goods_id" name="presell_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>{$Think.lang.search_store_goods}</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="iconfont">&#xe718;</i>{$Think.lang.ds_search}</a></td>
                                <td class="w10"></td>
                                <td>
                                    <p class="hint">{$Think.lang.group_information1}</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.presell_goods_explain}</p>
                </dd>
            </dl>
            {else/}
            <dl>
                <dt>{$Think.lang.presell_goods_name}</dt>
                <dd>
                    {$presell_info.goods_name}
                </dd>
            </dl>
            {/empty}
            <dl>
                <dt><i class="required">*</i>{$Think.lang.presell_price}{$Think.lang.ds_colon}</dt>
                <dd>
                    <input id="presell_limit_number" name="presell_price" type="text" class="text w130" value="{$presell_info.presell_price|default=''}"/>{$Think.lang.ds_yuan}<span></span>
                    <p class="hint"></p>
                </dd>
            </dl>
            
            <dl dstype="type_2" {if !isset($presell_info) || $presell_info['presell_type'] == '1'}style="display:none"{/if}>
                <dt><i class="required">*</i>{$Think.lang.presell_deposit_amount}{$Think.lang.ds_colon}</dt>
                <dd>
                    <input id="presell_deposit_amount" name="presell_deposit_amount" type="text" class="text w130" value="{$presell_info.presell_deposit_amount|default=''}"/>{$Think.lang.ds_yuan}<span></span>
                    <p class="hint">{$Think.lang.presell_deposit_amount_explain}</p>
                </dd>
            </dl>
            
            <dl dstype="type_1" {if isset($presell_info) && $presell_info['presell_type'] == '2'}style="display:none"{/if}>
                <dt><i class="required">*</i>{$Think.lang.presell_shipping_time}{$Think.lang.ds_colon}</dt>
                <dd>
                    <input id="presell_shipping_time" name="presell_shipping_time" type="text" class="text w130" value="{if isset($presell_info)}{:date('Y-m-d',$presell_info.presell_shipping_time)}{/if}"/><em class="add-on"><i class="iconfont">&#xe8d6;</i></em><span></span>
                    <p class="hint"></p>
                </dd>
            </dl>
            
            <div class="bottom">
                <input id="submit_button" type="submit" class="submit" value="{$Think.lang.ds_submit}">
            </div>
        </form>
</div>
<link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.css">
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui-timepicker/i18n/jquery-ui-timepicker-zh-CN.js"></script>
<script>
    $(function () {
        
        $('#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('Sellerpromotionpresell/search_goods')}";
             var  datas  =  $.param({goods_name: $('#search_goods_name').val()});
            $('#div_goods_search_result').load(url,datas);
        });

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

        //选择商品
        $('#div_goods_search_result').on('click', '[dstype="btn_add_presell_goods"]', function() {
            var goods_id = $(this).attr('data-goods-id');
            $.get("{:url('Sellerpromotionpresell/presell_goods_info')}", {goods_id: goods_id}, function(data) {
                if(data.result) {
                    $('#presell_goods_id').val(data.goods_id);
                    $('#presell_goods_image').attr('src', data.goods_image);
                    $('#presell_goods_name').text(data.goods_name);
                    $('[dstype="presell_goods_price"]').text(data.goods_price);
                    $('[dstype="presell_goods_href"]').attr('href', data.goods_href);
                    $('[dstype="presell_goods_info"]').show();
                    $('#div_search_goods').hide();
                } else {
                    layer.msg(data.message);
                }
            }, 'json');
        });
        
    {empty name = "presell_info"}
    $('#start_time').datetimepicker({dateFormat: 'yy-mm-dd'});
    $('#end_time').datetimepicker({dateFormat: 'yy-mm-dd'});
    {/empty}
    $('#presell_shipping_time').datetimepicker({dateFormat: 'yy-mm-dd'});    
        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;
        };


        
    //页面输入内容验证
    $("#add_form").validate({
            errorPlacement: function (error, element) {
                var error_td = element.parent('dd').children('span');
                error_td.append(error);
            },
            onfocusout: false,
            submitHandler: function (form) {
                ds_ajaxpost('add_form', 'url', "{:url('Sellerpromotionpresell/index')}", 1000);
            },
                rules: {
                    start_time: {
                        required: true,
                        greaterThanDate: "{:date('Y-m-d H:i',@$current_presell_quota['presellquota_starttime'])}"
                    },
                    end_time: {
                        required: true,
                        {if !$isPlatformStore}
                        lessThanDate : "{present name='current_presell_quota.presellquota_starttime'}{$current_presell_quota.presellquota_endtime|date='Y-m-d H:i'}{/present}",
                        {/if}
                        greaterThanStartDate: true
                    },
                },
                messages : {
                    start_time : {
                        required : '<i class="iconfont">&#xe64c;</i>' + "<?php echo sprintf(lang('presell_add_start_time_explain'),@date('Y-m-d H:i',$current_presell_quota['presellquota_starttime']));?>",
                        greaterThanDate : '<i class="iconfont">&#xe64c;</i>' + "<?php echo sprintf(lang('presell_add_start_time_explain'),@date('Y-m-d H:i',$current_presell_quota['presellquota_starttime']));?>"
                    },
                    end_time : {
                        required : '<i class="iconfont">&#xe64c;</i>' + "<?php echo sprintf(lang('presell_add_end_time_explain'),@date('Y-m-d H:i',$current_presell_quota['presellquota_endtime']));?>",
                        {if !$isPlatformStore}
                        lessThanDate : '<i class="iconfont">&#xe64c;</i>' +
                        "<?php echo sprintf(lang('presell_add_end_time_explain'),@date('Y-m-d H:i',$current_presell_quota['presellquota_endtime']));?>",
                        {/if}
                        greaterThanStartDate : '<i class="iconfont">&#xe64c;</i>{$Think.lang.greater_than_start_time}'
                    },
                    
            }
    });
    });
</script>

{/block}

