<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=360, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>计算器</title>
    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/component.css"/>
    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/animations.css"/>
    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/loan_calculator.css">
    <link rel="stylesheet" type="text/css" href="{{ theme }}/css/loan_detail.css">
    <script type="text/javascript" src="{{ theme }}/js/iscroll.js"></script>
    <script type="text/javascript" src="{{ theme }}/js/jquery.min.js"></script>
    <script type="text/javascript" src="{{ theme }}/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="{{ theme }}/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="{{ theme }}/js/jquery.mobile.custom.min.js"></script>
    <script type="text/javascript" src="{{ theme }}/js/gftools.js"></script>
</head>
<body>
{% set commerce_rate = 4.90 %}
{% set accumulationFund_rate = 3.25 %}
<div id="pt-main" class="pt-perspective">
<div class="pt-page pt-page-1">
<div id="navWrapper">
    <div id="navScroller">
        <ul class="list-inline text-nowrap" id="tab">
            <li class="active">
                <a href="#commerce_loan" data-toggle="tab" class="btn btn-lg">商业贷款</a>
            </li>
            <li>
                <a href="#accumulationFund_loan" data-toggle="tab" class="btn btn-lg">公积金贷款</a>
            </li>
            <li>
                <a href="#combined_loan" data-toggle="tab" class="btn btn-lg">组合贷款</a>
            </li>
            <li>
                <a href="#new" data-toggle="tab" class="btn btn-lg">新房税费</a>
            </li>
            <li>
                <a href="#secondhand" data-toggle="tab" class="btn btn-lg">二手房税费</a>
            </li>
            <li>
                <a href="#ability" data-toggle="tab" class="btn btn-lg">购房能力评估</a>
            </li>
        </ul>
    </div>
</div>
<div id="tabWrapper">
    <div id="tabScroller" class="tab-content">
        <div class="tab-pane fade in active" id="commerce_loan">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-3">房价总额:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="fangjia_money">
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">首付比例:</label>

                    <p class="col-xs-9">
                        <select class="form-control" data-id="first_payment">
                            <option value="3">3成</option>
                            <option value="4">4成</option>
                            <option value="5">5成</option>
                            <option value="6">6成</option>
                            <option value="7">7成</option>
                            <option value="8">8成</option>
                            <option value="9">9成</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-3">贷款金额:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="daikuan_money" readonly>
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">按揭年数:</label>

                    <p class="col-xs-9">
                        <select class="form-control" data-id="year">
                            <option value="1">1年（12期）</option>
                            <option value="2">2年（24期）</option>
                            <option value="3">3年（36期）</option>
                            <option value="4">4年（48期）</option>
                            <option value="5">5年（60期）</option>
                            <option value="6">6年（72期）</option>
                            <option value="7">7年（84期）</option>
                            <option value="8">8年（96期）</option>
                            <option value="9">9年（108期）</option>
                            <option value="10">10年（120期）</option>
                            <option value="11">11年（132期）</option>
                            <option value="12">12年（144期）</option>
                            <option value="13">13年（156期）</option>
                            <option value="14">14年（168期）</option>
                            <option value="15">15年（180期）</option>
                            <option value="16">16年（192期）</option>
                            <option value="17">17年（204期）</option>
                            <option value="18">18年（216期）</option>
                            <option value="19">19年（228期）</option>
                            <option value="20" selected="selected">20年（240期）</option>
                            <option value="25">25年（300期）</option>
                            <option value="30">30年（360期）</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-3">利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;率:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="rate" value="{{ commerce_rate }}">
                    </p>

                    <p class="col-xs-2">%</p>
                </li>
            </ul>
            <p class="text-right">商业贷款利率{{ commerce_rate }}%</p>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="loan">
        </div>

        <div class="tab-pane fade" id="accumulationFund_loan">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-3">房价总额:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="fangjia_money">
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">首付比例:</label>

                    <p class="col-xs-9">
                        <select class="form-control" data-id="first_payment">
                            <option value="3">3成</option>
                            <option value="4">4成</option>
                            <option value="5">5成</option>
                            <option value="6">6成</option>
                            <option value="7">7成</option>
                            <option value="8">8成</option>
                            <option value="9">9成</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-3">贷款金额:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="daikuan_money" readonly>
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">按揭年数:</label>

                    <p class="col-xs-9">
                        <select class="form-control" data-id="year">
                            <option value="1">1年（12期）</option>
                            <option value="2">2年（24期）</option>
                            <option value="3">3年（36期）</option>
                            <option value="4">4年（48期）</option>
                            <option value="5">5年（60期）</option>
                            <option value="6">6年（72期）</option>
                            <option value="7">7年（84期）</option>
                            <option value="8">8年（96期）</option>
                            <option value="9">9年（108期）</option>
                            <option value="10">10年（120期）</option>
                            <option value="11">11年（132期）</option>
                            <option value="12">12年（144期）</option>
                            <option value="13">13年（156期）</option>
                            <option value="14">14年（168期）</option>
                            <option value="15">15年（180期）</option>
                            <option value="16">16年（192期）</option>
                            <option value="17">17年（204期）</option>
                            <option value="18">18年（216期）</option>
                            <option value="19">19年（228期）</option>
                            <option value="20" selected="selected">20年（240期）</option>
                            <option value="25">25年（300期）</option>
                            <option value="30">30年（360期）</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-3">利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;率:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="rate" value="{{ accumulationFund_rate }}">
                    </p>

                    <p class="col-xs-2">%</p>
                </li>
            </ul>
            <p class="text-right">公积金贷款利率{{ accumulationFund_rate }}%</p>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="loan">
        </div>

        <div class="tab-pane fade" id="combined_loan">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-3">房价总额:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="fangjia_money">
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">首付比例:</label>

                    <p class="col-xs-8">
                        <select class="form-control" data-id="first_payment">
                            <option value="3">3成</option>
                            <option value="4">4成</option>
                            <option value="5">5成</option>
                            <option value="6">6成</option>
                            <option value="7">7成</option>
                            <option value="8">8成</option>
                            <option value="9">9成</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-5">公积金贷款金额:</label>

                    <p class="col-xs-5">
                        <input type="number" class="form-control" data-id="daikuan_money">
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-5">公积金按揭年数:</label>

                    <p class="col-xs-6">
                        <select class="form-control" data-id="accumulationFund_year">
                            <option value="1">1年（12期）</option>
                            <option value="2">2年（24期）</option>
                            <option value="3">3年（36期）</option>
                            <option value="4">4年（48期）</option>
                            <option value="5">5年（60期）</option>
                            <option value="6">6年（72期）</option>
                            <option value="7">7年（84期）</option>
                            <option value="8">8年（96期）</option>
                            <option value="9">9年（108期）</option>
                            <option value="10">10年（120期）</option>
                            <option value="11">11年（132期）</option>
                            <option value="12">12年（144期）</option>
                            <option value="13">13年（156期）</option>
                            <option value="14">14年（168期）</option>
                            <option value="15">15年（180期）</option>
                            <option value="16">16年（192期）</option>
                            <option value="17">17年（204期）</option>
                            <option value="18">18年（216期）</option>
                            <option value="19">19年（228期）</option>
                            <option value="20" selected="selected">20年（240期）</option>
                            <option value="25">25年（300期）</option>
                            <option value="30">30年（360期）</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-5">商业贷款金额:</label>

                    <p class="col-xs-5">
                        <input type="number" class="form-control" data-id="commerce_money">
                    </p>

                    <p class="col-xs-2">万元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-3">按揭年数:</label>

                    <p class="col-xs-8">
                        <select class="form-control" data-id="commerce_year">
                            <option value="1">1年（12期）</option>
                            <option value="2">2年（24期）</option>
                            <option value="3">3年（36期）</option>
                            <option value="4">4年（48期）</option>
                            <option value="5">5年（60期）</option>
                            <option value="6">6年（72期）</option>
                            <option value="7">7年（84期）</option>
                            <option value="8">8年（96期）</option>
                            <option value="9">9年（108期）</option>
                            <option value="10">10年（120期）</option>
                            <option value="11">11年（132期）</option>
                            <option value="12">12年（144期）</option>
                            <option value="13">13年（156期）</option>
                            <option value="14">14年（168期）</option>
                            <option value="15">15年（180期）</option>
                            <option value="16">16年（192期）</option>
                            <option value="17">17年（204期）</option>
                            <option value="18">18年（216期）</option>
                            <option value="19">19年（228期）</option>
                            <option value="20" selected="selected">20年（240期）</option>
                            <option value="25">25年（300期）</option>
                            <option value="30">30年（360期）</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-3">利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;率:</label>

                    <p class="col-xs-7">
                        <input type="number" class="form-control" data-id="rate" value="{{ commerce_rate }}">
                    </p>

                    <p class="col-xs-2">%</p>
                </li>
            </ul>
            <p class="text-right">公积金贷款利率{{ accumulationFund_rate }}% 商业贷款利率{{ commerce_rate }}%</p>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="loan">
        </div>

        <div class="tab-pane fade" id="new">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-3">房屋面积:</label>
                    <p class="col-xs-6">
                        <input type="number" class="form-control" data-id="area">
                    </p>
                    <p class="col-xs-3">平米</p>
                </li>
                <li>
                    <label class="col-xs-3">房屋单价:</label>
                    <p class="col-xs-6">
                        <input type="number" class="form-control" data-id="average_price">
                    </p>
                    <p class="col-xs-3">元/平米</p>
                </li>
            </ul>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="tax">
        </div>

        <div class="tab-pane fade" id="secondhand">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-3">房屋面积:</label>
                    <p class="col-xs-6">
                        <input type="number" class="form-control" data-id="area">
                    </p>
                    <p class="col-xs-3">平米</p>
                </li>
                <li>
                    <label class="col-xs-3">房屋单价:</label>
                    <p class="col-xs-6">
                        <input type="number" class="form-control" data-id="average_price">
                    </p>
                    <p class="col-xs-3">元/平米</p>
                </li>
                <li>
                    <label class="col-xs-3">购置年限:</label>
                    <p class="col-xs-6">
                        <select class="form-control" data-id="year">
                            <option selected="selected" value="0">2年以内</option>
                            <option value="1">2-5年</option>
                            <option value="2">5年以上</option>
                        </select>
                    </p>
                    <p class="col-xs-3">年</p>
                </li>
                <li>
                    <label class="col-xs-3">首次购房:</label>
                    <label for="firstTrue" class="col-xs-4 text-center">
                        <input type="radio" name="first" id="firstTrue" value="1" checked>
                        <span></span>是
                    </label>
                    <label for="firstFalse" class="col-xs-4 text-center">
                        <input type="radio" name="first" id="firstFalse" value="0">
                        <span></span>否
                    </label>
                </li>
                <li>
                    <label class="col-xs-3">唯一住房:</label>
                    <label for="onlyTrue" class="col-xs-4 text-center">
                        <input type="radio" name="only" id="onlyTrue" value="1" checked>
                        <span></span>是
                    </label>
                    <label for="onlyFalse" class="col-xs-4 text-center">
                        <input type="radio" name="only" id="onlyFalse" value="0">
                        <span></span>否
                    </label>
                </li>
            </ul>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="tax">
        </div>

        <div class="tab-pane fade" id="ability">
            <ul class="list-unstyled">
                <li>
                    <label class="col-xs-5">现持有资金:</label>
                    <p class="col-xs-5">
                        <input type="number" class="form-control" id="hold">
                    </p>
                    <p class="col-xs-2">元</p>
                </li>
                <li>
                    <label class="col-xs-5">现家庭月收入:</label>
                    <p class="col-xs-5">
                        <input type="number" class="form-control" id="income">
                    </p>
                    <p class="col-xs-2">元</p>
                </li>
                <li>
                    <label class="col-xs-5">家庭月固定支出:</label>
                    <p class="col-xs-5">
                        <input type="number" class="form-control" id="expense">
                    </p>
                    <p class="col-xs-2">元</p>
                </li>
                <li class="arrow">
                    <label class="col-xs-5">还款年限:</label>
                    <p class="col-xs-7">
                        <select class="form-control" id="payment_year">
                            <option value="12">1年（12期）</option>
                            <option value="24">2年（24期）</option>
                            <option value="36">3年（36期）</option>
                            <option value="48">4年（48期）</option>
                            <option value="60">5年（60期）</option>
                            <option value="72">6年（72期）</option>
                            <option value="84">7年（84期）</option>
                            <option value="96">8年（96期）</option>
                            <option value="108">9年（108期）</option>
                            <option value="120">10年（120期）</option>
                            <option value="132">11年（132期）</option>
                            <option value="144">12年（144期）</option>
                            <option value="156">13年（156期）</option>
                            <option value="168">14年（168期）</option>
                            <option value="180">15年（180期）</option>
                            <option value="192">16年（192期）</option>
                            <option value="204">17年（204期）</option>
                            <option value="216">18年（216期）</option>
                            <option value="228">19年（228期）</option>
                            <option value="240" selected="selected">20年（240期）</option>
                            <option value="300">25年（300期）</option>
                            <option value="360">30年（360期）</option>
                        </select>
                    </p>
                </li>
                <li>
                    <label class="col-xs-4">房屋面积:</label>
                    <p class="col-xs-5">
                        <input type="number" class="form-control" id="area">
                    </p>
                    <p class="col-xs-3">平方米</p>
                </li>
            </ul>
            <input type="submit" value="开始计算" class="btn btn-lg" data-id="ability">
        </div>
    </div>
</div>
</div>
<div class="pt-page pt-page-2">
    <div class="header">
        <ul class="list-unstyled">
            <li class="col-xs-7" id="money"></li>
            <li class="col-xs-5" id="month"></li>
        </ul>
        <ul class="list-unstyled">
            <li class="col-xs-4">还款方式</li>
            <li class="col-xs-4">等额本息</li>
            <li class="col-xs-4">等额本金</li>
            <li class="col-xs-4">支付利息</li>
            <li class="col-xs-4" id="acpi_interest"></li>
            <li class="col-xs-4" id="ac_interest"></li>
        </ul>
    </div>

    <div id="wrapper">
        <div id="scroller">
            <ul class="list-unstyled" id="loan_result">
            </ul>
        </div>
    </div>
</div>
<div class="pt-page pt-page-3">
    <div id="wrapper" style="top: 0;">
        <div id="scroller">
            <ul class="list-unstyled" id="tax_ability_result">
            </ul>
        </div>
    </div>
</div>
</div>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content text-center">
            <h4>提示</h4>

            <p id="notice"></p>
            <button type="button" class="btn btn-lg btn-block" data-dismiss="modal">确认</button>
        </div>
    </div>
</div>

<script type="text/javascript" src="{{ theme }}/js/pagetransitions.js"></script>
<script>
    var daikuan_money = 0;
    var page = 0;
    var navScroll;
    var tabScroll;
    var resultScroll;
    var resultList;
    $(document).ready(function () {
        navScroll = new IScroll('#navWrapper',{
            eventPassthrough: true,
            scrollX: true,
            scrollY: false
        });
        tabScroll = new IScroll('#tabWrapper',{
            click: false,
            preventDefaultException: {tagName: /.*/}
        });
        resultScroll = new IScroll('#wrapper');
        $('#tab a').click(function(){
            tabScroll.scrollTo(0,0);
            setTimeout(function(){
                tabScroll.refresh();
            },200);
        });
        var notice = $('#notice');
        var myModal = $('#myModal');
        $('[data-id=fangjia_money]').change(function () {
            var fangjia_money = Number($(this).val().trim());
            var tab = $(this).parents('.active');
            var first_payment = Number(tab.find('[data-id=first_payment]').val());
            daikuan_money = (fangjia_money * (1 - first_payment / 10)).toFixed(2);
            tab.find('[data-id=daikuan_money]').val(daikuan_money);
        });
        $('[data-id=first_payment]').change(function () {
            var first_payment = Number($(this).val());
            var tab = $(this).parents('.active');
            var fangjia_money = Number(tab.find('[data-id=fangjia_money]').val().trim());
            daikuan_money = (fangjia_money * (1 - first_payment / 10)).toFixed(2);
            tab.find('[data-id=daikuan_money]').val(daikuan_money);
        });
        $('input[type=submit][data-id=loan]').tap(function () {
            var tab = $(this).parents('.active');
            var tabId = tab.attr('id');
            var fangjia_money = Number(tab.find('[data-id=fangjia_money]').val().trim());
            var year = Number(tab.find('[data-id=year]').val());
            var rate = Number(tab.find('[data-id=rate]').val().trim());
            if (fangjia_money == '') {
                notice.html('请输入房价总额');
                myModal.modal('show');
            } else if (rate == '') {
                notice.html('请输入利率');
                myModal.modal('show');
            } else {
                resultList = $('#loan_result');
                if (tabId == 'combined_loan') {
                    var accumulationFund_money = Number(tab.find('[data-id=daikuan_money]').val().trim());
                    var commerce_money = Number(tab.find('[data-id=commerce_money]').val().trim());
                    var accumulationFund_year = Number(tab.find('[data-id=accumulationFund_year]').val());
                    var commerce_year = Number(tab.find('[data-id=commerce_year]').val());
                    var accumulationFund_result = loan_calc(accumulationFund_money, accumulationFund_year, {{ accumulationFund_rate }});
                    var commerce_result = loan_calc(commerce_money, commerce_year, rate);
                    $('#money').text('贷款总额:' + (accumulationFund_money + commerce_money).toFixed(2) + '万元');
                    $('#acpi_interest').text(Math.round(accumulationFund_result.acpi.interest + commerce_result.acpi.interest));
                    $('#ac_interest').text(Math.round(accumulationFund_result.ac.interest + commerce_result.ac.interest));
                    //公积金按揭年数 > 商业贷款按揭年数
                    if (accumulationFund_result.loan_period >= commerce_result.loan_period) {
                        $('#month').text('贷款月数:' + accumulationFund_result.loan_period);
                        $.each(accumulationFund_result.ac.monthlyPayment, function (index, value) {
                            var payment = commerce_result.ac.monthlyPayment[index];
                            var commerce_monthlyPayment = commerce_result.acpi.monthlyPayment;
                            if (!payment) {
                                payment = 0;
                                commerce_monthlyPayment = 0;
                            }
                            resultList.append('<li><p class="col-xs-4">' + (index + 1) + '</p>' +
                            '<p class="col-xs-4">' + Math.round(accumulationFund_result.acpi.monthlyPayment + commerce_monthlyPayment) + '</p>' +
                            '<p class="col-xs-4">' + Math.round(value + payment) + '</p></li>');
                        });
                    } else {
                        $('#month').text('贷款月数:' + commerce_result.loan_period);
                        $.each(commerce_result.ac.monthlyPayment, function (index, value) {
                            var payment = accumulationFund_result.ac.monthlyPayment[index];
                            var accumulationFund_monthlyPayment = accumulationFund_result.acpi.monthlyPayment;
                            if (!payment) {
                                payment = 0;
                                accumulationFund_monthlyPayment = 0;
                            }
                            resultList.append('<li><p class="col-xs-4">' + (index + 1) + '</p>' +
                            '<p class="col-xs-4">' + Math.round(accumulationFund_monthlyPayment + commerce_result.acpi.monthlyPayment) + '</p>' +
                            '<p class="col-xs-4">' + Math.round(value + payment) + '</p></li>');
                        });
                    }
                } else {
                    var result = loan_calc(daikuan_money, year, rate);
                    $('#money').text('贷款总额:' + result.loan_ceiling + '万元');
                    $('#month').text('贷款月数:' + result.loan_period);
                    var acpi = result.acpi;
                    var ac = result.ac;
                    $('#acpi_interest').text(Math.round(acpi.interest));
                    $('#ac_interest').text(Math.round(ac.interest));
                    $.each(ac.monthlyPayment, function (index, value) {
                        resultList.append('<li><p class="col-xs-4">' + (index + 1) + '</p>' +
                        '<p class="col-xs-4">' + Math.round(acpi.monthlyPayment) + '</p>' +
                        '<p class="col-xs-4">' + Math.round(value) + '</p></li>');
                    });
                }
                resultScroll.refresh();
                page = 1;
                window.location.href = '#result';
                PageTransitions.nextPage({
                    animation: 1,
                    showPage: page
                });
            }
            return false;
        });

        $('input[type=submit][data-id=tax]').click(function () {
            var tab = $(this).parents('.active');
            var tabId = tab.attr('id');
            var area = Number(tab.find('[data-id=area]').val().trim());
            var average_price = Number(tab.find('[data-id=average_price]').val().trim());
            var year = Number(tab.find('[data-id=year]').val());
            if (area == '') {
                notice.html('请输入房屋面积');
                myModal.modal('show');
            } else if (average_price == '') {
                notice.html('请输入房屋单价');
                myModal.modal('show');
            } else {
                resultList = $('#tax_ability_result');
                var taxResult = null;
                if (tabId == 'new') {
                    taxResult = newHouseTaxCalculator(area, average_price);
                    resultList.html('<li><span class="col-xs-4">印花税:</span><span>' + taxResult.stampDuty + '元</span></li>'+
                    '<li><span class="col-xs-4">契税:</span><span>' + taxResult.deed + '元</span></li>'+
                    '<li><span class="col-xs-4">公证费:</span><span>' + taxResult.notaryFees + '元</span></li>');
                } else {
                    if (year >= 0) {
                        var first = (Number($('input[name=first]:checked').val()) == 1);
                        var only = (Number($('input[name=only]:checked').val()) == 1);
                        taxResult = secondhandHouseTaxCalculator(area, average_price, first, only, year);
                        resultList.html('<li><span class="col-xs-5">房屋总价:</span><span>' + taxResult.housePrice + '元</span></li>' +
                        '<li><span class="col-xs-5">契税:</span><span>' + taxResult.deed + '元</span></li>' +
                        '<li><span class="col-xs-5">营业税:</span><span>' + taxResult.bt + '元</span></li>' +
                        '<li><span class="col-xs-5">个人所得税:</span><span>' + taxResult.pit + '元</span></li>' +
                        '<li><span class="col-xs-5">工本印花税:</span><span>5元</span></li>' +
                        '<li><span class="col-xs-5">合计:</span><span>' + (taxResult.deed + taxResult.bt + taxResult.pit + 5) + '元</span></li>');
                    } else {
                        notice.html('请选择购置年限');
                        myModal.modal('show');
                        return false;
                    }
                }
                page = 2;
                window.location.href = '#result';
                PageTransitions.nextPage({
                    animation: 1,
                    showPage: page
                });
            }
            return false;
        });

        $('input[type=submit][data-id=ability]').tap(function () {
            var hold = Number($('#hold').val().trim());
            var income = Number($('#income').val().trim());
            var expense = Number($('#expense').val().trim());
            var month = Number($('#payment_year').val());
            var area = Number($('#area').val().trim());
            if (hold == '') {
                notice.html('请输入现持有资金');
                myModal.modal('show');
            } else if (income == '') {
                notice.html('请输入现家庭月收入');
                myModal.modal('show');
            } else if (expense == '') {
                notice.html('请输入家庭月固定支出');
                myModal.modal('show');
            } else if (month == '') {
                notice.html('请输入还款年限');
                myModal.modal('show');
            } else if (area == '') {
                notice.html('请输入房屋面积');
                myModal.modal('show');
            } else {
                resultList = $('#tax_ability_result');
                var abilityResult = abilityCalculator(month, hold, income, expense, area);
                resultList.html('<li><span class="col-xs-4">房屋总价:</span><span>' + abilityResult.total + '元</span></li>' +
                '<li><span class="col-xs-4">房屋单价:</span><span>' + abilityResult.avgPrice.toFixed(2) + '元/平方</span></li>');
                page = 2;
                window.location.href = '#result';
                PageTransitions.nextPage({
                    animation: 1,
                    showPage: page
                });
            }
            return false;
        });

        if (window.location.hash == '#result') {
            window.history.back();
        }
        window.addEventListener("popstate", function (e) {
            if (window.location.hash == '' && ( page == 1 || page == 2)) {
                page = 0;
                PageTransitions.nextPage({
                    animation: 2,
                    showPage: page
                });
                resultList.html('');
                resultScroll.refresh();
            }
        });
    });
    function newHouseTaxCalculator(area, avgPrice) {
        var area = parseFloat(area);
        var avgPrice = parseFloat(avgPrice);
        var totle = area * avgPrice;
        //契税
        var deed = 0;
        //印花税
        var stampDuty = totle * 0.0005;
        //公证费
        var notaryFees = totle * 0.003;

        if (avgPrice <= 9432)
            deed = totle * 0.015;
        else if (avgPrice > 9432)
            deed = totle * 0.03;

        var result = {
            stampDuty: stampDuty,
            deed: deed,
            notaryFees: notaryFees
        };
        return result;
    }
    function secondhandHouseTaxCalculator(area, avgPrice, isFirst, onlyOne, year) {
        var totle = area * avgPrice;
        //契税
        var deed = 0;
        //个人所得税
        var pit = 0;
        //营业税
        var bt = 0;
        if (area > 144)
            isFist = false;
        if (isFirst) {
            deed = totle * 0.01;
            if (area >= 90 && area <= 144)
                deed = totle * 0.015;
        } else {
            deed = totle * 0.03;
        }
        if (year == 2 && onlyOne) {
            pit = 0;
        } else {
            pit = totle * 0.01;
        }
        if (year == 0) {
            bt = totle * 0.056;
        }
        var result = {
            housePrice: totle,
            deed: deed,
            pit: pit,
            bt: bt
        };
        return result;
    }
    function abilityCalculator(month, holdMoney, income, outcome, area) {
        var year = parseInt(month / 12);
        var lilu = 0.00576;
        if (year > 5)
            lilu = 0.00594;
        var d1 = income - outcome;
        var d2 = Math.pow(1 + lilu, month) - 1;
        var d3 = lilu * Math.pow(1 + lilu, month);
        //房屋总价
        var total = Math.round(((d1 * d2) / d3) + holdMoney);
        //房屋单价
        var avgPrice = total / area;
        var result = {
            total: total,
            avgPrice: avgPrice
        };
        return result;
    }
</script>

</body>
</html>