172 lines
7.8 KiB
HTML
172 lines
7.8 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 id="header" align="center"><font face="Arial" size=+2 >Web Mortgage Manager</font></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 align="center" border='1px' width="75%">
|
|
<tr><td align="center" bgcolor="darkgrey">Generate and Send Statement</td></tr>
|
|
<tr><td>Send From: {{model.email.from_address}}<br/>Send To: {{model.email.to_address}}</td></tr>
|
|
<tr><td bgcolor="beige">Subject:</td></tr>
|
|
<tr><td align="center"><textarea type="text" cols="120" name="subject">{{model.email.subject}}</textarea></td></tr>
|
|
<tr><td bgcolor="beige">Message:</td></tr>
|
|
<tr><td align="center"><textarea rows="8" cols="120" name="message">{{model.email.body}}</textarea></td></tr>
|
|
<tr><td bgcolor="beige">Send Statement As:</td></tr>
|
|
<tr><td>
|
|
<input type="checkbox" name="html" value="html"/> HTML
|
|
<input type="checkbox" name="pdf" value="pdf"/> PDF
|
|
<input type="checkbox" name="text" value="text" /> Plain Text
|
|
</td></tr>
|
|
<tr><td bgcolor="beige">Include Future Amortization</td></tr>
|
|
<tr><td>
|
|
<input name="amortization" type="radio" value="yes" checked>Yes
|
|
<input name="amortization" type="radio" value="no">No
|
|
</td></tr>
|
|
<tr><td><button>Send Statement</button></td></tr>
|
|
</table>
|
|
<input type="hidden" name='loan' value="{{filename}}" />
|
|
</form>
|
|
</div>
|
|
<div id="add_payment">
|
|
<form name="AddPayment" method="post" action="/update_file">
|
|
<input type="hidden" name="loan" value="{{filename}}" />
|
|
<table align="center" border="1px" width="75%">
|
|
<tr><td align="center" bgcolor="darkgrey">Record a Payment</td></tr>
|
|
<tr><td bgcolor="beige">Payment Date:</td></tr>
|
|
<tr><td><input type="date" name="date"</td></tr>
|
|
<tr><td bgcolor="beige">Payment Amount:</td></tr>
|
|
<tr><td><input type="text" name="amount"></td></tr>
|
|
<tr><td><button>Record Payment</button></td></tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |