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


{block name="form"}

<div class="form-group">
    <label class="control-label col-lg-2">场次类型</label>
    <div class="col-lg-10">
        <label class="checkbox-inline" style="padding-left: 0;">
            <input type="radio" name="type" value="1" {if condition="empty($data.type) || $data.type == 1" } checked{/if}>
            单独场次
        </label>

        <label class="checkbox-inline" style="padding-left: 0;">
            <input type="radio" name="type" value="2" {eq name="data.type | default = ''" value="2" }checked{/eq}>
            统一场次
        </label>
    </div>
</div>


<div class="form-group">
    <label class="control-label col-lg-2">日期</label>


    <div class="col-lg-5 single_chose" {eq name="data.type" value="2" }style="display:none" {
    /eq}>
    <input class="form-control" type="text" readonly id="test1" name="day[1]" value="{$data.day | default = ''}" placeholder="选择日期" {if
           condition="empty($data.type) || $data.type == 1" }notnull {/if} notice="请选择日期"/>
</div>


<div class="col-lg-5 all_chose" {if condition="empty($data.type) || $data.type == 1" } style="display:none" {/if}>
<input type="text" class="form-control daterangepicker-time" name="day[2]" value="{$data.day | default = ''}" {eq name="data.type | default = ''"
       value="2" } notnull {/eq} notice="请选择日期"
placeholder="选择日期"
readonly> <span id="beginTime">×</span>
</div>

</div>
<div class="form-group">
    <label class="control-label col-lg-2">选择时间段 <input type="checkbox" id="check_all">全选</label>
    <div class="col-lg-10">
        {volist name='time_array' id='time'}
        <label class="checkbox-inline">
            <input type="checkbox" name="time[]" value="{$time.id}" {eq name="time.is_select" value="1" }checked{/eq}>
            {$time.time}
        </label>
        {/volist}
    </div>
</div>

<div class="form-group">
    <div class="col-lg-offset-4 col-lg-8">
        <input class="btn btn-danger" type="submit" value="确认保存">
    </div>
</div>
<input type="hidden" name="id" value="{$data.id | default = ''}">
<input type="hidden" id="do_action" value="{:url('Spike/sceneadd')}">
<input type="hidden" id="do_jump" value="{:url('Spike/scene')}">

<script type="text/javascript">
    $(document).ready(function () {
        let now_day = "{$now_day}";
        //执行一个laydate实例
        laydate.render({
            elem: '#test1', //指定元素
            min: now_day,
            done: function (value, date, endDate) {
                $('#test1').val(value);
            }
        });

        $('.daterangepicker-time').daterangepicker({
            format: 'YYYY/MM/DD',
            separator: '-'
        });

        $('input[name=type]').change(function () {
            let value = parseInt($(this).val());
            if (value === 1) {
                $('.single_chose').show();
                $('.all_chose').hide();
                $('.single_chose').find('input').attr('notnull', '');
                $('.all_chose').find('input').removeAttr('notnull')
            } else {
                $('.single_chose').hide();
                $('.all_chose').show();
                $('.all_chose').find('input').attr('notnull', '');
                $('.single_chose').find('input').removeAttr('notnull')
            }
        });

        $('#check_all').change(function () {
            let is_check = $(this).is(':checked');
            if (is_check === true) {
                $('input[type=checkbox]').attr('checked', 'checked');
            }else{
                $('input[type=checkbox]').removeAttr('checked');

            }
        })
    });
</script>
{/block}