{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('finish')}" class="form-horizontal">
                    <input type="hidden" name="id" value="{$info['id']|default='0'}" id="orderId">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">开始时间</label>
                        <div class="col-xs-6">
                            <input type="text" class="form-control" disabled id="start" value="{$info.start|default=''}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-2 control-label">结束时间</label>
                        <div class="col-xs-6">
                            <input type="text" class="form-control" readonly id="end" name="end" value="{$info.end|default=''}" >
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-2 control-label">预收金</label>
                        <div class="col-xs-6">
                            <input type="number" class="form-control" readonly value="{$info.pre_money|default='0'}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-2 control-label">收费金额</label>
                        <div class="col-xs-6">
                            <input type="number" class="form-control" name="amount" value="{$info.amount|default=''}" id="sfMoney">
                        </div>
                        <i class="tishi" style="margin-top: 5px;position: absolute">{if $bjMoney > 0}
                            (应补缴：{$bjMoney})
                            {/if}
                            {if $tkMoney >0}(应退款：{$tkMoney}){/if}
                        </i>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-2">
                            <button class="btn btn-primary ajax-post" target-form="form-horizontal" data-layer="1" 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: '#start',
        //设置开始日期、日期日期的 input 选择器
        //数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
        type: 'datetime',
        trigger: 'click',
        theme: '#148d8f'
    });

    laydate.render({
        elem: '#end',
        //设置开始日期、日期日期的 input 选择器
        //数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
        type: 'datetime',
        trigger: 'click',
        theme: '#148d8f',
        done: function(value, date, endDate){
            console.log(value,11111111)
            console.log(date,222222)
            console.log(date,endDate)
            var orderId = $('#orderId').val();
            var end = value;
            var url = '{:url("PhOrders/calculateMoney")}';
            $.post(url,{orderId:orderId,end:end},function (e){
                $('#sfMoney').val(e.data.sfMoney);
                if(e.data.bjMoney){
                    $('.tishi').html('(应补缴：'+e.data.bjMoney+')')
                }
                if(e.data.tkMoney){
                    $('.tishi').html('(应退款：'+e.data.tkMoney+')')
                }
            })

        }
    });

</script>
{/block}