{# pour servir de poppin un peu n'importe où #}
{% set modal_class = 'modal-undefined' %}
{% if huge is defined %}
    {% if huge %}
        {% set modal_class = 'modal-huge-dialog' %}
    {% endif %}
{% endif %}
{% if wide is defined %}
    {% if wide %}
        {% set modal_class = 'modal-large-dialog' %}
    {% endif %}
{% endif %}
{% if medium is defined %}
    {% if medium %}
        {% set modal_class = 'modal-medium-dialog' %}
    {% endif %}
{% endif %}
{% if narrow is defined %}
    {% if narrow %}
        {% set modal_class = 'modal-narrow-dialog' %}
    {% endif %}
{% endif %}

{% if tall is defined %}
    {% if tall %}
        {% set modal_class = modal_class ~ ' modal-tall-dialog' %}
    {% endif %}
{% endif %}

{% set popin_id = "myModal"%}
{% if suffixe_id is defined %}
    {% set popin_id = "myModal" ~ suffixe_id %}
{% endif %}

{% set trigger_id = "trigger_poppin" %}
{% if suffixe_id is defined %}
    {% set trigger_id = "trigger_poppin" ~ suffixe_id %}
{% endif %}

<div class="modal modal{% if suffixe_id is defined %}{{suffixe_id}}{%endif%} fade poppin"
     id="{{ popin_id }}"
     style="pointer-events:none;overflow:auto!important;background: rgba(0, 0, 0, 0.5);"
     role="dialog" aria-labelledby="myModalLabel"> {#<!-- tabindex="-1" -->#}
    <div class="{{ modal_class }} modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">{{ titre }}</h4>
                <button type="button" class="close"
                    onclick="$('#{{ trigger_id }}').trigger('click')"
                    data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{ contenu }}
            </div>
            <div class="modal-footer">
                {% if show_validate_popin is defined %}{% if show_validate_popin %}
                    <div class="btn btn-primary valider-popin">Valider</div>
                {% endif %}{% endif %}
                {% if show_cancel_popin is defined %}{% if show_cancel_popin %}
                    <div class="btn btn-default annuler-popin"
                         onclick="$('#{{ trigger_id }}').trigger('click')"
                         data-dismiss="modal">Annuler</div>
                {% endif %}{% endif %}
            </div>
        </div>
    </div>
</div>

{#
<div class="modal-backdrop fade" style="display:none"
     onclick="modalBootstrap('{{ trigger_id }}', 'hide');"
     data-backdrop-for="#{{ popin_id }}"></div>
#}

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg"
        id="{{ trigger_id }}"
        style="display:none"
        onclick="modalBootstrap('{{ trigger_id }}');"
        data-toggle="modal" data-target="#{{ popin_id }}">
    Bouton caché pour modal
</button>