{% 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-right">
			<a href="{{ path('all_payments') }}" class="btn btn-sm btn-default">Back</a>
		{% if is_granted('ROLE_ADMIN_PAYMENT_EDIT') %}
			{% if payment.frozen != '1' %}
				<a href="{{ path('payments_edit_page', { 'id': payment.id }) }}" class="btn btn-sm btn-default">Edit</a>
			{% endif %}
		{% endif %}
		</div>
		
		<div>
			View <code>Payment</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
{% 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>Account.</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="customer_balance" data-options="{{ balance }}">{{ balance|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>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<h3>Linked Invoices</h3>
		<div id="d2_billingbundle_paymentinvoicetype">
			<table class="table table-condensed">
				<thead>
					<tr>
						<th width="200px">Invoice No.</th>
						<th width="200px">Date</th>
						<th width="40%">Description</th>
						<th width="80px">Amount Due</th>
						<th>Amount Paid</th>
					</tr>
				</thead>
			 </table>
			 <div id="view_linked">
				{% for form in LinkedInvoiceForm %}
					<table class="table table-condensed">
						</tbody>	
							{% if form.amount != '0' %}
								<tr>
									<td width="200px"><a href="{{ path('invoices_show', { 'id': form.invoice.id }) }}" target="blank">{{ form.invoice.docNo }}</a></td>
									<td width="200px">{% if form.invoice.date %}{{ form.invoice.date|date('Y-m-d') }}{% endif %}</td>
									<td width="40%">{{ form.invoice.description }}</td>
									<td width="80px">{{ d2_config('currency_symbol') }} {{ form.invoice.outstanding|number_format(2, '.', '') }}</td>
									<td>{{ d2_config('currency_symbol') }} {{ form.amount|number_format(2, '.', '')  }}</td>
								</tr>
							 {% endif %}     
						</tbody>
					 </table>
				{% endfor %}  
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<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>
	</div>
</div>
{% endblock content %}