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

{% block head_css_extra %}
<style type="text/css">
  .record_list.report_fixed_table
  {
    table-layout: fixed;
  }
  .record_list .report_fixed_value
  {
   width: 150px;
  }
</style>
{% endblock head_css_extra %}


{% block page_header %}
    <div class="pull-right">
        <a href="{{ path('customer_accounts') }}" class="btn btn-small">Back</a>
   </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 ['from_date', 'to_date', 'group_by_c', 'group_by_p', 'customer'] %}
				<input type="hidden" name="{{ k }}" value="{{ v }}" />
			{% endif %}
		{% endfor %}
		<div class="filter">
            <label class="sr-only" for="sel_from_date">From</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">To</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 for="group_by_p">Separate Periods</label>
			<select name="group_by_p" id="group_by_p" onchange="toggleSeparateBySelect('p', 'c');">
			  <option value="">No</option>
			  <option value="1"{% if app.request.get('group_by_p') == '1' %} selected="selected"{% endif %}>Yes</option>
			</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>
	Details Ledger - {{ Account.displayName }}
{% endblock page_header %}

{% block content %}
	{% set mode = 'view' %}
	{% include 'D2BillingBundle:DetailedLedgerReport:list.html.twig' with {'accounts_data': accounts_data, 'periods_data': periods_data, 'transactions_data': transactions_data, 'opening_balance': opening_balance, 'account_opening_balances': account_opening_balances} %}
{% endblock content %}