{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">
            <form action="add" method="get">
                {if $data}
                <div style="margin-bottom: 20px">
                    <input type="hidden" name="start" id="start" value="{$start}">
                    上次到期时间：{$start};
                    交款结束时间：<input type="text" name="end" readonly id="end" value="{$end}">
                    备注：<input type="text" name="remark"> <br>
                    <p></p>
                    <button type="submit" class="btn btn-primary btn-sm">查询</button>
                    <a href="javascript:;" onclick="onSave(this)" class="btn btn-warinig btn-sm">确定交款</a>
                </div>
                {else}
                <div style="margin-bottom: 20px">
                    {$error}
                </div>
                {/if}
            </form>
        </div>
    </div>
    {if $data}
    <div class="panel panel-default">
        <!-- nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">基本汇总</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">基本明细</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">科目明细</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
                <table class="table table-bordered">
                    <tr>
                        <th>总金额</th>
                        <th>总预付款</th>
                        <th>总实收</th>
                        <th>现金</th>
                        <th>支付宝</th>
                        <th>银行托收</th>
                        <th>微信</th>
                    </tr>
                    <tr>
                        <td>{$data['data']['money']}</td>
                        <td>{$data['data']['pre_money']}</td>
                        <td>{$data['data']['true_money']}</td>
                        <td>{$data['data']['pay_money1']}</td>
                        <td>{$data['data']['pay_money3']}</td>
                        <td>{$data['data']['pay_money4']}</td>
                        <td>{$data['data']['pay_money5']}</td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr>
                        <th>收费科目</th>
                        <th>金额</th>
                    </tr>
                    {foreach $data['fees'] as $k=>$v}
                    <tr>
                        <td>{$v['fee_title']}</td>
                        <td>{$v['money']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                <table class="table table-bordered">
                    <tr>
                        <th>单据号</th>
                        <th>业主</th>
                        <th>应收</th>
                        <th>实收</th>
                        <th>预付款</th>
                        <th>支付方式</th>
                        <th>收款日期</th>
                        <th>收款人</th>
                    </tr>
                    {foreach $data['list'] as $k=>$v}
                    <tr>
                        <td>{$v['sn']}</td>
                        <td>{$v['name']}</td>
                        <td>{$v['money']}</td>
                        <td>{$v['true_money']}</td>
                        <td>{$v['pre_money']}</td>
                        <td>
                            {if $v['pay_type'] == 1}现金{/if}
                            {if $v['pay_type'] == 3}支付宝{/if}
                            {if $v['pay_type'] == 4}银行托收{/if}
                            {if $v['pay_type'] == 5}微信{/if}
                            {if $v['pay_type'] == 6}组合付款{/if}
                        </td>
                        <td>{$v['pay_time']}</td>
                        <td>{$v['payee']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <table class="table table-bordered">
                    <tr>
                        <th>单据号</th>
                        <th>业主</th>
                        <th>小区</th>
                        <th>资源名称</th>
                        <th>资源属性</th>
                        <th>类型</th>
                        <th>收费科目</th>
                        <th>金额</th>
                        <th>起止日期</th>
                        <th>收款日期</th>
                        <th>收款人</th>
                    </tr>
                    {foreach $data['logs'] as $k=>$v}
                    <tr>
                        <td>{$v['sn']}</td>
                        <td>{$v['name']}</td>
                        <td>{$v['area_title']}</td>
                        <td>{$v['title']}</td>
                        <td>
                            {if $v['cate'] == 1}住房{/if}
                            {if $v['cate'] == 2}商铺{/if}
                            {if $v['cate'] == 3}营业房{/if}
                            {if $v['cate'] == 4}储藏室{/if}
                            {if $v['cate'] == 5}停车位{/if}
                        </td>
                        <td>{$v['c_type_name']}</td>
                        <td>{$v['fee_title']}</td>
                        <td>{$v['money']}</td>
                        <td>
                            {if $v['start']}
                            {$v['start']} ~ {$v['end']}
                            {/if}
                        </td>
                        <td>{$v['pay_time']}</td>
                        <td>{$v['payee']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
        </div>
    </div>
    {/if}
</div>

{/block}
{block name="script"}
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script>
    $(function(){
        laydate.render({
            elem: '#end',
            theme: '#0061b3',
            type: 'datetime'
        });
    });
    function onSave(_self) {
        var flag = $(_self).attr('data-flag');
        if(flag == true){
            return ;
        }
        $(_self).attr('data-flag',true);
        var start = $('#start').val();
        var end = $('#end').val();
        var remark = $('#remark').val();
        var url = '{:url("addSave")}';
        $.post(url,{start:start,end:end,remark:remark},function (res) {
            if(res.code == 1){
                window.location.href = '{:url("index")}';
            }else{
                layer.msg(res.msg);
            }
        });
    }
</script>
{/block}