{% trans_default_domain 'general' %}
<div id="modal">
<div class="modal-wrapper">
<div class="modal-content">
<div class="title"></div>
<div class="message"></div>
<div class="button-container right">
<button id="modal_ok" class="button blue" value="ok">{% trans %}modal.buttons.ok{% endtrans %}</button>
<button id="modal_yes" class="button blue" value="yes">{% trans %}modal.buttons.yes{% endtrans %}</button>
<button id="modal_no" class="button red" value="no">{% trans %}modal.buttons.no{% endtrans %}</button>
<button id="modal_confirm" class="button green" value="confirm">{% trans %}modal.buttons.confirm{% endtrans %}</button>
<button id="modal_close" class="button red" value="close">{% trans %}modal.buttons.close{% endtrans %}</button>
<button id="modal_cancel" class="button red" value="cancel">{% trans %}modal.buttons.cancel{% endtrans %}</button>
<button id="modal_material" class="button green" value="confirm">{% trans %}modal.buttons.material{% endtrans %}</button>
<button id="modal_other" class="button red" value="close">{% trans %}modal.buttons.other{% endtrans %}</button>
</div>
</div>
</div>
</div>
{% if app.session.flashbag.peekAll|length > 0 %}
<script>
$(function(){
$('#flash').addClass('open');
});
</script>
{% endif %}
<div id="flash">
<div class="flash-content">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="flash-message {{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
</div>
</div>