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

{% block head_script_extra %} 
<script type="text/javascript" src="{{ asset('bundles/d2customerbusiness/js/portal-common.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('customer_portal_company_edit') }}" class="btn btn-sm btn-default">Update your Account Details</a>
		</div>
		<div>
			Your <code>Account</code> details.
		</div>
	</div>
</div>
{% endblock %}

{% block content %}
<div class="row" style="margin-top:20px">
	<div class="col-md-offset-1 col-md-5">
		<table class="table">
			<tbody>
				<tr>
					<th colspan="2"><h3>Company Details</h3></th>
				</tr>		
				<tr>
					<th>Account number</th>
					<td>{{ customer_account.accountnumber }}</td>
				</tr>
				<tr>
					<th>Company name</th>
					<td>{{ customer_account.companyname }}</td>
				</tr>
				<tr>
					<th>Trading as</th>
					<td>{{ customer_account.tradingas }}</td>
				</tr>
				<tr>
					<th>Invoice name</th>
					<td> {{ customer_account.invoicename == 'company_name' ? customer_account.companyname :  customer_account.tradingas }}</td>
				</tr>
				<tr>
					<th>Vat number</th>
					<td>{{ customer_account.vatnumber }}</td>
				</tr>	
				<tr>
					<th>Ck number</th>
					<td>{{ customer_account.cknumber }}</td>
				</tr>	
			</tbody>
		</table>
	</div>
	<div class="col-md-5">
		<table class="table">
			<tbody>
				<tr>
					<th colspan="2"><h3>Contact Details</h3></th>
				</tr>	
				<tr>
					<th>Email</th>
					<td><a href="mailto:{{ customer_account.email }}">{{ customer_account.email }}</a></td>
				</tr>
				<tr>
					<th>Tel</th>
					<td>{{ customer_account.tel }}</td>
				</tr>
				<tr>
					<th>Fax</th>
					<td>{{ customer_account.fax }}</td>
				</tr>			
			</tbody>
		</table>
	</div>
</div>		
		
<div class="row">
	<div class="col-md-offset-1 col-md-5">
		<table class="table">
			<tbody>
				<tr>
					<th colspan="2"><h3>Postal Address</h3></th>
				</tr>
				<tr>
					<th>Street</th>
					<td>{{ customer_account.postaladdressstreet }}</td>
				</tr>
				<tr>
					<th>Suburb</th>
					<td>{{ customer_account.postaladdresssuburb }}</td>
				</tr>
				<tr>
					<th>City</th>
					<td>{{ customer_account.postaladdresscity }}</td>
				</tr>
				<tr>
					<th>Province</th>
					<td>{{ customer_account.postaladdressprovice }}</td>
				</tr>
				<tr>
					<th>Country</th>
					<td>{{ customer_account.postaladdresscountry }}</td>
				</tr>
				<tr>
					<th>Code</th>
					<td>{{ customer_account.postaladdresscode }}</td>
				</tr>			
			</tbody>
		</table>
	</div>
	<div class="col-md-5">
		<table class="table">
			<tbody>
				<tr>
					<th colspan="2"><h3>Physical Address</h3></th>
				</tr>
				<tr>
					<th>Street</th>
					<td>{{ customer_account.physicaladdressstreet }}</td>
				</tr>
				<tr>
					<th>Suburb</th>
					<td>{{ customer_account.physicaladdresssuburb }}</td>
				</tr>
				<tr>
					<th>City</th>
					<td>{{ customer_account.physicaladdresscity }}</td>
				</tr>
				<tr>
					<th>Province</th>
					<td>{{ customer_account.physicaladdressprovince }}</td>
				</tr>
				<tr>
					<th>Country</th>
					<td>{{ customer_account.physicaladdresscountry }}</td>
				</tr>
				<tr>
					<th>Code</th>
					<td>{{ customer_account.physicaladdresscode }}</td>
				</tr>	
			</tbody>
		</table>
	</div>
</div>
{% endblock content %}