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

{% 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" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/datetimepicker_utils.js') }}"></script>
	<script type="text/javascript">
	{% if formMemory != '0'  %}
		var remAccount = '{{ formMemory.account }}';
		var remUser = '{{ formMemory.account }}';
	{% else %}
		var remAccount = 0;
		var remUser = 0;
	{% endif %}
	</script>
{% endblock head_script_extra %}

{% block head_style_extra %} 
	<link href="{{ asset('bundles/d2billing/css/payments-common.css') }}" rel="Stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
{% endblock head_style_extra %}

{% block page_header %}
 <div class="row">
	<div class="col-md-12">
	   <div class="pull-left">
			<a href="{{ path('my_payments_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-sm btn-default">PDF</a>
		</div>
		{{ with_selected_form('payments_list1', {small: true}) }}
		<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', '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') }}">
				
				<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>
</div>
{% endblock page_header %}


{% block content %}
<div class="row">
	<div class="col-md-12">
		<div id="d2_billingbundle_paymentstype">
			<table class="table table-condensed">
				<thead style="border-bottom:0px">
					<tr style="border-top:0px">
						<th width="20px"></th>
						<th width="30px">Flag</th>
						<th width="200px">Payment Date</th>
						<th width="250px">Account</th>
						<th width="110px">Reference</th>
						<th>Description</th>
						<th width="100px">Amount</th>
						<th width="250px">Linked Invoices</th>
						<th width="100px">Credit</th>
						<th width="30px"></th>
					</tr>
				</thead>
			</table>

			{% for form in formExisting %}
			<form action="{{ path('my_payments') }}" method="post" {{ form_enctype(form.form) }} class="data_form" id="data_form_{{ form.entity.id }}'"  name="data_form_{{ form.entity.id }}'"  >
				<table class="table table-condensed">
					</tbody>	
						{{ form_errors(form.form) }}
						<tr style="border-top:0px">
							<td style="border-top:0px" width="20px">{{ with_selected_checkbox('payments_list1', form.entity.id) }}</td>
							<td style="border-top:0px" width="30px" ><img src="{{ asset('bundles/d2core/images/' ~ (form.entity.flag ? 'flag.png' : 'no-default.png')) }}" title="{{ form.entity.flag ? 'Flagged' : 'Unflagged' }}" alt="{{ form.entity.flag ? 'Flagged' : 'Unflagged' }}" width="16" /></td>
							<td style="border-top:0px" width="200px">
								{{ form_errors(form.form.date) }}
								<div class="form-group">
									<div class='input-group date' id='payment_dt' name='payment_dt' style="width:140px">
										{{ form_widget(form.form.date,{'id': 'date_'~ form.entity.id }) }}
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-calendar"></span>
										</span>
									</div>
								</div>
							</td>
							<td style="border-top:0px" width="250px">{{ form.entity.account }}</td>
							<td style="border-top:0px" width="110px">{{ form_errors(form.form.reference) }} {{ form_widget(form.form.reference,{'id': 'reference_'~ form.entity.id }) }}</td>
							<td style="border-top:0px">{{ form_errors(form.form.description) }} {{ form_widget(form.form.description,{'id': 'description_'~ form.entity.id }) }}</td>
							<td style="border-top:0px" width="100px">{{ form_errors(form.form.amount) }} {{ form_widget(form.form.amount,{'id': 'amount_'~ form.entity.id }) }}</td>
							<td style="border-top:0px" width="250px">
								<div id="invoice_blocks_{{ form.entity.id }}" class="invoice_blocks">
									{% for invoice in form.payment_invoices %}
										{% if invoice.amount != '0' %}
											<div id="invoice_block_{{ invoice.id}}" class="invoice_block">
												{{ attribute(form.invoiceEntities,invoice.id).docno }}
												<a href="javascript:UnlinkInvoice('{{invoice.id}}','{{form.entity.id}}')"> x</a>
											</div>&nbsp;
										{% endif %}
									 {% endfor %}  
									<div style="clear:both"></div>	 
								</div>
								<a class="pencil" href="javascript:LinkedInvoices({{ form.entity.id }})" ><img src="{{ asset('bundles/d2core/images/link.png') }}" alt="edit" width="16"></a>
								<div style="clear:both"></div>
							</td>
							<td style="border-top:0px" width="100px"><input type="text" id="credit_{{form.entity.id}}" value="{{form.credit|number_format(2, '.', '')  }}" name="credit_{{form.entity.id}}" class="field_credit" readonly
										{% if form.credit < '0' %} style="color:#bb0000;" {% endif %} {% if form.credit >= '0' %} style="color:#808080;" {% endif %}  ></td>
							<td style="border-top:0px" width="30px"><button class="delete_item manageButtons"  name="remove-entry"  value="remove-entry"  type="button" onclick="DeleteAllocations('{{ form.entity.id }}','my_payments')"  >-</button>{{ form_rest(form.form) }}</td>
						</tr>
					</tbody>
				 </table>
			</form>
			{% endfor %}  
			<form action="{{ path('my_payments') }}" method="post" {{ form_enctype(newForm) }} class="data_form" id="data_form_new"  >
				<table class="table table-condensed">
					</tbody>	
						<tr style="border-top:0px">
							<th style="border-top:0px" width="20px"></th>
							<td style="border-top:0px" width="30px"></td>
							<td style="border-top:0px" width="200px">
								{{ form_errors(newForm.date) }}
								<div class='input-group date' id='payment_dt' name='payment_dt' style="width:140px">
									{{ form_widget(newForm.date,  { 'attr': {'value': formMemory != 0? formMemory.date : '' } }) }}
									<span class="input-group-addon">
										<span class="glyphicon glyphicon-calendar"></span>
									</span>
								</div>
							</td>
							<td style="border-top:0px" width="250px"><span id="selected_company_label">{{ formMemory != 0? formMemory.accountname : 'None selected' }}</span><input type="hidden" name="d2_billingbundle_paymentstype[account]" value="{{ formMemory != 0? formMemory.account : '' }}"   id="selected_company_value"><a class="pencil" href="javascript:SelectAccountSearch()" ><img src="{{ asset('bundles/d2core/images/plus.png') }}" alt="edit" width="16"></a></td>
							<td style="border-top:0px" width="110px">{{ form_errors(newForm.reference) }} {{ form_widget(newForm.reference,{ 'attr': {'value': formMemory != 0? formMemory.reference : '' } }) }}</td>
							<td style="border-top:0px">{{ form_errors(newForm.description) }} {{ form_widget(newForm.description,  { 'attr': {'value': formMemory != 0? formMemory.description : '' } }) }}</td>
							<td style="border-top:0px" width="100px">{{ form_errors(newForm.amount) }} {{ form_widget(newForm.amount,  { 'attr': {'value': formMemory != 0? formMemory.amount : '' } }) }}</td>
							<td style="border-top:0px" width="250px"> </td>
							<td style="border-top:0px" width="100px"></td>
							<td style="border-top:0px" width="30px"><button class="delete_item manageButtons"  type="submit" name="add-entry"  value="add-entry"   >+</button>{{ form_rest(newForm) }}</td>
						</tr>
					</tbody>
				</table>
			</form>
			<hr/>
			<div>&nbsp;</div>
			<div class="action_buttons pull-right">
				<button type="submit" class="btn btn-success" onclick="CommitAllocations('my_payments')">Commit All Allocations</button>
				<button type="submit" class="btn btn-danger" onclick="ClearUnCommitAllocations('my_payments')">Clear All Allocations</button>
			</div>

		</div>
	</div>
</div>
{% endblock content %}