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

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

{% block head_script_extra %} 
{% if Refund.payment.account %}
	<script type="text/javascript">
	var AccountID = {{ Refund.payment.account.id }};
	</script>
{% else %}
	<script type="text/javascript">
	var AccountID = '';
	</script>
{% endif %}
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/refunds-common.js') }}"></script>
{% endblock head_script_extra %}


{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('refunds') }}" class="btn btn-sm btn-default">Back</a>
			{% if is_granted('ROLE_ADMIN_REFUND_MANAGE') %}
				{% if Refund.status != 'Paid' %}
					<button class="btn btn-sm btn-default" type="button" onclick="window.location = '{{ path('refunds_edit', { 'id': Refund.id }) }}'">Edit</button>
				{% endif %}
			{% endif %}
		</div>
		<div>
			View <code>Payment Refund</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<table style="text-align:left">
			<tr>
				<th style="width:200px">Account</th>
				<td><a href="{{ path('customer_account_show',{'id': Refund.payment.account.id}) }}">{{ Refund.payment.account.companyName }}</a></td>
			</tr>
			<tr>
				<th>Payment No</th>
				<td>{{ Refund.payment.code }}</td>
			</tr>
			<tr>
				<th>Refund No</th>
				<td>{{ Refund.code }}</td>
			</tr>
			<tr>
				<th>Payment Description</th>
				<td>{{ Refund.payment.description }}</td>
			</tr>
			<tr>
				<th>Date</th>
				<td>{% if Refund.date %}{{ Refund.date|date('Y-m-d') }}{% endif %}</td>
			</tr>
			<tr>
				<th>Total Amount</th>
				<td>{{ d2_config('currency_symbol') }} {{ Refund.payment.amount|number_format(2, '.', ',')  }}</td>
			</tr>
		</table>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<hr>
		<h3>Refund Settings</h3>
		<table style="text-align:left">
			<tr>
				<th style="width:200px">Created by</th>
				<td style="width:600px"><a href="{{ path('user_admin_edit',{'id': Refund.user.id}) }}">{{ Refund.user }}</a></td>
				<th rowspan="3" valign="top">Bank Details</th>
				<td rowspan="3" valign="top">{{ Refund.bankDetails }}</td>
			</tr>
			<tr>
				<th>Seek Approval From</th>
				<td>{{ Refund.aprovalStaff }}</td>
				<th></th>
				<td></td>
			</tr>
			<tr>
				<th>Send payment request to</th>
				<td>{% if Refund.aprovalStaff %}<a href="{{ path('user_admin_edit',{'id': Refund.aprovalstaff.id}) }}">{{ Refund.aprovalStaff }}</a>{% endif %}</td>
				<th></th>
				<td></td>
			</tr>
			<tr>
				<th>Customer email</th>
				<td><a href="mailto:{{ Refund.payment.account.email }}">{{ Refund.payment.account.email }}</a></td>
				<th></th>
				<td></td>
			</tr>
			<tr>
				<th>Customer fax</th>
				<td>{{ Refund.payment.account.fax }}</td>
				<th></th>
				<td></td>
			</tr>
		</table>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<hr>
		<h3>Linked Invoices</h3>
		<table class="table table-condensed">
			<thead>
				<tr>
					<th valign="top">Invoice No</th>
					<th valign="top">Inv Description</th>
					<th valign="top">Invoice Amount</th>
				</tr>
			</thead>
			<tbody>
			{% for invoice in Refund.RefundInvoices %}
				<tr>
					<td valign="top"><a href="{{ path('invoices_show', { 'id': invoice.paymentInvoice.invoice.id }) }}" target="blank">{{ invoice.paymentInvoice.invoice.DocNo }}</a></td>
					<td valign="top">{{ invoice.paymentInvoice.invoice.description}}</td>
					<td valign="top">{{ d2_config('currency_symbol') }} {{ invoice.paymentInvoice.invoice.total|number_format(2, '.', ',') }}</td>
				</tr>
			{% endfor %}	
			</tbody>
		</table>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<hr>
		<h3>Refund Authorization</h3>
		<table class="table table-condensed">
			<thead>
				<tr>
					<th valign="top">Action</th>
					<th valign="top">Date</th>
					<th valign="top">User</th>
				</tr>
			</thead>
			<tbody>
			{% for event in StatusEvents %}
				<tr>
					<td valign="top">{{ event.status }}</td>
					<td valign="top">{% if event.date %}{{ event.date|date('Y-m-d H:m:s') }}{% endif %}</td>
					<td valign="top">{{ event.user }}</td>
				</tr>
			{% endfor %}	
			</tbody>
		</table>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<hr>
		<div id="log">
			<h3>Log</h3>
			<table class="table table-condensed">	
				<thead>
					<tr>
						<th valign="top">User</th>
						<th valign="top">Payment</th>
						<th valign="top">Refund</th>
						<th valign="top">Date</th>
						<th valign="top">Changes</th>
					</tr>
				</thead>
				</tbody>			
					{% for log in Log %}
					 <tr  id="log_row_{{ log.id }}" class="log_row_item">
						<td valign="top">{{ log.user }}</td>
						<td valign="top">{{ log.payment.code }}</td>
						<td valign="top" >{{ log.refund.code }}</td>
						<td valign="top">{% if log.date %}{{ log.date|date('Y-m-d H:m:s') }}{% endif %}</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>
					</tr>
					{% endfor %}  
				</tbody>
			 </table>
		</div>
	</div>
</div>
{% endblock content %}