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

{% block head_css_extra %} 
<link href="{{ asset('bundles/d2billing/css/payments-common.css') }}" rel="Stylesheet">
{% endblock head_css_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">
{% 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 page_header %}
    <div class="pull-left">
        <a href="{{ path('my_payments_format', {'_format': 'pdf'}|merge(app.request.query.all)) }}" class="btn btn-small">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 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>
{% endblock page_header %}


{% block content %}
    <div id="d2_billingbundle_paymentstype">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th width="20px"></th>
					<th width="30px">Flag</th>
					<th width="120px">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>
						<td width="20px">{{ with_selected_checkbox('payments_list1', form.entity.id) }}</td>
						<td 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 width="120px">{{ form_errors(form.form.date) }} 
							<div style="width:90px" class="payment_dt input-append">
								{{ form_widget(form.form.date,{'id': 'date_'~ form.entity.id }) }}
								<span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
							</div>
						</td>
						<td width="250px">{{ form.entity.account }}</td>
						<td width="110px">{{ form_errors(form.form.reference) }} {{ form_widget(form.form.reference,{'id': 'reference_'~ form.entity.id }) }}</td>
						<td>{{ form_errors(form.form.description) }} {{ form_widget(form.form.description,{'id': 'description_'~ form.entity.id }) }}</td>
						<td width="100px">{{ form_errors(form.form.amount) }} {{ form_widget(form.form.amount,{'id': 'amount_'~ form.entity.id }) }}</td>
						<td 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 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 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>
						<th width="20px"></th>
						<td width="30px"></td>
						<td width="120px">{{ form_errors(newForm.date) }} 
							<div style="width:90px" class="payment_dt input-append">
								{{ form_widget(newForm.date,  { 'attr': {'value': formMemory != 0? formMemory.date : '' } }) }}
								<span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
							</div>
						</td>
						<td 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 width="110px">{{ form_errors(newForm.reference) }} {{ form_widget(newForm.reference,{ 'attr': {'value': formMemory != 0? formMemory.reference : '' } }) }}</td>
						<td>{{ form_errors(newForm.description) }} {{ form_widget(newForm.description,  { 'attr': {'value': formMemory != 0? formMemory.description : '' } }) }}</td>
						<td width="100px">{{ form_errors(newForm.amount) }} {{ form_widget(newForm.amount,  { 'attr': {'value': formMemory != 0? formMemory.amount : '' } }) }}</td>
						<td width="250px"> </td>
						<td width="100px"></td>
						<td 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>
{% endblock content %}