{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}
{% import 'AppBundle:Documents:v2\\Import\\group.html.twig' as groupF %}
{% import 'AppBundle:Documents:v2\\Import\\init_variables.html.twig' as variable %}

{% block content %}
    
    
    <!-- header -->
    {% block header %}{% endblock header %}
    
    <!-- title -->
    <tr><td class="h-20"></td></tr>                
    <tr>
        <td class="w-100">
            <p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">Toute l'équipe 
            <span>
                {% set value = group.commonName is not empty ? groupF.getCommonName(group, {}) : groupF.getCorporateName(group, {}) %}
                {{ value }}
            </span> 
            vous remercie pour votre commande.
            </p>
        </td>
    </tr>
    <tr><td class="h-20"></td></tr>
    <tr><td class="w-100"><p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">Au bas de cette page vous trouverez votre Mandat de prélèvement SEPA. Vous n'avez plus qu'à le remplir et le signer. Nous vous remercions de votre fidélité.</p></td></tr>

    
    <!-- cut part -->
                    
    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-4"><img class="scissors" src="{{ asset('/bundles/app/images/misc/scissors-icon.png') }}" class="w-100"></td>
            <td class="w-2"></td>
            <td class="w-100">
                <table class="w-100">
                    <tr><td class="w-100 h-20"></td></tr>
                    <tr><td class="w-100 l-d-light-grey"></td></tr>
                </table>
            </td>
        </tr>
    </table>

    <!-- picture -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <td class="w-4"><img class="scissors" src="{{ asset('/bundles/app/images/misc/sepa.jpg') }}" class="w-100"></td>
    </table>

    <!-- cut part -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-4"><img class="scissors" src="{{ asset('/bundles/app/images/misc/scissors-icon.png') }}" class="w-100"></td>
            <td class="w-2"></td>
            <td class="w-100">
                <table class="w-100">
                    <tr><td class="w-100 h-20"></td></tr>
                    <tr><td class="w-100 l-d-light-grey"></td></tr>
                </table>
            </td>
        </tr>
        <tr><td class="h-60"></td></tr>
    </table>
{% endblock content %}
{% block signature %}{% endblock signature %}