{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form method="post" action="{:url('deal')}" class="form-horizontal">
                    <input type="hidden" name="id" value="{$info['id']}">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">操作</label>
                        <div class="col-sm-6" id="radio-box">
                            <label class="cr-inline">
                                <input type="radio" value="1" checked name="status">同意&nbsp;&nbsp;
                            </label>
                            <label class="cr-inline">
                                <input type="radio" value="2" name="status">拒绝
                            </label>
                        </div>
                    </div>

                    <div class="form-group" id="dateTime">
                        <label class="col-sm-2 control-label">延期时间<span class="text-danger">*</span></label>
                        <div class="col-sm-6">
                            <input  class="form-control" id="date" readonly name="end_time" value="{$info.end_time|default=''}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">意见</label>
                        <div class="col-sm-6">
                            <textarea name="remark" class="form-control" rows="3"></textarea>
                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button class="btn btn-primary ajax-post" data-layer="1" target-form="form-horizontal" type="submit">确 定</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script type="text/javascript" src="/static/layDate-v5.0.9/laydate.js"></script>

<script>
    //日期时间选择器
    laydate.render({
        elem: '#date',
        type: 'datetime',
        format:'yyyy-MM-dd HH:mm:ss',
        trigger: 'click' ,
        theme:'#148d8f'
        // value:dateFormat(),
    });

    $('#radio-box').change(function (){
        var status =  $('input:radio[name="status"]:checked').val();
        if(status == 2){
            $('#dateTime').css({'display':'none'});
        }else {
            $('#dateTime').css({'display':'block'});
        }
    })



</script>
{/block}