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

{% block head_script_extra %} 
	<script type="text/javascript" src="{{ asset('bundles/d2billing/js/account_admin.js') }}"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/datetimepicker_utils.js') }}"></script>
{% endblock head_script_extra %}

{% block head_style_extra %}
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
{% endblock head_style_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-left">
			<a href="{{ path('customer_accounts') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		{{ with_selected_form('documentitem_list', {small: true}) }}
		<div class="clearfix"></div>
		<hr/>
		<form class="filter_form form-inline pull-right" role="form" method="get">
			{% for k, v in app.request.query %}
				{% if k|lower not in ['search', 'page', 'from_date', 'to_date'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="sel_from_date">From</label>
				<div class="form-group">
					<div class='input-group date' id='sel_from_date' name='sel_from_date' style="width:140px">
						<input type='text' class="form-control" placeholder="From Date" name="from_date" value="{{ app.request.get('from_date') }}"/>
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
				<label for="sel_to_date">To</label>
				<div class="form-group">
					<div class='input-group date' id='sel_to_date' name='sel_to_date' style="width:140px">
						<input type='text' class="form-control" placeholder="To Date" name="to_date" value="{{ app.request.get('to_date') }}"/>
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
				<label for="type">Type</label>
				<select class="form-control" name="type">
					<option>All</option>
					<option value="in" {% if app.request.get('type') == 'in' %}selected="selected"{% endif %}>Invoices</option>
					<option value="cn" {% if app.request.get('type') == 'cn' %}selected="selected"{% endif %}>Credit Notes</option>
					<option value="dn" {% if app.request.get('type') == 'dn' %}selected="selected"{% endif %}>Debit Notes</option>
					<option value="qu" {% if app.request.get('type') == 'qu' %}selected="selected"{% endif %}>Quotes </option>
				</select>
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">
				
				<div class="btn-group">
					<button type="submit" class="btn btn-default">Go</button>
					<button type="button" class="btn btn-default clear_filter">Clear</button>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		Account Documents - {{ Account.displayName }}
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div>
	{% include 'D2BillingBundle::documents-tpl.html.twig' %}
</div>			
{% endblock content %}