{% extends "base.html" %}
{% block title %}Digital Cake Studios | Invoice# {{print_id}}{% endblock %}

{% block css %}
<link rel="stylesheet" href="{{ STATIC_URL }}/css/invoice.css"/>
<link rel="stylesheet" href="{{ STATIC_URL }}/css/print.css"media="print"/>
{% endblock %}

{% block content %}



{% include 'navigation.html' with is_page="account_dash" %}

{% with item_object=invoice.item_objects%}
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
	{{item_object}} <!--hits db -->
{% endwith %}

<section id="content" class="clearfix">

	<div class="container clearfix">

		<header class="page-header">
		
			<h1 class="page-title">Invoice# {{print_id}} - {{invoice.name}}</h1>
			
		</header><!-- end .page-header -->

	</div><!-- end .container -->
	

	<div class="container clearfix">

		{% ifequal invoice.status "7" %}
			<p class="success"><strong>Paid In Full</strong> - Thank you </p>	
		{% endifequal %}

		{% ifequal invoice.status "5"%}
			<p class="info"><strong>Payment Pending</strong></p>
		{% endifequal %}

		

		{% ifnotequal invoice.total 0.00 %}
		<div class="paypal">
				<div class="paypal_info">Pay this invoice (${{invoice.total}} <span class="currency-code">&nbsp;USD</span>) online:{{ form.sandbox }}</div>			
		</div>

		{% endifnotequal %}
		{% ifequal invoice.status "6" %}
			<p class="error"><strong>Payment Failded</strong></p>	
		{% endifequal %}
		{% ifequal invoice.status "3" %}
			<p class="error"><strong>Past Due</strong></p>	
		{% endifequal %}
		{% ifequal invoice.status "4" %}
			<p class="notice"><strong>Partial Payment</strong> - A balance is still due. </p>
		{% endifequal %}

		<div class="invoice-container">
			

			<div class="invheader">
				
				<div class="invheader-upper">		
					<div class="invheader-address-account">
						Digital Cake Studios<br />
						750 Fountain view Dr #B<br>
						Mascoutah IL&nbsp;&nbsp;62258<br>
						United States
					</div>
					<div class="invheader-logo-container">
						<div class="invheader-logo">
							<img src="{{STATIC_URL}}/img/account/logo.png" width="135" alt=""><br>
						</div>
					</div>
				</div> <!-- invheader-upper -->
				
				<div class="invheader-lower">
					
					<div class="invheader-address-client">
						{{invoice.company.name}}<br />
						{{invoice.company.street}}<br />
						{{invoice.company.city}}, {{invoice.company.state}}, {{invoice.company.zip}}<br />
						{{invoice.company.phone}}<br />
					</div>

					<div class="invheader-invoicedetails">				
						<table cellspacing="0">
							<tbody>
								<tr>
									<th>INVOICE	#</th>
									<td>{{print_id}}</td>
								</tr>
								<tr>
									<th>INVOICE Date</th>
									<td>{{ invoice.issued|date:"M d, Y" }}</td>
								</tr>
								<tr class="invheader-invoicedetails-balance">
									<th>
										<div>Amount Due</div>
									</th>
									<td><div>${{invoice.total}}  USD</div></td>

								</tr>			
							</tbody>
						</table>

						
					</div><!-- invheader-invoicedetails -->
				</div><!-- invheader-lower -->
			</div><!-- invheader -->

			<div class="invbody">

				
				{% if task_objects_cached %}
				<!-- Tasks -->
				<table class="invbody-items" cellspacing="0">
					<thead>
						<tr>
							<th class="first"><div class="item">Task</div></th>
							<th><div class="description">Time Entry Notes</div></th>
							<th><div class="unitcost">Rate</div></th>
							<th><div class="quantity">Hours</div></th>
							<th class="last"><div class="linetotal">Line Total</div></th>
						</tr>
					</thead>
					<tbody>
						

						{% for task in task_objects_cached %}						
						<!--- Item -->			
						<tr>				
							<td style="width: 120px;"><div class="item">{{task.name}}</div></td>
							<td><div class="description">{{task.description}}</div></td>
							<td style="width: 85px;"><div class="unitcost">{{task.rate}}</div></td>
							<td style="width: 80px;"><div class="quantity">{{task.quantity}}</div></td>
							<td style="width: 90px;"><div class="linetotal">{{task.line_total}}</div></td>
						</tr><!--- EO Item -->
						{% endfor %}


					</tbody>
				</table><!-- EO tasks /-->
				{% endif %}
				

				
				{% if item_objects_cached %}
				<!-- Items -->
				<table class="invbody-items" cellspacing="0">
					
					<thead>
						<tr>
							<th class="first"><div class="item">Item</div></th>
							<th><div class="description">Description</div></th>
							<th><div class="unitcost">Unit Cost</div></th>
							<th><div class="quantity">Quantity</div></th>
							<th class="last"><div class="linetotal">Line Total</div></th>
						</tr>
					</thead>

					<tbody>

						{% for item in item_objects_cached %}		
						<!--- Item -->			
						<tr>				
							<td style="width: 120px;"><div class="item">{{item.name}}</div></td>
							<td><div class="description">{{item.description}}</div></td>
							<td style="width: 85px;"><div class="unitcost">{{item.rate}}</div></td>
							<td style="width: 80px;"><div class="quantity">{{item.quantity}}</div></td>
							<td style="width: 90px;"><div class="linetotal">{{item.line_total}}</div></td>
						</tr><!--- EO Item -->	
						{% endfor %}

					</tbody>
				</table><!-- EO Items -->
				{% endif %}
				

				<table class="invbody-summary" cellspacing="0">
					<tbody>

						{% if invoice.tax %}
						<tr>
							<td class="invbody-summary-clean">&nbsp;</td>
							<th style="width: 150px;">IL 0%</th>
							<td style="width: 120px;">0.00</td>
						</tr>
						{% endif%}

						<tr>
							<td class="invbody-summary-clean">&nbsp;</td>
							<th style="width: 150px;"><strong>Total</strong></th>
							<td style="width: 120px;"><strong>{{invoice.total_items}}</strong></td>
						</tr>
						
						
						<tr class="invbody-summary-paid">
							<td class="invbody-summary-clean">&nbsp;</td>
							<th style="width: 150px;">Amount Paid</th>
							<td style="width: 120px;">-{{invoice.total_paid}}</td>
						</tr>
						

						<tr class="invbody-summary-total">
							<td class="invbody-summary-clean">&nbsp;</td>
							<th style="width: 150px;"><div><strong>Amount Due</strong></div></th>
							<td style="width: 120px;"><div><strong>${{invoice.total}}  USD</strong></div></td>
						</tr>

					</tbody>
				</table>

				<div class=".clearfix" style="height: 1px; overflow: hidden;"></div>
				
				<div class="invbody-notes">	
					
					<div>
						<h2>Notes</h2>
						{{invoice.note|safe}}
					</div>

				</div> <!-- EO invbody-notes -->

			</div><!-- EO invbody -->
				<div class="invbody-terms">
					<h2>Terms</h2>
					{{invoice.terms|safe}}
				</div><!-- invbody-terms -->

				
				
				
			<div class=".clearfix"></div>

		</div>	<!-- end .invoice-container -->
		{% ifnotequal invoice.total 0.00 %}
		<div class="paypal">
				<div class="paypal_info">Pay this invoice (${{invoice.total}} <span class="currency-code">&nbsp;USD</span>) online:{{ form.sandbox }}</div>			
		</div>		
		{% endifnotequal %}
	</div>		<!-- end .container -->
</section>		<!-- end #content -->

{% include 'footer.html' %}


{% endblock %}