{% form_theme form 'bootstrap_4_layout.html.twig' %}

{% for message in app.flashes('notice') %}
    <div class="alert alert-success" role="alert">
        {{ message }}
    </div>
{% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning" role="alert">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger" role="alert">
                {{ message }}
            </div>
        {% endfor %}
        {% if form_errors(form) %}
            <div class="alert alert-danger" role="alert">
                {{ form_errors(form) }}
            </div>
        {% endif %}
{{ form_start(form, {'attr':{novalidate:'novalidate', class:'data-form'}}) }}
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            {{ form_label(form.country) }}
            {{ form_widget(form.country, { 'attr': {'class': 'form-control-sm'} }) }}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-5">
        <div class="form-group">
            {{ form_label(form.postalCode1) }}
            {{ form_widget(form.postalCode1, { 'attr': {'class': 'form-control-sm'} }) }}
        </div>
    </div>
    <div class="col-md-5">
        <div class="form-group">
            {{ form_label(form.postalCode2) }}
            {{ form_widget(form.postalCode2, { 'attr': {'class': 'form-control-sm'} }) }}
        </div>
    </div>
    <div class="col-md-2">
        <div class="form-group">
            <br/>
            <button type="submit" class="btn btn-primary submit-country">Save</button>
        </div>
    </div>
</div>
{{ form_end(form) }}