{extend name="../views/public/detail.html"/}

{block name="form"}
<script type="text/javascript" src="/static/admin/js/searchableselect/jquery.searchableSelect.js"></script>
<link rel="stylesheet" type="text/css" href="/static/admin/js/searchableselect/jquery.searchableSelect.css"/>
<script type="text/javascript">
    $(document).off('click', '.change-value');
    $(document).on('click', '.change-value', function() {
        var change_name = $(this).attr('data-change');
        var original_name = $(this).attr('data-original');
        $('input[name*=' + change_name + ']').val($('input[name=' + original_name + ']').val());
    });
    $(document).ready(function () {
        var date = new Date();
        var today = date.toLocaleDateString();
        laydate.render({
            min: today,
            elem: '#start_date', //指定元素
            done: function (value, date, endDate) {
                $('#start_date').val(value);
            }
        });
        laydate.render({
            min: today,
            elem: '#end_date', //指定元素
            done: function (value, date, endDate) {
                $('#end_date').val(value);
            }
        });
        $('select[name=product_select]').searchableSelect({
            afterSelectItem: function() {
                var id = this.holder.data("value");
                if (id != "") {
                    $.ajax({
                        type: 'get',
                        url: '/mall/spike/activitySku?id=' + id,
                        dataType: 'json',
                        success: function(data) {
                            console.log(data);
                            if (data.code == 0) {
                                $('#add-data').html(data.data);
                            }
                        },
                    });
                } else{
                    var html = " <div class=\"form-group\">";
                    html += "<label class=\"control-label col-lg-2\">秒杀信息设置</label>";
                    html += "<div class=\"col-lg-10\">";
                    html += "<p class=\"form-control-static\">请选选择商品</p>";
                    html += "</div>";
                    html += "</div>";
                    html += "</div>";
                    $('#add-data').html(html);
                }
            }
        });
    });
</script>

<div class="form-group">
    <label class="control-label col-lg-2">开放日期</label>
    <div class="col-lg-3">
        <input class="form-control" id="start_date" type="text" readonly name="start_date" value="{$data.start_date | default=''}" placeholder="选择日期" notnull notice="请选择日期"/>
    </div>

    <div class="col-lg-3">
        <input class="form-control" id="end_date" type="text" readonly name="end_date" value="{$data.end_date | default=''}" placeholder="选择日期" notnull notice="请选择日期">
    </div>
</div>

<div class="form-group">
    <label class="control-label col-lg-2">开放时间</label>
    <div class="col-lg-10">
        {volist name="timeArray" id="vo"}
        <label class="checkbox-inline" >
            <input type="checkbox" name="time_id[]" value="{$vo.id}" {eq name="1" value="2" }checked{/eq}>
            {$vo.start_time}--{$vo.end_time}
        </label>
        {/volist}
    </div>
</div>

<div class="form-group">
    <label class="control-label col-lg-2">商品名称</label>
    <div class="col-lg-4">
        <select class="form-control" name="product_select">
            <option value="">请填写商品关键字</option>
            {volist name='productList' id='vo'}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
        </select>
    </div>
</div>

<div id="add-data">

</div>

<div class="form-group">
    <label class="control-label col-lg-2">排序</label>
    <div class="col-lg-10">
        <input class="form-control" placeholder='最大值：2147483647' type="number" min="0" step="1" name="sort" notnull
               value="{$data.sort | default = 0}"/>
        <p class="help-block">数字越大越靠前</p>
    </div>
</div>


<div class="form-group">
    <div class="col-lg-offset-2 col-lg-10">
        <input class="btn btn-danger" type="submit" value="提交保存">
        <button class="btn btn-default backPrev" type="button">返回列表</button>
    </div>
</div>

<input type="hidden" name="id" value="{$data.id | default=''}">
<input type="hidden" id="do_action" value="{:url('Spike/'.request()->action())}"/>
<input type="hidden" id="do_jump" value="{:url('Spike/activity')}"/>

{/block}