{% macro popup(type, idForm, formAction, idElement, message = null, method = 'post') %}
    <div class="modal fade" id="popup-{{ type }}-{{ idElement }}" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        {% if type == "info" %}
                            <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                        {% elseif type == "danger" %}
                            <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                        {% endif %}
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message">
                            {% if type == "info" %}
                                {{ message }}
                            {% elseif type == "danger" %}
                                {% if message != null %}
                                    {{ message }}
                                {% else %}
                                    La suppression est définitive.
                                {% endif %}
                            {% endif %}
                        </h4>
                        <h4 class="popup-question">Souhaitez-vous continuer ?</h4>
                        <button type="button" class="boutonNon popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Non') }}</button>
                        <form id="{{ idForm }}" method="{{ method }}" action="{{ formAction }}">
                            {% if type == "danger" %}
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ idElement) }}">
                            {% endif %}
                            <input type="hidden" name="{{ idElement }}" value="{{ idElement }}">
                            <button type="submit" class="boutonOui popup-button"
                                    style="width:25%">{{ button_label|default('Oui') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}
{% macro popup2(type, idForm, formAction, idElement, message = null,title = null, method = 'post') %}
    <div class="modal fade" id="popup-{{ type }}-{{ idElement }}" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        {% if type == "info" %}
                            <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                        {% elseif type == "danger" %}
                            <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                        {% endif %}
                    </div>
                    <div class="popup-content">
                        {% if message != null %}
                            <h4 class="popup-title" style="text-align: left">
                                {{ title }}
                            </h4>
                        {% endif %}
                        <h4 class="popup-message" style="text-align: left">
                            {% if type == "info" %}
                                {{ message }}
                            {% elseif type == "danger" %}
                                {% if message != null %}
                                    {{ message }}
                                {% else %}
                                    La suppression est définitive.
                                {% endif %}
                            {% endif %}
                        </h4>
                        <button type="button" class="boutonNon popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Non') }}</button>
                        <form id="{{ idForm }}" method="{{ method }}" action="{{ formAction }}">
                            {% if type == "danger" %}
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ idElement) }}">
                            {% endif %}
                            <input type="hidden" name="{{ idElement }}" value="{{ idElement }}">
                            <button type="submit" class="boutonOui popup-button"
                                    style="width:25%">{{ button_label|default('Oui') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro simple_popup(type, message = null, customQuestion = null, subMessage = null, id = null, btnModify = false) %}
    <div class="modal fade" id="{{ id is not null ? id : 'confirm-popup-'~type }}"
         style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        {% if type == "info" %}
                            <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                        {% elseif type == "danger" %}
                            <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                        {% endif %}
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message">
                            {% if type == "info" %}
                                {{ message }}
                            {% elseif type == "danger" %}
                                {% if message != null %}
                                    {{ message }}
                                {% else %}
                                    La suppression est définitive.
                                {% endif %}
                            {% endif %}
                        </h4>
                        <h4 class="popup-question">{{ customQuestion != null ? customQuestion : "Souhaitez-vous continuer ?" }}</h4>
                        {% if subMessage != null %}
                            <h5 style="margin-top: -4%;margin-bottom: 5%;">
                                {{ subMessage }}
                            </h5>
                        {% endif %}
                        <button id="boutonNon" type="button" class="boutonNon popup-button"
                                style="width:25%; {{ btnModify ? 'float:left' :'float:right' }}"
                                data-dismiss="modal">{{ button_label|default(btnModify ? 'Modifier' : 'Non') }}</button>
                        <button id="boutonOui" type="button" class="boutonOui popup-button btnNextAction" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro simple(type, message = null, customQuestion = null, subMessage = null, id = null) %}
    <div class="modal fade" id="{{ id is not null ? id : 'confirm-popup-'~type }}"
         style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        {% if type == "info" %}
                            <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                        {% elseif type == "danger" %}
                            <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                        {% endif %}
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message">
                            {% if type == "info" %}
                                {{ message }}
                            {% elseif type == "danger" %}
                                {% if message != null %}
                                    {{ message }}
                                {% else %}
                                    La suppression est définitive.
                                {% endif %}
                            {% endif %}
                        </h4>
                        {% if subMessage != null %}
                            <h5 style="margin-top: -4%;margin-bottom: 5%;">
                                {{ subMessage }}
                            </h5>
                        {% endif %}
                        <button id="boutonOui" type="button" class="boutonOui popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Ok') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endmacro %}

{% macro popup_blocked_validator(message = null) %}
    <div class="modal fade" id="confirm-popup-blocked" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-validator-blocked.svg') }}"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-title" id="popup-blocked-title"></h4>
                        <table id="listValidatorBlockedTable" style="width: 100%;margin-top: 0;">
                            <thead>
                            <tr>
                                <th>Information renseignée</th>
                                <th>Message</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <h4>
                            Afin de poursuivre l'étude, merci de modifier votre réponse.
                        </h4>
                        <button id="confirmPopupBlockedBtn" type="button" class="boutonOui popup-button"
                                style="width:25%"
                                data-dismiss="modal">{{ button_label|default("J'ai compris") }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_info_validator(message = null) %}
    <div class="modal fade" id="confirm-popup-info" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-title" id="popup-info-title"></h4>
                        <table id="listValidatorInfoTable" style="width: 100%;margin-top: 0;">
                            <thead>
                            <tr>
                                <th>Information renseignée</th>
                                <th>Message</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <br>
                        <h4 class="popup-question">Souhaitez-vous continuer ?</h4>
                        <button id="confirmPopupInfoBtn" type="button" class="boutonOui popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>

                        <button id="boutonNon" type="button" class="boutonNon popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Non') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_degraded_mode() %}
    <div class="modal fade" id="popup-danger-degraded-mode" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message">
                            Vous êtes connecté en mode dégradé suite un problème technique. Vous pouvez créer et gérer
                            les études.
                            <br>La modification des utilisateurs et des paramètres de l’entreprise sont temporairement
                            indisponibles.
                            <br><br>L'équipe technique INSTALL BOIS est automatiquement prévenue et va corriger le
                            problème.
                        </h4>
                        <button type="button" class="boutonNon popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default("J'ai compris") }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_go_back_prerequisite(serviceCreatedOnProject) %}
    <div class="modal fade" id="popup-go-back-prerequisite" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-warning.png') }} " alt="Attention !"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message">
                            Attention, vous souhaitez modifier les prérequis.<br>
                            En effectuant cette actions tous les services déjà effectués dans l'étude <b>vont être
                                effacés.</b>
                        </h4>
                        <h4 class="popup-question">Souhaitez-vous continuer ?</h4>
                        <button type="button" class="boutonNon popup-button" style="width: 160px;height: 30px;"
                                data-dismiss="modal">{{ button_label|default('Ne pas modifier') }}</button>
                        <form id="backToPrerequisiteForm"
                              action="{{ path('rule_engine_prerequisite_resume', {'id': serviceCreatedOnProject.id}) }}"
                              method="post" style="float: right;">
                            <input type="hidden" name="serviceCustomerId" value="{{ serviceCreatedOnProject.id }}"/>
                            <button id="boutonOui" type="submit" class="boutonOui popup-button"
                                    style="width: 165px;height: auto;padding: 5px;"
                                    data-dismiss="modal"
                                    onclick="$('#backToPrerequisiteForm').submit();">{{ button_label|default('Modifier les prérequis') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_end_prerequisite() %}
    <div class="modal fade" id="confirm-popup-info" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message" style="text-align: left;">
                            FIN DES PRÉREQUIS
                        </h4>
                        <h4 class="popup-message" style="text-align: left;">
                            <b>Votre appareil et le type d'installation</b><br/>
                            vont être enregistrés de manière permanente et ne pourront plus être modifiés.
                        </h4>
                        <h4 class="popup-question" style="font-weight: normal;text-align: left">Confirmez et continuez
                            l’étude ?</h4>
                        <button id="boutonNon" type="button" class="boutonNon popup-button"
                                style="width:25%; float: left"
                                data-dismiss="modal">{{ button_label|default('Modifier') }}</button>
                        <button id="boutonOui" type="button" class="boutonOui popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_prerequisite_dtu_coude_te() %}
    <div class="modal fade" id="popup-dtu-coude-te" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content" data-keyPopup="popTeDepartAR">
                        <h4 class="popup-message" style="text-align: justify;">
                            Vous n’avez pas sélectionné de Té. <br>
                            Or, le DTU 24.1 requiert un Té avec tampon faisant office de boite à suie, après la sortie
                            de fumée horizontale de l’appareil.
                            Ce Té peut être sur le conduit de raccordement ou en pied de conduit de fumée ou de tubage.
                            <br>
                            <span id="sentenceDTU"></span>
                        </h4>
                        <h4 class="popup-question" style="text-align: justify;">Souhaitez-vous continuer ?</h4>
                        <button id="btnPopupDtuOui" onclick="closePopupAndGotoNextStep()" type="button"
                                class="boutonNon popup-button btnNextAction" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Continuer') }}</button>
                        <button id="boutonNon" type="button" class="boutonOui popup-button"
                                style="width:25%; float: left"
                                data-dismiss="modal">{{ button_label|default('Modifier') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_prerequisite_sum_angles() %}
    <div class="modal fade" id="popup-sum-angles" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content" data-keyPopup="popSommeAngleCdr">
                        <h4 class="popup-message" style="text-align: justify;">
                            La somme des angles des coudes et Tés doit être inférieure ou égale à 180° pour respecter le
                            DTU 24.1 (non compris le Té en pied de conduit de fumée)
                            <br>
                        </h4>
                        <h4 class="popup-question" style="text-align: justify;">Souhaitez-vous continuer ?</h4>
                        <button id="btnPopupSumAnglesOui" onclick="checkPopupAfterSum()" type="button"
                                class="boutonNon popup-button btnNextAction" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>
                        <button type="button" class="boutonOui popup-button" style="width:25%;float:left;"
                                data-dismiss="modal">{{ button_label|default('Modifier') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}
{% macro popup_prerequisite_coude_smoke_duct() %}
    <div class="modal fade" id="popup-coude-smoke-duct" style="display: none; padding-right: 15px;"
         aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content" data-keyPopup="popAnglesCoudesDiff">
                        <h4 class="popup-message" style="text-align: justify;">
                            Les angles des coudes n°1 et 2 sont différents
                            <br>
                        </h4>
                        <h4 class="popup-question" style="text-align: justify;">Souhaitez-vous continuer ?</h4>
                        <button id="btnPopupCoudeSmokeDuct" type="button"
                                class="boutonNon popup-button btnNextAction" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>
                        <button type="button" class="boutonOui popup-button" style="width:25%;float:left;"
                                data-dismiss="modal">{{ button_label|default('Modifier') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_no_diameter() %}
    <div id="popup-no-diameter" style="max-width: 800px;">
        <div class="rubrique col-sm-12 col-md-12 col-lg-12" style="margin-top: 0!important;">
            <div class="popup-border-radius">
                <div class="popup-img">
                    <img src="{{ asset('install-bois/icon/adr/no-diameter.svg') }}"/>
                </div>
                <div class="popup-content" style="text-align: left">
                    <h4 class="popup-message" id="no-diameter-title">Oups !</h4>
                    {% if is_granted('ROLE_DEMO') %}
                        <h4 class="popup-message">
                            Votre installation n'est pas compatible avec notre moteur de calcul. Veuillez refaire un calcul avec d'autres critères.
                        </h4>
                    {% else %}
                        <h4 class="popup-message" id="no-diameter-message1">
                            Votre installation semble présenter un challenge pour notre moteur de calcul.
                        </h4>
                        <h4 class="popup-message" id="no-diameter-message2">
                            Nous vous rappelons* pour auditer votre installation en cliquant ci-bas :
                        </h4>
                        <p class="popup-info">
                            Horaire d'ouverture de notre service technique<br>
                            Lundi vendredi 9h-12h30 / 13h30-17h
                        </p>
                        <button id="btn-call-me" type="button" class="boutonNon popup-button"
                                style="width:45%;min-width: 100px">
                            {{ button_label|default('Rappelez-moi !') }}
                        </button>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_send_bug() %}
    <div class="modal fade" id="popup-send-bug" style="display: none; padding-right: 15px;" aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message" style="text-align: left;font-weight: bold" id="send-bug-msg">
                            Vous souhaitez signaler un fonctionnement qui vous semble anormal ?
                        </h4>
                        <div id="bug-description-block" style="display: flex;flex-direction: column;align-items: baseline;">
                            <label class="popup-message" for="bug-description">Décrire le dysfonctionnement constaté : </label>
                            <textarea id="bug-description" style="width: 80%;resize: none;" rows="5"></textarea>
                        </div>
                        <h4 class="popup-question" style="font-weight: normal;text-align: left" id="send-bug-question">Confirmez-vous ?</h4>
                        <button type="button" class="boutonNon popup-button" style="width:25%;" id="btnSendBugNo"
                                data-dismiss="modal">{{ button_label|default('Non') }}</button>
                        <button id="btnSendBug" type="button" class="boutonOui popup-button" style="width:25%" title="Merci de décrire la situation" disabled>{{ button_label|default('Oui') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_generate_wet() %}
    <div class="modal fade" id="popup-generate-wet" style="display: none; padding-right: 15px;" aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                    </div>
                    <div class="popup-content">
                        <h4 class="popup-message" style="text-align: left;">
                            Êtes-vous sûr ?
                        </h4>
                        <h4 class="popup-question" style="font-weight: normal;text-align: left">Vous allez être redirigé vers une nouvelle page.</h4>
                        <button id="boutonNon" type="button" class="boutonNon popup-button"
                                style="width:25%; float: left" data-dismiss="modal">{{ button_label|default('Non') }}</button>
                        <button id="boutonGenerateWet" type="button" class="boutonOui popup-button" style="width:25%"
                                data-dismiss="modal">{{ button_label|default('Oui') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_contract_not_paid() %}
    <div class="modal fade" id="popup-contract-not-paid">
        <div class="modal-dialog popup" style="width: 50%;">
            <div class="modal-content popup-border-radius">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin: 15px">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="popup-img">
                    <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                </div>
                <div class="popup-content">
                    <h4 class="popup-message" style="text-align: left;">
                        Attention, votre nouvel abonnement a commencé, mais il est en attente de règlement. Il risque d'être bientôt suspendu, pensez à régulariser votre abonnement.
                    </h4>
                    <button id="btnPayContract" type="button" class="boutonOui popup-button" style="width:35%"
                            data-dismiss="modal">{{ button_label|default("J'ai compris") }}</button>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_signature(type, idForm, formAction, idElement, message, method = 'post') %}
    <div class="modal fade" id="popup-{{ type }}-{{ idElement }}" style="display: none; padding-right: 15px;" aria-hidden="true">
        <div class="modal-dialog popup">
            <div class="modal-content popup-border-radius">
                <div class="popup-border-radius">
                    <div class="popup-img">
                        {% if type == "info" %}
                            <img src="{{ asset('install-bois/icon/popup-info.png') }}"/>
                        {% elseif type == "danger" %}
                            <img src="{{ asset('install-bois/icon/popup-warning.png') }}"/>
                        {% endif %}
                    </div>
                    <form id="{{ idForm }}" method="{{ method }}" action="{{ formAction }}">
                        <div class="popup-content">
                            <div id="blockMessage">
                                <h4 class="popup-message">
                                    {{ message }}
                                </h4>
                                <h4 class="popup-question">Souhaitez-vous continuer ?</h4>
                            </div>
                            <div id="blockSignature" style="display:none;margin-bottom: 25px">
                                <div class="container-title-signature">
                                    <h4 class="title-results">SIGNATURE DE L'OPÉRATEUR ENTRETIEN-RAMONAGE :</h4>
                                    <div class="container-signature">
                                        <canvas id="signaturePadMaintainer"></canvas>
                                        <input type="hidden" id="signatureMaintainer" name="signature-maintainer">
                                        <div class="container-actions">
                                            <img id="clearMaintainer" src="{{ asset('install-bois/icon/reload.svg') }}" alt="Effacer">
                                            <label>
                                                <input type="checkbox" name="no-signature-maintainer">Sans signature
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="container-title-signature">
                                    <h4 class="title-results">SIGNATURE DU CLIENT :</h4>
                                    <div class="container-signature">
                                        <canvas id="signaturePadCustomer"></canvas>
                                        <input type="hidden" id="signatureCustomer" name="signature-customer">
                                        <div class="container-actions">
                                            <img id="clearCustomer" src="{{ asset('install-bois/icon/reload.svg') }}" alt="Effacer">
                                            <label>
                                                <input type="checkbox" name="no-signature-customer">Sans signature
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button id="btnCancelSignature" type="button" class="boutonNon popup-button" style="width:25%;float: left;"
                                    data-dismiss="modal">{{ button_label|default('Annuler') }}</button>
                            <input type="hidden" name="{{ idElement }}" value="{{ idElement }}">
                            <button type="submit" class="boutonOui popup-button" style="width:30%;">
                                {{ button_label|default('Valider sans signer') }}
                            </button>
                            <button id="btnSignature" type="button" class="boutonOui popup-button" style="width:30%">
                                {{ button_label|default('Signer & valider') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro popup_duplicate_project(idProject, fromAdr) %}
    <div class="modal fade" id="popup-duplicate-project">
        <div class="modal-dialog popup" style="width: {{ fromAdr ? '42' : '54' }}%;">
            <div class="modal-content popup-border-radius">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin: 15px">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="popup-img">
                    <img src="{{ asset('install-bois/icon/popup-info.png') }}" alt="info"/>
                </div>
                <div class="popup-content" style="padding-bottom: 20px">
                    <h4 class="popup-message" style="text-align: left;">
                        CRÉER UNE NOUVELLE ÉTUDE {{ fromAdr ? '' : 'EN CONSERVANT ' }}:
                    </h4>
                    <div>
                        {% if fromAdr %}
                            <a href="{{ path('project_create_wf') }}">
                                <button class="boutonAction">Vierge</button>
                            </a>
                        {% endif %}
                        <a id="duplicateInfo" href="{{ path('project_duplicate', { id: idProject }) }}">
                            <button class="boutonAction">{{ fromAdr ? 'Dupliquer u' : 'U' }}niquement les informations clients</button>
                        </a>
                        <a id="duplicateComplete" href="{{ path('project_duplicate_with_services', { id: idProject }) }}">
                            <button class="boutonAction">{{ fromAdr ? 'Dupliquer m' : 'M' }}on étude complète avec tous ses services</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $('#popup-duplicate-project a').on('click', function () {
            $(this).css('pointer-events', 'none');
        });
        if (isDemo) {
            applyTooltipToDisabledElements('.popup-content a, .popup-content a button')
        }
    </script>
{% endmacro %}