159 lines
6.9 KiB
HTML
159 lines
6.9 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
|
<link rel="stylesheet" href="/resources/demos/style.css">
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
<script>
|
|
$( function() { $( "#tabs" ).tabs(); } );
|
|
</script>
|
|
<title>Loan Management</title>
|
|
</head>
|
|
<body>
|
|
<p align="center">Web Mortgage Manager</p>
|
|
<form>
|
|
<table><tr>
|
|
<td>Loan:</td>
|
|
<td>
|
|
<select name="loan">
|
|
{% for loan in loans %}
|
|
{% if loan.filename==filename %}
|
|
<option value="{{loan.filename}}" selected>{{loan.name}}</option>
|
|
{% else %}
|
|
<option value="{{loan.filename}}">{{loan.name}}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
<button>Select</button>
|
|
</td>
|
|
</table>
|
|
</form>
|
|
</p>
|
|
<div id="tabs">
|
|
<ul>
|
|
<li><a href="#loan_information">Loan Information</a></li>
|
|
<li><a href="#loan_history">Loan History</a></li>
|
|
<li><a href="#loan_amortization">Future Amortization</a></li>
|
|
<li><a href="#email">Email Statement</a></li>
|
|
<li><a href="#add_payment">Add Payment</a></li>
|
|
</ul>
|
|
<div id="loan_information">
|
|
<table align="center" border="1px">
|
|
<thead><tr><th colspan='2' width='60%' align='center'>Loan Information</th></tr></thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><b>Lender:</b></td>
|
|
<td>{{ model.lender.name }}<br/>{{ model.lender.address }}<br/>
|
|
{{ model.lender.city }} {{model.lender.state }} {{ model.lender.zip }}<br/>
|
|
{{ model.lender.phone }}
|
|
</td></tr>
|
|
<tr><td><b>Borrower:</b></td><td>{{ model.borrower.name }} <br/>{{ model.borrower.address }}
|
|
<br/>{{ model.borrower.city }}, {{model.borrower.state }} {{ model.borrower.zip }}
|
|
</td></tr>
|
|
<tr><td><b>Account Number:</b></td><td>{{ model.parameters.account_number }}</td></tr>
|
|
<tr><td><b>Origination Date:</b></td><td> {{ model.parameters.start_date }}</td></tr>
|
|
<tr><td><b>Original Principal:</b></td><td>{{ "$%.2f"|format(model.parameters.principal) }}</td></tr>
|
|
<tr><td><b>Rate:</b></td><td>{{model.parameters.interest_rate }}% </td></tr>
|
|
<tr><td><b>Term: </b></td><td>{{model.parameters.periods }} months </td></tr>
|
|
<tr><td><b>Next Payment Due Date:</b></td><td> {{model.parameters.next_due_date}} </td></tr>
|
|
<tr><td><b>Payment Due:</b></td><td> {{ "$%.2f"|format(model.parameters.next_payment_amt) }} </td></tr>
|
|
</tbody>
|
|
</table>
|
|
<p/>
|
|
</div>
|
|
<div id="loan_history">
|
|
<table border="1px" align="center">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="8">Loan History</th>
|
|
</tr>
|
|
<tr>
|
|
<th width='5%'>#</td>
|
|
<th width='10%'>Due Date</th>
|
|
<th width='10%'>Date Paid</th>
|
|
<th width='10%'>Days Interest</th>
|
|
<th width='15%' align='right'>Payment Amt</th>
|
|
<th width='15%' align='right'>Principal Pmt</th>
|
|
<th width='15%' align='right'>Interest Pmt</th>
|
|
<th width='20%' align='right'>New Balance</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in model.past_payments %}
|
|
<tr>
|
|
<td align='center'> {{ item.payment_number }} </td>
|
|
<td align='center'> {{ item.bill_date }} </td>
|
|
<td align='center'> {{ item.payment_date }} </td>
|
|
<td align='center'> {{ item.days_of_interest }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.payment_amount) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.principal_payment) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.interest_payment) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.new_balance) }} </td>
|
|
</tr>
|
|
{% if item.month == 12 or loop.last %}
|
|
<tr><td colspan='8'"> Total interest paid in {{item.year}} is {{ "$%.2f"|format(item.annual_interest_to_date) }}.</td></tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<tr><td colspan='8'"> Total interest paid to date is {{ "$%.2f"|format(model.total_interest_paid_to_date) }}.</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="loan_amortization">
|
|
<table border="1px">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="7">Remaining Amortization</th>
|
|
</tr>
|
|
<tr>
|
|
<th width='8%'>#</th>
|
|
<th width='15%'>Due Date</th>
|
|
<th width='8%'>Days Interest</th>
|
|
<th width='15%' align='right'>Payment Amt</th>
|
|
<th width='15%' align='right'>Principal Pmt</th>
|
|
<th width='15%' align='right'>Interest Pmt</th>
|
|
<th width='20%' align='right'>Principal Balance</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in model.future_payments %}
|
|
<tr><td align='center'> {{ item.payment_number }} </td>
|
|
<td align='center'> {{ item.payment_date }} </td>
|
|
<td align='center'> {{ item.days_of_interest }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.payment_amount) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.principal_payment) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.interest_payment) }} </td>
|
|
<td align='right'> {{ "$%.2f"|format(item.new_balance) }} </td>
|
|
</tr>
|
|
{% endfor %}
|
|
<tr colspan="7">Balloon Payment Due: {{ "$%.2f"|format(model.balloon_payment) }}</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="email">
|
|
<form name="Send Statement" method="post" action="/send_statement">
|
|
<table>
|
|
<tr><td colspan="2">Generate and Send Statement</td></tr>
|
|
<tr><td>Send From:</td><td>{{model.email.from_address}}</td></tr>
|
|
<tr><td>Send To:</td><td>{{model.email.to_address}}</td></tr>
|
|
<tr><td>Topic:</td><td><input type="text" name="title" value="{{model.email.subject}}"></td></tr>
|
|
<tr><td>Message Body:</td><td><input type="textarea" name="message" value="{{model.email.body}}"></td></tr>
|
|
<tr><td>Send Statement As:</td><td><select name="style">
|
|
<option value="attach">Attachment</option>
|
|
<option value="embed">Embedded</option>
|
|
</select></td></tr>
|
|
<tr><td>Include Future Amortization</td>
|
|
<td><select name="amort">
|
|
<option value="yes">Yes</option>
|
|
<option value="no">No</option>
|
|
</select></td></tr>
|
|
<tr><td><button>Send Statement</button></td></tr>
|
|
</table>
|
|
<input hidden="loan" name='loan' value="{{filename}}" />
|
|
</form>
|
|
</div>
|
|
<div id="add_payment">
|
|
<p>Add Loan Payment Tab</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |