{% extends 'su_base.html' %}

{% load crispy_forms_tags %}

{% block content %}
<style>
	.column {
  float: left;
  width: 50%;
}

	.tablerow {
		vertical-align: top;
	}
	
	.label {
		font-size: 12px;
		font-weight: bold;
		vertical-align: center;
	}
	.textarealabel {
		font-size: 12px;
		font-weight: bold;
		vertical-align: top;
	}
	.field {
		font-size: 12px;
	}
	
.transactionstable {
	width: 900px;
}

.fieldtransactionid {
	column-width: 100px;
	align: center;
	color: black;
}
.fieldstudentid {
	column-width: 100px;
	align: center;
	color: black;
}
.fieldtransactiondate {
	column-width: 200px;
	align: center;
	color: black;
}
.fieldtransactiontype {
	column-width: 100px;
	align: center;
	color: black;
}

.fieldtransactionamount {
	column-width: 200px;
	align: center;
	color: black;
}

.fieldtransactionnotes {
	column-width: 200px;
	align: center;
	color: black;
}
.systemmessageclass {
	font-size: 14px;	
}
/* billingtooltip container */
.billingtooltip {
  position: relative;
  display: inline;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* billingtooltip text */
.billingtooltip .billingtooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the billingtooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the billingtooltip text when you mouse over the billingtooltip container */
.billingtooltip:hover .billingtooltiptext {
  visibility: visible;
}
</style>
<div align="center" style='font-size="18px"; font-weight: bold; font-variant: small-caps;' id="formpurpose">Use this form to edit the templates for statements and invoices.</div><br/>
<form id="mainform" method="POST" enctype="multipart/form-data" >
	
    {% csrf_token %} 
<input type="hidden" name="action" value="update" />
<h2>Statements</h2>
<table><tr valign="top"><td width="80%">
<table border="0">
<tr><td><b>	Email this should be from</b></td><td><input name="statement_from_email" id="statement_from_email" value="{{statement_from_email }}" /></td></tr>
<tr><td><b>Any CCs (comma separated) that should be sent to</b></td><td><input name="statement_to_ccs" id="statement_to_ccs" value="{{statement_to_ccs}}" /></td></tr>
<tr><td><b>Any BCCs (comma separated) that should be sent to</b></td><td><input name="statement_to_bccs" id="statement_to_bccs" value="{{statement_to_bccs}}" /></td></tr>
<tr><td><b>Subject for email</b></td><td><input name="statement_subject" id="statement_subject" value="{{statement_subject}}" /><br/></td></tr>
<tr><td colspan="2"><b>Body of email. Note, you can use student fields by enclosing them braces like &#x7B;&#x7B;first_name&#x7D;&#x7D;</b></td></td></tr>
<tr><td></td><td><textarea name="statement_emailbody" id="statement_emailbody" rows="5" cols="40">{{statement_emailbody}}</textarea></td></tr>
</table>
<p/>
<h2>Invoices</h2>
<table border="0">
<tr><td><b>	Email this should be from</b></td><td><input name="invoice_from_email" id="invoice_from_email" value="{{invoice_from_email }}" /></td></tr>
<tr><td><b>Any CCs (comma separated) that should be sent to</b></td><td><input name="invoice_to_ccs" id="invoice_to_ccs" value="{{invoice_to_ccs}}" /></td></tr>
<tr><td><b>Any BCCs (comma separated) that should be sent to</b></td><td><input name="invoice_to_bccs" id="invoice_to_bccs" value="{{invoice_to_bccs}}" /></td></tr>
<tr><td><b>Subject for email</b></td><td><input name="invoice_subject" id="invoice_subject" value="{{invoice_subject}}" /><br/></td></tr>
<tr><td colspan="2"><b>Body of email. Note, you can use student fields by enclosing them braces like &#x7B;&#x7B;first_name&#x7D;&#x7D;</b></td></td></tr>
<tr><td></td><td><textarea name="invoice_emailbody" id="invoice_emailbody" rows="5" cols="40">{{invoice_emailbody}}</textarea></td></tr>
</table>
<input type="submit" value="save changes" />

<br/><br/><br/>
<h3>
	{{log}}
	</h3>
</form>
</td>


<td width="30%">
<h3>Substitution Fields For Emails</h3>
Please note that not all records will have values for every field.<br/>
&#x7B;&#x7B;id&#x7D;&#x7D; <br/>
&#x7B;&#x7B;cohort&#x7D;&#x7D; <br/>
&#x7B;&#x7B;last_name&#x7D;&#x7D; <br/>
&#x7B;&#x7B;middle_name&#x7D;&#x7D; <br/>
&#x7B;&#x7B;first_name&#x7D;&#x7D; <br/>
&#x7B;&#x7B;street_address&#x7D;&#x7D; <br/>
&#x7B;&#x7B;city&#x7D;&#x7D; <br/>
&#x7B;&#x7B;state&#x7D;&#x7D; <br/>
&#x7B;&#x7B;country&#x7D;&#x7D; <br/>
&#x7B;&#x7B;zipcode&#x7D;&#x7D; <br/>
&#x7B;&#x7B;school&#x7D;&#x7D; <br/>
&#x7B;&#x7B;email_addr&#x7D;&#x7D; <br/>
&#x7B;&#x7B;payment_type&#x7D;&#x7D; <br/>
&#x7B;&#x7B;delivery_method&#x7D;&#x7D; <br/>
&#x7B;&#x7B;student_comments&#x7D;&#x7D; <br/>
&#x7B;&#x7B;payment_amount_due&#x7D;&#x7D; <br/>
&#x7B;&#x7B;invoice_number&#x7D;&#x7D; <br/>
&#x7B;&#x7B;graduation_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;invoice_notes&#x7D;&#x7D; <br/>
&#x7B;&#x7B;next_due_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;inactive&#x7D;&#x7D; <br/>
&#x7B;&#x7B;leave_of_absence&#x7D;&#x7D; <br/>
&#x7B;&#x7B;leave_of_absence_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;paid_in_full&#x7D;&#x7D; <br/>
&#x7B;&#x7B;withdrew&#x7D;&#x7D; <br/>
&#x7B;&#x7B;withdrawal_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;suspended&#x7D;&#x7D; <br/>
&#x7B;&#x7B;suspension_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;in_group&#x7D;&#x7D; <br/>
&#x7B;&#x7B;group_name&#x7D;&#x7D; <br/>
&#x7B;&#x7B;graduated&#x7D;&#x7D; <br/>
&#x7B;&#x7B;start_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;on_extension&#x7D;&#x7D; <br/>
&#x7B;&#x7B;extension_start_date&#x7D;&#x7D; <br/>
&#x7B;&#x7B;sponsored&#x7D;&#x7D;
&#x7B;&#x7B;sponsor_contact&#x7D;&#x7D;
&#x7B;&#x7B;sponsor_full_address&#x7D;&#x7D;
&#x7B;&#x7B;sponsor_email&#x7D;&#x7D;
&#x7B;&#x7B;sponsor_phone&#x7D;&#x7D;
&#x7B;&#x7B;sponsorship_note&#x7D;&#x7D;
&#x7B;&#x7B;student_notes&#x7D;&#x7D;
&#x7B;&#x7B;phone&#x7D;&#x7D; <br/>
&#x7B;&#x7B;stid&#x7D;&#x7D; <br/>
&#x7B;&#x7B;stcode&#x7D;&#x7D; <br/>
&#x7B;&#x7B;gender&#x7D;&#x7D; <br/>
&#x7B;&#x7B;balance&#x7D;&#x7D; <br/>
</td></tr></table>
{% endblock %}