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

{% block head_style_extra %} 
<link href="{{ asset('bundles/d2billing/css/payments-common.css') }}" rel="Stylesheet">
{% endblock head_style_extra %}

{% block head_script_extra %} 
<script type="text/javascript" > var CurrencySymbol = '{{ d2_config('currency_symbol') }}' </script>
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/payments-common.js') }}"></script>
<script type="text/javascript">
	var remAccount = 0;
	var remUser = 0;
</script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-left">
			<a href="{{ path('all_payments_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-sm btn-default">PDF</a>
		</div>
		<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', 'from_date', 'to_date'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label" for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">
				 <label class="form-control" for="user"> User</label> 
				 <select name="user">
					 <option value="">-- Please select --</option>
					 {% for entity in users %}
					  <option value="{{ entity.id }}" {% if app.request.get('user') == entity.id  %} selected="selected" {% endif %} >{{ entity.username }}</option>
					 {% endfor %}
				 </select>
				 <label for="edited"> Edited</label> 
				 <select class="form-control" name="edited">
					 <option value=''>Both</option>
					 <option value="1" {% if app.request.get('edited') == '1'  %} selected="selected" {% endif %} >Yes</option>
					 <option value="0" {% if app.request.get('edited') == '0'  %} selected="selected" {% endif %}>No</option>
				 </select>
			   
				<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 
			{{ (allPayments.getCurrentPageNumber()-1) * allPayments.getItemNumberPerPage() + 1 }}
			to
			{{ ((allPayments.getCurrentPageNumber()-1) * allPayments.getItemNumberPerPage()) + (allPayments.getItems()|length) }}
			of
			{{ allPayments.getTotalItemCount() }}
			<code>Payment</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>{{ knp_pagination_sortable(allPayments, 'User', 'p.user') }}</th>
					<th>{{ knp_pagination_sortable(allPayments, 'Payment Id', 'p.code') }}</th>
					<th>{{ knp_pagination_sortable(allPayments, 'Date', 'p.date') }}</th>
					<th>{{ knp_pagination_sortable(allPayments, 'Account', 'p.account') }}</th>
					<th width="100px">{{ knp_pagination_sortable(allPayments, 'Reference', 'p.reference') }}</th>
					<th>{{ knp_pagination_sortable(allPayments, 'Description', 'p.description') }}</th>
					<th width="100">{{ knp_pagination_sortable(allPayments, 'Amount', 'p.amount') }}</th>
					<th width="100">{{ knp_pagination_sortable(allPayments, 'Unallocated', 'p.amount') }}</th>
					<th>Linked Invoices</th>
					<th width="16"></th>
					<th width="100">Status</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
			{% for entity in allPayments %}
				<tr class="{{ attribute(divstyle, entity.id)|raw }}">

					<td style="border-top:0px"><a href="{{ path('user_admin_edit',{'id': entity.user.id}) }}">{{ entity.user }}</a></td>
					<td style="border-top:0px"><a href="{{ path('payments_show',{'id': entity.id}) }}">{{ entity.code }}</a></td>
					<td style="border-top:0px">{% if entity.date %}{{ entity.date|date('Y-m-d') }}{% endif %}</td>
					<td style="border-top:0px"><a href="{{ path('customer_account_edit', { 'id': entity.account.id } ) }}">{{ entity.account.companyName }}</a></td>
					<td style="border-top:0px" width="100px">{{ entity.reference }}</td>
					<td style="border-top:0px">{{ entity.description }}</td>
					<td style="border-top:0px">{{ d2_config('currency_symbol') }} {{ entity.amount|number_format(2, '.', '')  }}</td>
					<td style="border-top:0px"><span style="color:#bb0000">{{ d2_config('currency_symbol') }} {{ attribute(unallocated, entity.id)|number_format(2, '.', '')  }}</span></td>
					<td style="border-top:0px">
						<div id="invoice_blocks_{{ entity.id }}".>
							{% for invoice in attribute(linkedInvoices, entity.id) %}  
								{% if invoice.amount != '0' %}
									<div id="invoice_block_{{ invoice.invoice}}" class="invoice_block">
										<a href="{{ path('invoices_show', { 'id': invoice.id }) }}" target="blank">{{ invoice.invoice }}</a>
										
									</div>&nbsp;
								{% endif %}
							{% endfor %}
						</div>
					</td>
					<td style="border-top:0px">
					{% if is_granted('ROLE_ADMIN_PAYMENT_EDIT') %}
						{% if entity.frozen != '1' %}
							<a href="{{ path('payments_edit_page', { 'id': entity.id }) }}"><img src="{{ asset('bundles/d2core/images/link.png') }}" width="16" alt="Edit Payment" title="Edit Payment"></a>
						{% endif %}
					{% endif %}
					</td>
					<td style="border-top:0px">{{ attribute(status, entity.id)|raw }}</td>
					</td>
				</tr>
			{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(allPayments) }}
		</div>
	</div>
</div>
{% endblock content %}