{extend name="common/common2" /}
{block name="main"}
<style>
    .custom-table.table{
        width: 100%;
    }
    .custom-table th,.custom-table td{
        padding: 10px;
    }
    .custom-table th{
        width: 120px;
        text-align: right;
    }
    .text {
        width: 200px;
        display: inline-block;
    }
    .num {
        margin-left: 20px;
    }
</style>


<div class="col-sm-12">
    <div class="panel panel-default">
        <div class="panel-heading clearfix">
            缴费单详情
            <div class="btn-group pull-right">
                <a href="javascript:history.go(-1);">返回</a>
            </div>
        </div>
        <div class="panel-body">
            <table class="table table-bordered">
                <tr>
                    <th>资源名称</th>
                    <th>收费科目</th>
                    <th>金额</th>
                    <th>起止日期</th>
                    <th>备注</th>
                    <th>状态</th>
                </tr>
                {foreach $info['logs'] as $key => $value}
                <tr>
                    <td>
                        {if $value['cate'] == 1}[住房]{/if}
                        {if $value['cate'] == 2}[商铺]{/if}
                        {if $value['cate'] == 3}[营业房]{/if}
                        {if $value['cate'] == 4}[储藏室]{/if}
                        {if $value['cate'] == 5}[停车位]{/if}
                        {$value['full_title']}
                    </td>
                    <td>{$value['full_title']}</td>
                    <td>{$value['money']}</td>
                    <td>
                        {if($value['start'])}
                        {$value['start']} ~ {$value['end']}
                        {/if}
                    </td>
                    <td>{$value['remark']}</td>
                    <td>
                        {if $value['status'] == 0}未退款{/if}
                        {if $value['status'] == 1}退款中{/if}
                        {if $value['status'] == 2}已退款{/if}
                    </td>
                </tr>
                {/foreach}
            </table>
            <table class="table custom-table">
                <tr>
                    <th>单据号</th><td>{$info['sn']}</td>
                </tr>
                <tr>
                    <th>业主</th><td>{$info['full_name']}</td>
                </tr>
                <tr>
                    <th>预付款</th>
                    <td>
                        {$info['pre_money']}
                    </td>
                </tr>
                <tr>
                    <th>总金额</th><td>{$info['money']}</td>
                </tr>
                {if $info['status'] == 1}
                <tr>
                    <th>实收</th>
                    <td>
                        {$info['true_money']}
                    </td>
                </tr>
                {/if}
                <tr>
                    <th>状态</th>
                    <td>
                        {if $info['status'] == 0}未缴费{/if}
                        {if $info['status'] == 1}已缴费{/if}
                        {if $info['status'] == 2}返销待审核{/if}
                        {if $info['status'] == 3}已返销{/if}
                        {if $info['is_cancel'] == 1 && $info['status'] == 1}<span class="text-danger">(拒绝)</span>{/if}
                    </td>
                </tr>
                <tr>
                    <th>创建日期</th>
                    <td>
                        {$info['create_time']}
                    </td>
                </tr>
                {if $info['status'] == 3}
                <tr>
                    <th>返销日期</th>
                    <td>
                        {$info['cancel_time']}
                    </td>
                </tr>
                <tr>
                    <th>返销原因</th>
                    <td>
                        {$info['cancel_reason']}
                    </td>
                </tr>
                {/if}
                <tr>
                    <th>最晚缴费时间</th>
                    <td>
                        {$info['last_time']}
                    </td>
                </tr>
                <tr>
                    <th>催款状态</th>
                    <td>
                        {if $info['reminder'] == 0 }未催款{/if}
                        {if $info['reminder'] == 1 }已催款{/if}
                    </td>
                </tr>
                {if $info['status'] == 1}
                <tr>
                    <th>支付方式</th>
                    <td>
                        {if $info['pay_type'] == 1}现金{/if}
                        {if $info['pay_type'] == 3}支付宝{/if}
                        {if $info['pay_type'] == 4}银行托收{/if}
                        {if $info['pay_type'] == 5}微信{/if}
                        {if $info['pay_type'] == 6}
                        组合付款(
                        {foreach $info['pay_data'] as $key => $value }
                        {if $key == 1}现金:{$value} {/if}
                        {if $key == 3}支付宝:{$value} {/if}
                        {if $key == 4}银行托收:{$value} {/if}
                        {if $key == 5}微信:{$value} {/if}
                        {/foreach}
                        )
                        {/if}
                    </td>
                </tr>
                <tr>
                    <th>收款人</th>
                    <td>
                        {$info['payee']}
                    </td>
                </tr>
                <tr>
                    <th>缴费日期</th>
                    <td>
                        {$info['pay_time']}
                    </td>
                </tr>
                <tr>
                    <th>收费备注</th>
                    <td>
                        {$info['remark']}
                    </td>
                </tr>
                {/if}

            </table>
            <hr />
            {if $info['status'] == 0 && $userId == $info['create_user_id']}
            <form class="form-horizontal" action="{:url('pay')}" method="post">

                <input type="hidden" name="id" value="{$info['id']}">
                <div class="form-group">
                    <label class="col-xs-2 control-label">实收 <span class="text-danger">*</span></label>
                    <div class="col-xs-10">
                        <input type="number" name="true_money" class="form-control">
                    </div>
                </div>

                <div class="form-group" style="display: none;" id="prename">
                    <label class="col-xs-2 control-label"></label>
                    <div class="col-xs-10">
                        <input type="number" name="pre_money" value="{$info['full_money']}" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-2 control-label">收费日期 <span class="text-danger">*</span></label>
                    <div class="col-xs-10">
                        <input type="text" readonly placeholder="选择收费日期" id="payTime" name="pay_time" value="{$curDate}" class="form-control">
                    </div>
                </div>
                <!--                    <div class="form-group">-->
                <!--                        <label class="col-xs-2 control-label">收款人 <span class="text-danger">*</span></label>-->
                <!--                        <div class="col-xs-10">-->
                <!--                            <input type="text" name="PAYEE" value="系统" class="form-control">-->
                <!--                        </div>-->
                <!--                    </div>-->
                <div class="form-group">
                    <label class="col-xs-2 control-label">收费备注</label>
                    <div class="col-xs-10">
                        <input type="text" name="remark" value="" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-2 control-label">支付方式</label>
                    <div class="col-xs-10">
                        <label style="margin-top: 5px;"><input type="radio" name="pay_type" checked value="1" onclick="selectPay(1)"> 现金 </label> &nbsp;&nbsp;
                        <label style="margin-top: 5px;"><input type="radio" name="pay_type" value="3" onclick="selectPay(3)"> 支付宝 </label>&nbsp;&nbsp;
                        <label style="margin-top: 5px;"><input type="radio" name="pay_type" value="4" onclick="selectPay(4)"> 银行托收 </label>&nbsp;&nbsp;
                        <label style="margin-top: 5px;"><input type="radio" name="pay_type" value="5" onclick="selectPay(5)"> 微信 </label>&nbsp;&nbsp;
                        <label style="margin-top: 5px;"><input type="radio" name="pay_type" value="6" onclick="selectPay(6)"> 组合付款 </label>&nbsp;&nbsp;
                    </div>
                </div>
                <div class="form-group" id="payname" style="display:none;">
                    <label class="col-xs-2 control-label"></label>
                    <div class="col-xs-10">
                        <table class="table table-bordered">
                            <tr>
                                <th>现金</th>
                                <!--                                    <th>预付款</th>-->
                                <th>支付宝</th>
                                <th>银行托收</th>
                                <th>微信</th>
                            </tr>
                            <tr>
                                <th><input type="number" name="pay_data[1]"></th>
                                <!--                                    <th><input type="number" name="PAY_DATA[2]"></th>-->
                                <th><input type="number" name="pay_data[3]"></th>
                                <th><input type="number" name="pay_data[4]"></th>
                                <th><input type="number" name="pay_data[5]"></th>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-offset-2 col-xs-10">
                        <button type="submit" class="btn btn-sm btn-primary">确认收费</button>
                        <a url="{:url('cancel')}?id={$info['id']}" href="javascript:;"  onclick="layer_open(this,2)"><span class="btn btn-sm btn-default">返销</span></a>
                    </div>
                </div>
            </form>
            {/if}

            {if $info['status'] == 1}
            <div class="col-xs-offset-2 col-xs-10">
                {if $userId == $info['create_user_id']}
                <a url="{:url('cancel',[],'')}/id/{$info['id']}" href="javascript:;"  onclick="layer_open(this,2)"><span class="btn btn-sm btn-default">返销</span></a> &nbsp;
                {/if}
                <a href="{:url('print',[],'')}/id/{$info['id']}" class="btn btn-sm btn-default">打印缴费单</a>
            </div>
            {/if}

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

    function selectPre(type) {
        if(type == 0){
            $('#prename').hide();
        }else{
            $('#prename').show();
        }
    }

    function selectPay(type) {
        if(type == 6){ // 组合支付
            $('#payname').show();
        }else{
            $('#payname').hide();
        }
    }

    $(function(){
        laydate.render({
            elem: '#payTime',
            theme: '#148d8f'
        });

        $("form").submit(function(){
            $("button:submit").html('确认收费...').attr("disabled", true);
            var self = $(this);
            $.post(self.attr("action"), self.serialize(), success, "json");
            return false;

            function success(data){
                if(data.code == 1){
                    layer.msg('缴费成功', {time:2000},function () {
                        window.location.reload();

                    })
                } else {
                    layer.msg(data.msg);
                    $("button:submit").html('确认收费').attr("disabled", false);
                }
            }
        });

    });
</script>
{/block}