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

{% 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>
	<script type="text/javascript">
	var ageList = {{ termAges|json_encode|raw }};
		
	$(function() {
		$(".terms_filter").change(function() {
			
			var $age   = $(".age_filter").html('');
			var $term  = $(".terms_filter");
			
			var termAges = $term.val() == 'daily' ? ageList[ 'daily' ] : ageList[ 'monthly' ];
			
			$age.append('<option></option>');
			for( var i = 0; i < termAges.length; i++ )
			{
				var disAge = age = termAges[ i ];
				
				if( disAge == 0 ) 
				{
					disAge = 'Current';
				}
				else 
				{
					if( i == termAges.length - 1)
					{
						disAge += '+';
					}
					disAge += ' Days';
				}
				
				$age.append('<option value="' + age + '">' + disAge + '</option>');
			}
		});
	});
	</script>
{% endblock head_script_extra %}

{% block head_style_extra %}
	<link href="{{ asset('bundles/d2billing/css/age-analysis.css') }}" rel="stylesheet" />
 	<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">
{% 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('d2_billing_age_analysis_report_format', {'_format':'pdf'}|merge(app.request.query.all)) }}'">PDF</button>
		<button type="button"  class="btn btn-sm btn-default" onclick="javascript:self.location='{{ path('d2_billing_age_analysis_report_format', {'_format':'csv'}|merge(app.request.query.all)) }}'">CSV</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 ['to_date', 'age', 'terms', 'account'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="sel_to_date">End 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" 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" 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>
				<label for="terms">Terms</label>
				{% set termOptions = {'' : '', 'daily': 'Daily', 'monthly': 'Monthly'} %}
				<select class="form-control" name="terms" class="terms_filter">
					{% for k, v in termOptions %}
						<option value="{{ k }}"{{ k == app.request.get('terms') ? ' selected="Selected"' : '' }}>{{ v }}</option>
					{% endfor %}
				</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>
	</div>
</div>
{% endblock page_header %}

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