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

{% block head_script_extra %} 
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/account_admin.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_accounts') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			View <code>Sms Account</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<h3>Account Details</h3>
		<table class="table table-bordered">
			<tbody>
				<tr>
					<th>Active</th>
					<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.status ? 'tick.png' : 'cross.png')) }}" title="{{ entity.status ? 'Active' : 'Inactive' }}" alt="{{ entity.status ? 'Active' : 'Inactive' }}" width="16" /></td>
				</tr>	
				<tr>
					<th>Approved</th>
					<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.approved ? 'tick.png' : 'cross.png')) }}" title="{{ entity.approved ? 'Active' : 'Inactive' }}" alt="{{ entity.approved ? 'Active' : 'Inactive' }}" width="16" /></td>
				</tr>
				<tr>
					<th>Account number</th>
					<td>{{ entity.accountnumber }}</td>
				</tr>
				<tr>
					<th>Company name</th>
					<td>{{ entity.companyname }}</td>
				</tr>
				<tr>
					<th>Trading as</th>
					<td>{{ entity.tradingas }}</td>
				</tr>
				<tr>
					<th>Invoice name</th>
					<td> {{ entity.invoicename == 'company_name' ? entity.companyname :  entity.tradingas }}</td>
				</tr>
				<tr>
					<th>Vat number</th>
					<td>{{ entity.vatnumber }}</td>
				</tr>	
				<tr>
					<th>Ck number</th>
					<td>{{ entity.cknumber }}</td>
				</tr>	
				<tr>
					<th colspan="2"><h3>Contact Details</h3></th>
				</tr>	
				<tr>
					<th>Email</th>
					<td><a href="mailto:{{ entity.email }}">{{ entity.email }}</a></td>
				</tr>
				<tr>
					<th>Tel</th>
					<td>{{ entity.tel }}</td>
				</tr>
				<tr>
					<th>Fax</th>
					<td>{{ entity.fax }}</td>
				</tr>			
				<tr>
					<th colspan="2"><h3>Postal Address</h3></th>
				</tr>
				<tr>
					<th>Street</th>
					<td>{{ entity.postaladdressstreet }}</td>
				</tr>
				<tr>
					<th>Suburb</th>
					<td>{{ entity.postaladdresssuburb }}</td>
				</tr>
				<tr>
					<th>City</th>
					<td>{{ entity.postaladdresscity }}</td>
				</tr>
				<tr>
					<th>Province</th>
					<td>{{ entity.postaladdressprovice }}</td>
				</tr>
				<tr>
					<th>Country</th>
					<td>{{ entity.postaladdresscountry }}</td>
				</tr>
				<tr>
					<th>Code</th>
					<td>{{ entity.postaladdresscode }}</td>
				</tr>			
				<tr>
					<th colspan="2"><h3>Physical Address</h3></th>
				</tr>
				<tr>
					<th>Street</th>
					<td>{{ entity.physicaladdressstreet }}</td>
				</tr>
				<tr>
					<th>Suburb</th>
					<td>{{ entity.physicaladdresssuburb }}</td>
				</tr>
				<tr>
					<th>City</th>
					<td>{{ entity.physicaladdresscity }}</td>
				</tr>
				<tr>
					<th>Province</th>
					<td>{{ entity.physicaladdressprovince }}</td>
				</tr>
				<tr>
					<th>Country</th>
					<td>{{ entity.physicaladdresscountry }}</td>
				</tr>
				<tr>
					<th>Code</th>
					<td>{{ entity.physicaladdresscode }}</td>
				</tr>	
			</tbody>
		</table>
	</div>
</div>

<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<h3>Document Recipients</h3>
		{% if accountdocrecipients is empty %}
			<table class="table table-bordered">
				<tbody>
					<tr>
						<td>There are currently no recipients set for this customer</td>
					</tr>
				</tbody>
			</table>
		{% else %}
			<table class="table table-bordered">
				<thead>
					<tr>   
						 <th>Recipient</th>
						 <th>Type</th>
						 <th></th>
					</tr>
				</thead>
				<tbody>
				{% for rdoc in accountdocrecipients %}
					<tr>
						<td><a href="mailto:{{ rdoc.email }}">{{ rdoc.email }}</a></td>
						<td>{{ rdoc.type }}</td>
						<td>
							<div class="btn-group pull-right">
							  <button type="button" class="btn btn-xs btn-info">Actions</button>
							  <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
							  <ul class="dropdown-menu" role="menu">
								<li><a href="javascript:EditDocRecipient({{ entity.id }}, {{ rdoc.id }})">Edit</a></li>
								<li><a href="javascript:DeleteDocRecipient({{ entity.id }}, {{ rdoc.id }})">Delete</a></li>
							  </ul>
							</div>
						</td>
					</tr>
				{% endfor %}
				</tbody>
			</table>
		 {% endif %}	
		 <a href="javascript:AddDocRecipient({{ entity.id }})" class="btn btn-sm btn-default pull-right">Add Recipient</a>
	</div>
</div>

{% endblock content %}