{% 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 %} 
<script type="text/javascript">	var AccountID = '';</script>
<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>
		</div>
		<div class="clearfix"></div>
		<hr/>
		<div>
			Add new <code>Refund</code>.
		</div>
		<div class="filter_form form-inline pull-right">
			<label for="search"> Search</label> 
			<input type="text" id="search"  name="search" />

			<label for="account-new-refund"> Account</label> 
			<input type="text" name="account-new-refund" class="account-new-refund" value="{{ app.request.get('account') }}" />
			
			<div class="btn-group">
				<button type="button" onclick="GetInvoices()" class="btn btn-default">Go</button>
				<button type="button" class="btn btn-default clear_filter">Clear</button>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
{% endblock page_header %}


{% block content %}
<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th width="20px"></th>
					<th width="100px">Payment No</th>
					<th>Payment</th>
					<th width="250px">Customer</th>
					<th width="100px">Date</th>
					<th width="100px">Total Payment</th>
				</tr>
			</thead>
		 </table>
		<div id="payments">
			<p style="text-align:center;padding:20px 0 20px 0;">Please use the filters above to find a specific payment</p>
		</div>
		<div>
			<button type="button" onclick="AddRefundComplete()" class="btn btn-default pull-right">Continue</button>
		</div>
	</div>
</div>
	
{% endblock content %}