{% 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="pull-right">
        <a href="{{ path('all_payments') }}" class="btn btn-sm btn-default">Back</a>
    </div>
    <div>
        Edit <code>Payment</code>.
    </div>
{% endblock page_header %}

{% block content %}
{% if payment.frozen == '1' %}
	<div id="frozen">
		<p>This payment is currently frozen!</p>
		<p>Refund Status: {{ RefundStatus }}</p>
	</div>
{% endif %}
<table class="table table-condensed payment_show" >
	<tr>
		<th>Payment ID</th>
		<td><a href="{{ path('all_payments') }}">{{ payment.code }}</a></td>
		<th>Account No.</th>
		<td>{{ account.accountNumber }}</td>
	</tr>
	<tr>
		<th>Description</th>
		<td>{{ payment.description }}</td>
		<th>Customer.</th>
		<td><a href="{{ path('customer_account_edit', { 'id': account.id } ) }}">{{ account.companyName }}</a></td>
	</tr>
	<tr>
		<th>Payment Date</th>
		<td>{% if payment.date %}{{ payment.date|date('Y-m-d') }}{% endif %}</td>
		<th>Current Balance</th>
		<td>{{ d2_config('currency_symbol') }}  <span id="account_balance" data-options="{{ balance.GrandBalance }}">{{ balance.GrandBalance|number_format(2, '.', '')  }}</span></td>
	</tr>
	<tr>
		<th>User</th>
		<td><a href="{{ path('user_admin_edit',{'id': payment.user.id}) }}">{{ payment.user.username }}</a></td>
		<th></th>
		<td></td>
	</tr>
	<tr>
		<th>Payment Amount</th>
		<td>{{ d2_config('currency_symbol') }}  {{ payment.amount|number_format(2, '.', '')  }}</td>
		<th></th>
		<td></td>
	</tr>
	<tr>
		<th>Unallocated amount</th>
		<td><span class="red">{{ d2_config('currency_symbol') }} {{ unallocated|number_format(2, '.', '')  }}</span></td>
		<th></th>
		<td></td>
	</tr>
</table>
<br>
<hr>
<h3>Linked Invoices</h3>
<div id="d2_billingbundle_paymentinvoicetype">
	<table class="table table-condensed">
	    <thead>
	        <tr>
	            <th width="100px">Invoice No.</th>
	            <th width="100px">Date</th>
	            <th width="40%">Description</th>
	            <th width="100px">Amount Due</th>
	            <th width="100px">Amount Paid</th>
	            <th>Notes</th>
	        </tr>
	    </thead>
	 </table>
	 <form action="{{ path('payments_update_commited', { 'id': payment.id } ) }}" method="post" class="data_form" id="d2_billingbundle_paymentinvoicestype"  name="d2_billingbundle_paymentinvoicestype"  >
		<div id="edit_linked">
			{% for form in LinkedInvoiceForm %}
			{{ form_errors(form.form.amount) }} 
			<table class="table table-condensed">
				</tbody>	
					{{ form_errors(form.form) }}
				        <tr>
				            <td width="100px"><a href="{{ path('invoices_show', { 'id': form.invoice.id }) }}" target="blank">{{ form.invoice.docNo }}</a></td>
							<td width="100px">{% if form.invoice.date %}{{ form.invoice.date|date('Y-m-d') }}{% endif %}</td>
							<td width="40%">{{ form.invoice.description }}</td>
				            <td width="100px">{{ d2_config('currency_symbol') }} {{ form.due|number_format(2, '.', '')  }}</td>
							<td width="100px">
								<script>
								var due{{ form.entity.id }} = Number('{{form.due}}');
								var paid{{ form.entity.id }} = Number('{{form.paid}}');;
								if(due{{ form.entity.id }} >= paid{{ form.entity.id }}) {var SetMax{{ form.entity.id }} = due{{ form.entity.id }}; }
								if(due{{ form.entity.id }} < paid{{ form.entity.id }}) {var SetMax{{ form.entity.id }} = paid{{ form.entity.id }}; }
								</script>
							<input name="d2_billingbundle_paymentinvoicestype[amount-{{form.entity.id}}]" required="required" class="edit_fields" value="{{ form.paid|number_format(2, '.', '') }}" type="text" onChange="SetMaxValue('amount_{{form.entity.id}}',SetMax{{ form.entity.id }});" id="amount_{{ form.entity.id }}"></td>
							<td><input  id="note_{{  form.entity.id }}" name="d2_billingbundle_paymentinvoicestype[note-{{form.entity.id}}]"  class="edit_fields" value="" type="text" ></td>
				        </tr>
			        </tbody>
			     </table>
			{% endfor %}  
			{% for entity in LockedInvoices %}
			<table class="table table-condensed">
				</tbody>	
			        <tr>
						<td width="100px"><a href="{{ path('invoices_show', { 'id': entity.invoice.id }) }}" target="blank">{{ entity.invoice.docNo }}</a></td>
						<td width="100px">{% if entity.invoice.date %}{{ entity.invoice.date|date('Y-m-d') }}{% endif %}</td>
						<td width="40%">{{ entity.invoice.description }}</td>
			            <td width="100px">{{ d2_config('currency_symbol') }} {{ entity.due|number_format(2, '.', '')  }}</td>
			            <td width="100px">{{ d2_config('currency_symbol') }} {{ entity.entity.amount|number_format(2, '.', '')  }}</td>
			            <td ><img src="{{ asset('bundles/d2core/images/lock-price.gif') }}" title="locked" alt="This invoice is locked, as it is linked to from other payment" width="16" />  This invoice is locked, it is linked to other payments.</td>
			        </tr>
		        </tbody>
		     </table>
			{% endfor %} 
	</div>	
<br>
<hr>
<h3>Payment Log</h3>
<div id="log">
	<table class="table table-condensed">	
	    <thead>
	        <tr>
	            <th>User</th>
	            <th>Date</th>
	            <th>Type</th>
	            <th>Changes</th>
	            <th>Note</th>
	        </tr>
	    </thead>
		</tbody>			
			{% for log in logs %}
	         <tr id="log_row_{{ log.id }}" class="log_row_item">
	            <td valign="top">{{ log.user }}</td>
	            <td valign="top">{% if log.date %}{{ log.date|date('Y-m-d H:m:s') }}{% endif %}</td>
	            <td valign="top">{{ log.type }}</td>
	            <td valign="top"> <div  id="tr_{{ log.id }}" class="tr_log" ><a href="javascript:ExpandLog('{{ log.id }}')">+ See more</a><br><br>{{ log.changes|raw }}</div></td>
	            <td valign="top">{{ log.note }}</td>
	        </tr>
			{% endfor %}  
        </tbody>
     </table>
</div>
<br>
<button type="submit" class="ui-button-success" style="margin:0px !important">Update</button>
<div style="clear:both"></div>
</form>	

{% endblock content %}