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

{% block head_script_extra %} 
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/holding_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 %}
{{ with_selected_form('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', 'status', 'company'] %}
				<input type="hidden" name="{{ k }}" value="{{ v }}" />
			{% endif %}
		{% endfor %}
		<div class="filter">
			<label for="status"> Status</label> 
			<select class="form-control" name="status" id="status">
				<option value="" {% if app.request.get('status') == ''  %} selected="selected" {% endif %}>All</option>
				<option value="0" {% if app.request.get('status') == '0'  %} selected="selected" {% endif %}>Disabled</option>
				<option value="1" {% if app.request.get('status') == '1'  %} selected="selected" {% endif %}>Enabled</option>
			</select>
			<label class="sr-only" 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>
			</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>Customer Account</code> records
	</div>
{% endblock page_header %}

{% block content %}
	<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>Accounts</th>
				 <th></th>
			</tr>
		</thead>
		<tbody>
		{% for entity in accounts %}
			<tr>
				<td>{{ with_selected_checkbox('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('holding_account_show', { 'id': entity.id }) }}">{{ entity.accountnumber }}</a></td>
				<td><a href="{{ path('holding_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>
					{% if entity.getAccounts| length > 0 %}
					{% for account in entity.getAccounts %}
					[<a href="javascript:RemoveHoldingAccount({{ account.id }}, {{ entity.id }})" title="Remove account">{{ account.internalName }} </a>] 
					{% endfor %}
					{% endif %}
				</td>
				<td>
					<div class="btn-group pull-right">
					  <button type="button" class="btn btn-mini btn-info">Actions</button>
					  <button type="button" class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
					  <ul class="dropdown-menu" role="menu">
						{% if is_granted('ROLE_ADMIN_SALES_VIEW') %}
						<li><a href="{{ path('holding_account_show', { 'id': entity.id }) }}">View Account</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_SALES_EDIT') %}
						<li><a href="{{ path('holding_account_edit', { 'id': entity.id }) }}">Edit Account</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_SALES_DELETE') %}
						<li><a href="javascript:DeleteHoldingAccountItem({{ entity.id }})">Delete Account</a></li>
						{% endif %}
						<li class="divider"></li>
						<li><a href="{{ path('allocate_account', { 'id': entity.id }) }}">Allocate Account</a></li>
						{% if is_granted('ROLE_ADMIN_SALES_MANAGE') %}
						<li class="divider"></li>
						<li><a href="{{ path('holding_account_statement', { 'id': entity.id, 'from_date': statement_start }) }}">Holding Account Statement</a></li>
						{% endif %}
					  </ul>
				   </div>
				</td> 
			 </tr>
		{% endfor %}
		</tbody>
	</table>
	<div class="pagination pull-right">
		{{ knp_pagination_render(accounts) }}
	</div>
{% endblock content %}