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

{% block head_script_extra %} 
<script type="text/javascript" src="{{ asset('bundles/d2engen/js/engen_account_admin.js') }}"></script>
{% endblock head_script_extra%}

{% block actions %}
{% if is_granted('ROLE_CUSTOMERS_MANAGE') %}
	<button class="ui-button-primary" onclick="window.location = '{{ path('customers_new') }}'" class="ui-button-success">Create a new entry</button>
	<div class="button_divider">&nbsp;</div>
	<button onclick="window.location = '{{ path('customers_show_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}'" >PDF</button>
{% endif %}
{% endblock %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
	{{ with_selected_form('engen_account_list') }}
		<div class="clearfix"></div>
		<hr/>
		<form class="filter_form form-inline pull-right" role="form" method="get">
			{% for k, v in app.request.query %}
				{% if k|lower not in ['search', 'page', 'region'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="region"> Region</label> 
				<select class="form-control" name="region" id="region">
					<option value="">All</option>
					{% for region in regions %}
					<option value="{{ region.id }}" {% if app.request.get('region') == region.id  %} selected="selected" {% endif %}>{{ region.province }}</option>
					{% endfor %}
				</select>
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">
				
				<div class="btn-group">
					<button type="submit" class="btn btn-default">Go</button>
					<button type="button" class="btn btn-default clear_filter">Clear</button>
					<a title="Import Accounts"  class="btn btn-default" href="{{ path('engen_account_admin_import_new') }}">Import</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div class="record_list_count">Displaying 
			{{ (accounts.getCurrentPageNumber()-1) * accounts.getItemNumberPerPage() + 1 }}
			to
			{{ ((accounts.getCurrentPageNumber()-1) * accounts.getItemNumberPerPage()) + (accounts.getItems()|length) }}
			of
			{{ accounts.getTotalItemCount() }}
			<code>Engen Account</code> records
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<table class="table table-condensed">
			<thead>
				<tr>
					 <th class="ws_th"></th>
					 <th>{{ knp_pagination_sortable(accounts, 'Active', 'a.status') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Approved', 'a.approved') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Account No', 'a.account_number') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Registered Name', 'a.company_name') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Trading As Name', 'a.trading_as') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Email', 'a.email') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Tel', 'a.tel') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Region', 'a.physicaladdressprovince') }}</th>
					 {% if is_granted('ROLE_ADMIN_SALES_MANAGE') %}
					 <th>{{ knp_pagination_sortable(accounts, 'Deposit', 'a.desposit') }}</th>
					 <th>{{ knp_pagination_sortable(accounts, 'Balance', 'a.account_balance') }}</th>
					 {% endif %}
					 <th></th>
				</tr>
			</thead>
			<tbody>
			{% for entity in accounts %}
				<tr>
					<td>{{ with_selected_checkbox('engen_account_list', entity.id) }}</td>
					<td style="padding-left: 16px;"><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>
					<td style="padding-left: 16px;"><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>
					<td><a href="{{ path('engen_account_show', { 'id': entity.id }) }}">{{ entity.accountnumber }}</a></td>
					<td><a href="{{ path('engen_account_show', { 'id': entity.id }) }}">{{ entity.companyname }}</a></td>
					<td>{{ entity.tradingas }}</td>
					<td><a href="mailto: {{ entity.email }}">{{ entity.email }}</a></td>
					<td>{{ entity.tel }}</td>
					<td>{{ entity.physicaladdressprovince }}</td>
					{% if is_granted('ROLE_ADMIN_ENGEN_MANAGE') %}
					<td>{{ entity.deposit|number_format(2, '.', '') }}</td>
					<td>{{ entity.AccountBalance|number_format(2, '.', '') }}</td>
					{% endif %}
					<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">
							{% if is_granted('ROLE_ADMIN_ENGEN_VIEW') %}
							<li><a href="{{ path('engen_account_show', { 'id': entity.id }) }}">View Account</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_ENGEN_EDIT') %}
							<li><a href="{{ path('engen_account_edit', { 'id': entity.id }) }}">Edit Account</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_ENGEN_DELETE') %}
							<li><a href="javascript:DeleteEngenAccountItem({{ entity.id }})">Delete Account</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_ENGEN_MANAGE') %}
							<li role="separator" class="divider"></li>
							<li><a href="{{ path('admin_engen_vehicles_view', { 'account': entity.id }) }}">Manage Vehicles</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_ENGEN_MANAGE') %}
							<li role="separator" class="divider"></li>
							<li><a href="{{ path('admin_engen_transactions_view', { 'account': entity.id }) }}">Manage Transactions</a></li>
							{% endif %}
						  </ul>
					   </div>
					</td> 
				 </tr>
			{% endfor %}
			</tbody>
		</table>
		<div class="navigation pull-right">
			{{ knp_pagination_render(accounts) }}
		</div>
	</div>
</div>
{% endblock content %}