{% block modal %}
	{% set attr = {
		"tabindex": "-1",
		"role": "dialog", 
		"data-backdrop": "static"
	}|merge(attr|default({})) %}

	{% set attr = attr|merge({class: "modal fade " ~ attr.class|default("")}) %}

	<div id="{{ id }}"{% for attrname, attrvalue in attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>
		<div class="modal-dialog {{ dialogClass|default("") }}">
			<div class="modal-content">
				{% block modal_content %}
					{% if block("modal_header") is defined %}
						<div class="modal-header">
							{{ block("modal_header") }}
						</div>
					{% elseif block("modal_title") is defined %}
						<div class="modal-header">
							<h4 class="modal-title">{{ block("modal_title") }}</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
					{% endif %}
					<div class="modal-body">
						{{ block("modal_body") }}
					</div>
					{% if block("modal_footer") is defined %}
						<div class="modal-footer">
							{{ block("modal_footer") }}
						</div>
					{% endif %}
				{% endblock modal_content %}
			</div>
		</div>
	</div>
{% endblock modal %}