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

{% block head_css_extra %} 
<link href="{{ asset('bundles/d2billing/css/refunds-common.css') }}" rel="Stylesheet">
{% endblock head_css_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="pull-right">
        <a href="{{ path('refunds') }}" class="btn btn-small">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>
{% endblock page_header %}


{% block content %}
	<div class="row">
		<div class="well offset2 span7">
			<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 %}