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

{% block head_css_extra %}
<link href="{{ asset('bundles/d2billing/css/query-builder-add.css') }}" rel="stylesheet" />
{% endblock head_css_extra %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2billing/js/billing_query.js') }}"></script>
{# build the script for querybuilder #}
<script>
$(document).ready(function(){
	$('#builder').queryBuilder({
		sortable: true,
  
		filters: [
{% for field in database_fields %}
			{
				id: "{{ field['name'] }}",
				label: "{{ field['name'] }}",
				{% if field['type'] != 'choice' %}
					type: "{{ field['type'] }}"
				{% else %}
					type: 'string',
					input: 'select',
					multiple: false,
					values: {
					{% for choice in field['choices'] %}
						"{{ choice }}": "{{ choice }}",
					{% endfor %}
					}
				{% endif %}	
			},
{% endfor %}
{% for field in database_fields %}
	{% if field['type'] == 'date' or field['type'] == 'datetime' %}
			{
				id: "date({{ field['name'] }})",
				label: "date({{ field['name'] }})",
				{% if  field['type'] == 'date' %}
				type: 'date'
				{% elseif  field['type'] == 'datetime' %}
				type: 'datetime'
				{% else %}
				type: 'string'
				{% endif %}
			},
	{% endif %}
{% endfor %}
		]
	});
	
	$('#builder').queryBuilder('setRules', {{ entity.getQuery|raw }});
});
</script>
{% endblock head_script_extra %}

{% block page_header %}
    <div class="pull-right">
        <a href="{{ referrer }}" class="btn btn-small">Back</a>
    </div>
    <div>
        Edit <code>Billing Waybill Filter</code>.
    </div>
{% endblock page_header %}

{% block content %}
<form id="billing_query_form" action="{{ path('dynamic_billing_query_update', { 'id': entity.getId }) }}" {{ form_enctype(form) }} method="POST" class="form-signin" style="max-width:800px">
	<h2 class="form-signin-heading">Billing Waybill Filter</h2>
	{{ form_widget(form) }}
	<div id="builder" class="query-builder">
	</div>
	<div>
		<a href="javascript:UpdateBillingQuery({{ entity.getId }})" class="btn btn-large btn-primary pull-right">Update</a>
		<input id="reset" class="btn btn-large btn-primary pull-right" type="button" value="Reset" />
	</div>
</form>
{% endblock content %}