Files
mortgage/mortgage/templates/main.html

218 lines
10 KiB
HTML

<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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><font face="Arial">Loan:</font></td>
<td>
<select name="loan" id="loan">
{% for loan in loans %}
{% if loan.document_id==document_id %}
<option value="{{loan.document_id}}" selected>{{loan.name}}</option>
{% else %}
<option value="{{loan.document_id}}">{{loan.name}}</option>
{% endif %}
{% endfor %}
</select>
<button>Select</button>
<button id='manageLoans'>Manage</button>
</td>
</table>
</form>
<script type="text/javascript">
$(
function() {
$("#loan").change(
function() {
this.form.submit();
});
});
</script>
<p></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_accounting">Loan Accounting</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 a Regular Payment</a></li>
<li><a href="#add_extra_payment">Add an Extra 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 }}&nbsp;<br/>{{ model.borrower.address }}&nbsp;
<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>
<tr><td><b>Current Balance</b></td><td> {{ "$%.2f"|format(model.current_balance) }}</td></tr>
<tr><td><b>Daily Interest Accrual:</b></td><td> {{ "$%.2f"|format(model.current_daily_interest_accrual) }}</td></tr>
</tbody>
</table>
<p></p>
</div>
<div id="loan_history">
<table border="1px" align="center">
<thead>
<tr>
<th colspan="9">Loan History</th>
</tr>
<tr>
<th width='5%'>#</th>
<th width='10%'>Due Date</th>
<th width='10%'>Date Paid</th>
<th width='10%'>Days Interest</th>
<th width='12%' align='right'>Payment Amt</th>
<th width='12%' align='right'>Principal Pmt</th>
<th width='12%' align='right'>Interest Pmt</th>
<th width='10%' align='right'>Late Fee</th>
<th width='24%' 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.late_fee) }} </td>
<td align='right'> {{ "$%.2f"|format(item.new_balance) }} </td>
</tr>
{% if item.month == 12 or loop.last %}
<tr><td colspan='9'> Total interest paid in {{item.year}} is {{ "$%.2f"|format(item.annual_interest_to_date) }}.</td></tr>
{% endif %}
{% endfor %}
<tr><td colspan='9'> Total interest paid to date is {{ "$%.2f"|format(model.total_interest_paid_to_date) }}.</td></tr>
</tbody>
</table>
</div>
<div id="loan_accounting">
<h3>Loan Accounting</h3>
<textarea border="1px" width="70%" cols="120" rows="25">
{% for item in model.past_payments | reverse %}
{{item.payment_date }} * "{{item.payee}}" "{{item.payee}} Mortgage Payment {{ item.payment_number}}"
{{item.payment_account}} {{ "%.2f"|format(item.payment_amount * -1) }} USD
{{item.loan_account}} {{ "%.2f"|format(item.principal_payment) }} USD
{{item.interest_account}} {{ "%.2f"|format(item.interest_payment) }} USD
{% if item.late_fee != 0 %}
{{item.late_fee_account}} {{ "%.2f"|format(item.late_fee) }} USD
{% endif %}
{% endfor %}
</textarea>
</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 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="{{document_id}}" />
</form>
</div>
<div id="add_payment">
<form name="AddPayment" method="post" action="/update_file">
<input type="hidden" name="loan" value="{{document_id}}" />
<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 bgcolor="beige">Late Fee Amount:</td></tr>
<tr><td><input type="text" name="latefee"></td></tr>
<tr><td><input name="notify" type="checkbox" value="notify"/>Send Payment Recorded Notification</td></tr>
<tr><td><button>Record Payment</button></td></tr>
</table>
</form>
</div>
<div id="add_extra_payment">
<form name="AddExtraPayment" method="post" action="/update_file">
<input type="hidden" name="loan" value="{{document_id}}" />
<table align="center" border="1px" width="75%">
<tr><td align="center" bgcolor="darkgrey">Record an Extra 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><input name="notify" type="checkbox" value="notify"/>Send Payment Recorded Notification</td></tr>
<tr><td><button>Record Extra Payment</button></td></tr>
</table>
</form>
</div>
</div>
</body>
</html>