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

{% set show_links = true %}
{% set age = app.request.get('age') %}

{% block head_script_extra %}
	<script src="{{ asset('bundles/d2billing/js/reports.js') }}" type="text/javascript"></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="{{ asset('bundles/d2core/css/select_add.css') }}" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
	<style type="text/css">
	  .record_list.report_fixed_table
	  {
		table-layout: fixed;
	  }
	  .record_list .report_fixed_value
	  {
	  width: 120px;
	  }
	  .record_list .report_fixed_summary
	  {
	   width: 488px;
	  }
	  .record_list.no_border
	  {
		border: none;
	  }
	  .record_list.min_width
	  {
		min-width: 1200px;
	  }
	  td.no_border, th.no_border {
		border-bottom: none;
	  }
	</style>
{% endblock head_style_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<button type="button"  class="btn btn-sm btn-default" onclick="javascript:self.location='{{ path('statement_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', 'age', 'show', 'terms', 'account'] %}
					<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="age">Age</label>
				<select class="form-control" name="age" style="width:150px">
				  <option value=""></option>
				  <option value="0"{% if app.request.get('age') == '0' %} selected="selected"{% endif %}>Current</option>
				  <option value="30"{% if app.request.get('age') is null or app.request.get('age') == '30' %} selected="selected"{% endif %}>30 Days</option>
				  <option value="60"{% if app.request.get('age') == '60' %} selected="selected"{% endif %}>60 Days</option>
				  <option value="90"{% if app.request.get('age') == '90' %} selected="selected"{% endif %}>90 Days</option>
				  <option value="120"{% if app.request.get('age') == '120' %} selected="selected"{% endif %}>120 Days</option>
				</select>
				<label for="show">Show</label>
				<select class="form-control" name="show" style="width:150px">
				  <option value="">All</option>
				  <option value="debit"{% if app.request.get('show') == 'debit' %} selected="selected"{% endif %}>Debit</option>
				  <option value="credit"{% if app.request.get('show') == 'credit' %} selected="selected"{% endif %}>Credit</option>
				</select>
				<label for="terms">Payment Terms</label>
				<select class="form-control" name="terms" style="width:200px">
				  <option value="">All</option>
				  <option value="monthly"{% if app.request.get('terms') == 'monthly' %} selected="selected"{% endif %}>Month Based Terms</option>
				  <option value="daily"{% if app.request.get('terms') == 'daily' %} selected="selected"{% endif %}>Day Based Terms</option>
				</select>
				<label 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') }}">
				
				<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 records_count > 0 %}
			<div class="record_list_count">Displaying 
			  {{ records_count }}
			  <code>Statement</code> records
			</div>
		  {% endif %}
		 </div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div>
	  {% include 'D2BillingBundle:StatementReport:list.html.twig' with {'account_data': account_data, 'account_missing': account_missing} %}
</div>			
{% endblock %}