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

{% set show_links = true %}

{% block head_css_extra %}
<style type="text/css">
  .info_icon_shift
  {
    position: relative;
    top: -2px;
  }
</style>
{% endblock head_css_extra %}

{% block head_script_extra %}
  <script src="{{ asset('bundles/d2billing/js/reports.js') }}" type="text/javascript"></script>
{% endblock head_script_extra %}

{% block page_header %}
    <button type="button"  class="btn btn-small" onclick="javascript:self.location='{{ path('sales_report', {'_format':'pdf'}|merge(app.request.query.all)) }}'">PDF</button>
    <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 ['from_date', 'to_date', 'account', 'search', 'page'] %}
				<input type="hidden" name="{{ k }}" value="{{ v }}" />
			{% endif %}
		{% endfor %}
		<div class="filter">
            <label class="sr-only" for="sel_from_date">Start Date</label>
            <div id="sel_from_date" class="input-append">
                <input name="from_date" data-format="yyyy-MM-dd" type="text" style="width:100px" value="{{ app.request.get('from_date') }}"></input>
                <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
            </div>
            <label class="sr-only" for="sel_to_date">End Date</label>
            <div id="sel_to_date" class="input-append">
                <input name="to_date" data-format="yyyy-MM-dd" type="text" style="width:100px" value="{{ app.request.get('to_date') }}"></input>
                <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
            </div>
			<label class="sr-only" for="account">Account</label>
			<input type="text" class="form-control" name="account" id="filter_account" placeholder="Search for" style="width:200px" value="{{ app.request.get('account') }}">
			<label class="sr-only" for="inventory">Sales Item</label>
			<input type="text" class="form-control" name="inventory" id="filter_inventory" placeholder="Search for" style="width:200px" value="{{ app.request.get('inventory') }}">
			<label class="sr-only" for="category">Category</label>
			<input type="text" class="form-control" name="category" id="filter_category" placeholder="Search for" style="width:200px" value="{{ app.request.get('category') }}">
			
			<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>
	{% if pagination == 'emptyfilters' %}
		<table class="record_list" >
		  <tr>
			<td style="text-align:center;padding:50px 0 50px 0">Please select from the above filters to generate a report.</td>
		  </tr>
		</table>
	{% else %}
	<div class="record_list_count">Displaying 
		{{ (pagination.getCurrentPageNumber()-1) * pagination.getItemNumberPerPage() + 1 }}
		to
		{{ ((pagination.getCurrentPageNumber()-1) * pagination.getItemNumberPerPage()) + (pagination.getItems()|length) }}
		of
		{{ pagination.getTotalItemCount() }}
		<code>Sales Report</code> records
	</div>
	{% endif %}
{% endblock page_header %}



{% block content %}
<div>
	{% if pagination != 'emptyfilters' %}
       {% include 'D2BillingBundle:SalesReport:list.html.twig' with {'pagination': pagination} %}
	{% endif %}
 </div>			
{% endblock content %}