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

{% block style %}
    {{ parent() }}
    <style>
        table tr td {
            width: 100%;
            font-family: 'Calibri', sans-serif;
            font-size: 14px;
        }

        .header tr td {
            font-family: 'Merriweather Sans', sans-serif;
        }
    </style>
{% endblock style %}

{% block header %}{% endblock header %}
{% block main_title %}{% endblock main_title %}

{% block content %}
    {% set purchaseSupplier = vehicleData.purchaseSupplier %}
    {% set addressSellingPoint = groupData.addressSellingPoint %}
    {% if vehicleData.orderForm is not null %}
        {% set customerOrderForm = vehicleData.orderForm.customer %}
    {% endif %}

    <table class="w-100 header">
        <tr>
            <td class="w-50">
                <img style="width: 90%;" src="{{ asset('/bundles/app/images/avenard/logo.jpg') }}">
            </td>
            <td class="w-50 ta-right">
                <p class="t-pink fs-36 lh-40 fw-600">{{ groupData.commonName }}</p>
                <p class="fs-16 lh-24">
                    {{ addressSellingPoint.address }} -
                    {{ addressSellingPoint.postalCode }}
                    {{ addressSellingPoint.city }} -
                    Tel {{ groupData.phoneNumber }}
                </p>
                <p class="fs-16 lh-24">Email : {{ groupData.email }}</p>
                <p class="fs-14 lh-18">{{ groupData.legalForm }} au capital de {{ groupData.capitalStock }} {{ currencySymbol }} - Code
                    APE {{ groupData.apeCode }}</p>
                <p class="fs-14 lh-18">Siret {{ groupData.siretNumber }} - {{ groupData.vatNumber }}</p>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-100"></td>
        </tr>
    </table>
    {% if customerOrderForm is defined %}
        <table class="w-100">
            <tr>
                <td class="w-50"></td>
                <td class="w-50 ta-left fs-18 lh-24">
                    {% if customerOrderForm.civility is defined %}
                        <p>{{ customerOrderForm.firstName }} {{ customerOrderForm.lastName }}</p>
                    {% else %}
                        <p>{{ customerOrderForm.corporateNameContact }}</p>
                    {% endif %}
                    <p>{{ customerOrderForm.address }}</p>
                    <p>{{ customerOrderForm.postalCode }} {{ customerOrderForm.city }}</p>
                </td>
            </tr>
        </table>
    {% endif %}
    <table>
        <tr>
            <td class="h-100"></td>
        </tr>
        <tr>
            <td>
                Cher client,
            </td>
        </tr>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td>
                Nous souhaitons pouvoir rester en contact avec vous de la même façon que par le passé et ainsi continuer
                à vous tenir informé de l'actualité de la marque et des produits et services par notre
                établissement {{ groupData.commonName }}, responsable de traitement.
                Cependant, en raison des nouvelles réglementations sur la protection des données, en vigueur depuis mai 2018,
                votre consentement est requis.
            </td>
        </tr>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td>
                ACCORD DE PROTECTION DES DONNEES
            </td>
        </tr>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td>
                J'accepte que mes informations personnelles et les données à mon véhicule puissent être utilisées aux
                fins suivantes :
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td colspan="15">
                J'accepte de recevoir des offres commerciales relatives aux produits et services commercialisés par
                notre établissement.
            </td>
        </tr>
        <tr>
            <td class="h-10"></td>
        </tr>
    </table>
    <table>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Courrier', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Téléphone', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'SMS', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'E-Mail', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Aucun contact', 'labelWidth' : 'w-20', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td colspan="15">
                J'accepte de recevoir des appels dans le cadre des rendez-vous importants de l'atelier
            </td>
        </tr>
        <tr>
            <td class="h-10"></td>
        </tr>
    </table>
    <table>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Courrier', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Téléphone', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'SMS', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'E-Mail', 'labelWidth' : 'w-15', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Aucun contact', 'labelWidth' : 'w-20', 'labelClass' : 'fs-18 lh-18 fw-400 t-black', 'tabColor' : 'tab-black', 'lColor' : 'l-black'} %}
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td>
                Fait à {{ addressSellingPoint.city }} le {{ globalF.getCurrentDate(timezone) }}
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td>
                Signature
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-100"></td>
        </tr>
        <tr>
            <td class="fs-i">
                Informations importantes sur la confidentialité
            </td>
        </tr>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td class="fs-14">
                Nous vous informons que votre consentement peut être modifié ou retiré à tout moment par écrit à
                l'adresse de votre distributeur mentionné ci-dessus.
            </td>
        </tr>
        <tr>
            <td class="h-30"></td>
        </tr>
        <tr>
            <td class="fs-14">
                Conformément au règlement n°2016/679, dit règlement général sur la protection des données (RGPD), vous
                disposez d'un droit d'accès, de rectification, d'opposition, de limitation, de suppression et de portabilité des informations vous
                concernant. Vous pouvez exercer ces droits en écrivant à l'adresse suivante : {{ groupData.commonName }}, {{ addressSellingPoint.address }}
                - {{ addressSellingPoint.postalCode }} {{ addressSellingPoint.city }}, accompagné d'une copie d'un titre d'identité.
                Vous disposez également du droit d'introduire une réclamation auprès d'une autorité de contrôle.
            </td>
        </tr>
    </table>
{% endblock content %}

{% block footer %}{% endblock %}
{% block signature %}{% endblock %}