{% extends 'D2BillingBundle::layout.html.twig' %}

{% block page_header %}
    <p class="text-right">
    {% if user_authed is sameas(false) %}
        <a href="{{ path('fos_user_security_login') }}" class="btn btn-sm btn-default">Login</a>
        <a href="{{ path('fos_user_registration_register') }}" class="btn btn-sm btn-default">Sign Up</a>
    {% else %}
        <a href="{{ path('fos_user_security_logout') }}" class="btn btn-sm btn-default">Logout</a>
    {% endif %}
    </p>
{% endblock page_header %}

{% block content %}
	<div class="offset1 span10">
		<h2 class="text-center">INVOICE</h2>
		<div class="row-fluid">
			<div class="span3 pull-left">
				<h4>Attention:</h4>
				<address>
				<strong>Twitter, Inc.</strong><br>
				795 Folsom Ave, Suite 600<br>
				San Francisco, CA 94107<br>
				<abbr title="Phone">P:</abbr> (123) 456-7890
				</address>        
			</div>
			<div class="pull-right span3">
				<address>
				<strong>Amalgamated Freight Services</strong><br>
				795 Folsom Ave, Suite 600<br>
				San Francisco, CA 94107<br>
				<abbr title="Phone">P:</abbr> (123) 456-7890
				</address>
			</div>
		</div>
		<p style="clearfix"></p>
		<table style="width:100%; padding-top:10px">
			<thead>
				<tr>
					<th style="width:33%"><strong>Date:</strong> 2013-09-13</th>
					<th style="width:33%"><strong>Payment Type:</strong> Credit Card - VISA</th>
					<th style="width:34%"><strong>Invoice No:</strong> IN1001456</th>
				</tr>
			</thead>
		</table>
		<hr style="padding-top:20px" />
		<table class="table table-bordered">
			<thead>
				<tr>
					<th style="width:15%; text-align:center">Date</th>
					<th style="width:15%; text-align:center">Qty</th>
					<th style="width:50%; text-align:center">Description</th>
					<th colspan="2" style="width:20%; text-align:center; background-color:#F4F4F4">Total</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>2013-09-13</td>
					<td>4 Nights</td>
					<td>Kama Gama Rental - 1b 2+4 - 2013-10-15 to 2013-10-19 - Ref: ECR00000001 </td>
					<td colspan="2" style="text-align:right; background-color:#F4F4F4">1059.23</td>
				</tr>
				<tr style="margin-top:10px">
					<td colspan="3"></td>
					<td style="text-align:left; background-color:#F4F4F4; width:8%"><strong>Tax: (VAT)</strong></td>
					<td style="text-align:right; background-color:#F4F4F4">113.96</td>
				</tr>
				<tr style="margin-top:10px">
					<td colspan="3"></td>
					<td style="text-align:left; background-color:#F4F4F4; width:8%"><strong>TOTAL:</strong></td>
					<td style="text-align:right; background-color:#F4F4F4">1125.56</td>
				</tr>
			</tbody>
		</table>
	</div>

{% endblock content %}