{% 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>
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, embed, output, ruby, summary, time, mark, audio, video {
            font-family: 'Lato', sans-serif;
            font-size: 20px;
        }

        table {
            width: 100%;
        }

        .signature {
            width: max-content;
            height: 125px;
            border: 1px solid black;
            border-radius: 30px;
        }
    </style>
{% endblock style %}

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

{% block content %}
    {% set purchaseSupplier = vehicleData.purchaseSupplier %}
    {% set addressSellingPoint = group.addressSellingPoint %}
    {% set vehiclePurchase = vehicleData.vehiclePurchase %}
    {% set purchaseBy = vehiclePurchase.purchaseBy %}

    <table>
        <tr>
            <td class="fs-i fw-b fs-26 ta-right">
                AVIS DE REGLEMENT
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td>
                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                    'image': groupData.logo,
                    'containerImgWidth' : 300,
                    'containerImgHeight' : 200,
                    'extendClass': 'no-margin'
                } %}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-50 pad-t-30">
                <table>
                    <tr>
                        <td class="fw-b fs-24">
                            {{ groupData.corporateName }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ addressSellingPoint.address }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ addressSellingPoint.postalCode }} {{ addressSellingPoint.city }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ groupData.phoneNumber }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ groupData.email }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {% if groupData.rcs is not empty %}RCS : {{ groupData.rcs }}{% endif %}
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-50 ta-right">
                <table>
                    <tr>
                        <td class="fs-i fw-b fs-24">
                            {% if purchaseSupplier.civility is defined %}
                                {{ purchaseSupplier.civility|trans({}, 'CommonTrans') }}
                                {{ purchaseSupplier.firstName }}
                                {{ purchaseSupplier.lastName }}
                            {% else %}
                                {{ purchaseSupplier.corporateNameContact }}
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {% if purchaseSupplier.phoneNumber is not empty %}
                                TELEPHONE : {{ purchaseSupplier.phoneNumber }}
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {% if purchaseSupplier.email is not empty %}
                                Mail : {{ purchaseSupplier.email }}
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="ta-center">
                {{ groupData.commonName }} {% if groupData.siretNumber is not empty %}({{ groupData.siretNumber }}) {% endif %}certifie,
                réaliser un virement
                de {{ vehiclePurchase.priceTtc }} {{ currencySymbol }}<br>
                {% if vehiclePurchase.paymentDueDate is not empty %}
                (au plus tard le {{ vehiclePurchase.paymentDueDate }})
                {% endif %}, à l’issue de la livraison du véhicule, à<br>
                <span class="fw-b">
                    {% if purchaseSupplier.civility is defined %}
                        {{ purchaseSupplier.civility|trans({}, 'CommonTrans') }}
                        {{ purchaseSupplier.firstName }}
                        {{ purchaseSupplier.lastName }}
                    {% else %}
                        {{ purchaseSupplier.corporateNameContact }}
                    {% endif %}
                </span>
                <br>
                demeurant
                <span class="fw-b">
                    {{ purchaseSupplier.address }} , {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
                </span>
                <br>
                pour la cession de son véhicule :
            </td>
        </tr>
        <tr>
            <td class="h-10"></td>
        </tr>
    </table>
    <table class="ta-center">
        <tr>
            <td class="w-15"></td>
            <td>
                Marque :
            </td>
            <td class="fw-b">
                {{ vehicleData.brand }}
            </td>
            <td class="w-15"></td>
        </tr>
        <tr>
            <td class="w-15"></td>
            <td>
                Modèle :
            </td>
            <td class="fw-b">
                {{ vehicleData.model }}
            </td>
            <td class="w-15"></td>
        </tr>
        <tr>
            <td class="w-15"></td>
            <td>
                N° de série :
            </td>
            <td class="fw-b">
                {{ vehicleData.vin }}
            </td>
            <td class="w-15"></td>
        </tr>
        <tr>
            <td class="w-15"></td>
            <td>
                1ère mise en circulation :
            </td>
            <td class="fw-b">
                {{ globalF.formatDate(vehicleData.dateOfDistribution) }}
            </td>
            <td class="w-15"></td>
        </tr>
        <tr>
            <td class="w-15"></td>
            <td>
                Immatriculation :
            </td>
            <td class="fw-b">
                {{ vehicleData.licenseNumber }}
            </td>
            <td class="w-15"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td>
                Le propriétaire certifie que son véhicule ne présente pas de vice caché et que celui-ci n'a jamais été
                gravement endommagé.
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="t-dark-grey fs-i">
                PAIEMENT
            </td>
        </tr>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td>
                Virement effectué sur le compte ci dessous<br>
                Nom du titulaire :
                {% if purchaseSupplier.civility is defined %}
                    {{ purchaseSupplier.civility|trans({}, 'CommonTrans') }}
                    {{ purchaseSupplier.firstName }}
                    {{ purchaseSupplier.lastName }}
                {% else %}
                    {{ purchaseSupplier.corporateNameContact }}
                {% endif %}<br>
                IBAN : {{ purchaseSupplier.iban }}<br>
                BIC : {{ purchaseSupplier.swift }}
            </td>
        </tr>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table class="ta-center">
        <tr>
            <td class="fw-b">
                SIGNATURES
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td>
                Fait à {{ addressSellingPoint.city }} le <span
                        class="fw-b">{{ globalF.getCurrentDate(timezone)|trim }}</span>
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-5"></td>
            <td class="w-35 fw-b ta-center">
                {% if purchaseSupplier.civility is defined %}
                    {{ purchaseSupplier.firstName }}
                    {{ purchaseSupplier.lastName }}
                {% else %}
                    {{ purchaseSupplier.corporateNameContact }}
                {% endif %}
            </td>
            <td class="w-20"></td>
            <td class="w-35 fw-b ta-center">
                {{ purchaseBy.firstName }}
                {{ purchaseBy.lastName }}
            </td>
            <td class="w-5"></td>
        </tr>
        <tr>
            <td class="w-5"></td>
            <td class="w-35">
                <div class="signature"></div>
            </td>
            <td class="w-20"></td>
            <td class="w-35">
                <div class="signature"></div>
            </td>
            <td class="w-5"></td>
        </tr>
    </table>
{% endblock content %}

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