<div class="modal-body">

    <form method="post" name="popupModeChangement" id="popupModeChangement">
        <input type="hidden" name="postJson" value="{{ postJson }}">
    </form>

    <h4>{{ 'Sélectionnez le mode de chargement du document dans le panier' | trad }}</h4>

    <ul id="modeChargement">

        <li>
            <span><button type="button" class="principal" onClick="ajaxPopupV2('{{ path('Suivi.Suivi.ajaxChargeDocToPanier', {typeDoc:typeDoc, idDoc:idDoc, action:action, actuFrs:1}) }}', 'popupModeChangement');">{{ '1. Mode actualisation des fournisseurs' | trad }}</button></span>
            <span>{{ 'En cas de non validité d\'un fournisseur, le meilleur fournisseur alternatif sera recherché' | trad }}</span>
        </li>

        <li>
            <span><button type="button" class="principal" onClick="ajaxPopupV2('{{ path('Suivi.Suivi.ajaxChargeDocToPanier', {typeDoc:typeDoc, idDoc:idDoc, action:action, actuFrs:0}) }}', 'popupModeChangement');">{{ '2. Mode conservation des fournisseurs' | trad  }}</button></span>
            <span>{{ 'Conserve les fournisseurs présents dans le document initial même en cas de non validité' | trad }}</span>
        </li>

        <li>
            <span><button type="button" class="secondaire" onClick="ajaxPopupV2('{{ path('Suivi.Suivi.cancel') }}', 'popupModeChangement');">{{ 'Annuler le chargement' | trad }}</button></span>
            <span>{{ 'Annule le chargement du document dans le panier' | trad }}</span>
        </li>

    </ul>

</div>

<script>
	
    $( document ).ready(function() {
        $("#modal-title").html('{{ 'Mode de chargement du document' | trad }}');
        $('.modal-header').addClass('popup_informative');
    });
</script>

<style>
    #modeChargement li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    #modeChargement li span:first-child {
        width: 250px;
        margin-right: 10px;
    }

    #modeChargement li span:first-child button {
        width: 100%;
    }
</style>