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

{% block head_script_extra %} 
	<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">
	<style type="text/css">
	  .record_list.report_fixed_table
	  {
		 table-layout: fixed; 
	  }
	  .record_list .report_fixed_value
	  {
	   width: 150px;
	  }
	</style>
{% endblock head_style_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('customer_accounts') }}" class="btn btn-sm btn-default">Back</a>
			<button onclick="javascript:self.location='{{ path('account_age_format', {'id':app.request.get('id'), '_format': 'pdf' }) }}{% if app.request.query is not empty %}?{% endif %}{% for k, v in app.request.query %}{{ k }}={{ v }}{% if loop.last != true %}&{% endif %}{% endfor %}';" type="button" class="btn btn-sm btn-default">PDF</button>
	   </div>
		<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 ['to_date', 'age', 'group_by_cat', 'category', 'terms'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="sel_to_date">To Date</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" 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" class="age_filter">                        
					{% set ageOptions = termAges[ app.request.get('terms') ] is defined ? termAges[ app.request.get('terms') ] : (termAges['monthly'] is defined ? termAges['monthly'] : []) %}

					<option></option>
					{% for age in ageOptions %}
						<option value="{{ age }}" {{ age|lower is sameas(app.request.get('age')|lower ) ? ' selected="Selected"' : '' }}>{{ age == 0 ? 'Current' : age ~ (loop.last ? '+' : '') ~ ' Days' }}</option>
					{% endfor %}
				</select>
				
				<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>
		Age Analysis - {{ Account.displayName }}
	</div>
</div>
{% endblock page_header %}

{% block content %}
	{% set mode = 'view' %}

	{% if show_splash is defined %}
		{% include 'D2BillingBundle:AgeAnalysis:splash.base.twig' %}
	{% else %}
		{% include 'D2BillingBundle:AgeAnalysis:report.base.twig' %}
	{% endif %}
	
{% endblock content %}