{% 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 %}
{% import 'AppBundle:Documents:v2\\Import\\contact.html.twig' as contactF %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle.html.twig' as vehicleF %}

{% 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 = groupData.addressSellingPoint %}
    {% set purchaseBy = vehicleData.vehiclePurchase.purchaseBy %}
    {% set rcs = globalF.displayLabel(groupData.rcs, {'previousValue': 'RCS : '}) %}

    <table>
        <tr>
            <td>
                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                    'image': groupData.logo,
                    'containerImgWidth' : 200,
                    'containerImgHeight' : 150,
                    'extendClass': 'no-margin'
                } %}
            </td>
            <td class="fs-i fw-b fs-26 ta-right">
                BON D'ACHAT
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-50">
                <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">
                            {{ rcs }}
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-50 ta-right">
                <table>
                    <tr>
                        <td class="fs-i fw-b fs-24">
                            {{ contactF.getLabel(purchaseSupplier, {'civility' : true, 'corporate' : true}) }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ globalF.displayLabel(purchaseSupplier.phoneNumber, {'previousValue': 'TELEPHONE : '}) }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ globalF.displayLabel(purchaseSupplier.email, {'previousValue': 'Mail : '}) }}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="ta-center">
                {{ groupData.corporateName }} {% if groupData.siretNumber is not empty %}({{ groupData.siretNumber }}) {% endif %}
                certifie,
                avoir acheté le véhicule désigné ci-dessous
            </td>
        </tr>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table class="ta-center">
        <tr>
            <td class="w-10"></td>
            <td class="w-30">
                Marque :
            </td>
            <td class="fw-b">
                {{ vehicleData.brand }}
            </td>
            <td class="w-15"></td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Modèle :
            </td>
            <td class="fw-b">
                {{ vehicleData.model }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Version :
            </td>
            <td class="fw-b">
                {{ vehicleData.version }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Couleur :
            </td>
            <td class="fw-b">
                {{ vehicleData.color }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Kilométrage :
            </td>
            <td class="fw-b">
                {{ vehicleData.distanceTraveled }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Immatriculation :
            </td>
            <td class="fw-b">
                {{ vehicleData.licenseNumber }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Numéro VIN :
            </td>
            <td class="fw-b">
                {{ vehicleData.vin }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                1ère mise en circulation :
            </td>
            <td class="fw-b">
                {{ vehicleData.dateOfDistribution|date('d/m/Y') }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Prix d'achat :
            </td>
            <td class="fw-b">
                {{ vehicleData.vehiclePurchase.priceTtc }} {{ currencySymbol }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Kilométrage garanti :
            </td>
            <td class="fw-b">
                {{ vehicleF.getDistanceTraveledWarrantyLabel(vehicleData) }}
            </td>
        </tr>
        <tr>
            <td class="w-10"></td>
            <td>
                Véhicule accidenté :
            </td>
            <td class="fw-b"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="ta-center">
                <div>
                    <div class="d-i-b fs-24">Pour un montant total de :</div>
                    <div class="d-i-b fw-b fs-24">
                        {{ vehicleData.vehiclePurchase.priceTtc }} {{ currencySymbol }}
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="h-10"></td>
        </tr>
        <tr>
            <td class="ta-center fs-20">
                à
                <b>
                    {{ contactF.getLabel(purchaseSupplier, {'civility' : true, 'corporate' : true}) }}
                </b><br>
                demeurant {{ purchaseSupplier.address }}<br>
                {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
            </td>
        <tr>
            <td class="h-10"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="fs-16">
                Le propriétaire certifie que son véhicule ne présente pas de vice caché et que celui-ci n'a jamais était
                gravement endommagé.
            </td>
        </tr>
        <tr>
            <td class="h-10"></td>
        </tr>
        <tr>
            <td class="fs-18">
                Date et heure de cession du véhicule : {{ vehicleData.vehiclePurchase.purchaseFullDate }}
            </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) }}</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">
                {{ contactF.getLabel(purchaseSupplier, {'civility' : true, 'corporate' : true}) }}
            </td>
            <td class="w-20"></td>
            <td class="w-35"></td>
            <td class="w-5"></td>
        </tr>
        <tr>
            <td class="w-5"></td>
            <td class="w-35">
                <div class="signature">
                    <table class="ta-center">
                        <tr>
                            <td>
                                Signature du vendeur
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
            <td class="w-20"></td>
            <td class="w-35">
                <div class="signature">
                    <table class="ta-center">
                        <tr>
                            <td>
                                Signature de l'acquéreur
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
            <td class="w-5"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-5"></td>
            <td class="w-35 pad-t-30">
                <table>
                    <tr>
                        <td class="fw-b fs-24">
                            VOTRE CONSEILLER
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ purchaseBy.firstName }} {{ purchaseBy.lastName }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ purchaseBy.phoneNumber }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ purchaseBy.email }}
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-20"></td>
            <td class="w-35 pad-t-30">
                <table class="ta-center">
                    <tr>
                        <td class="fw-b fs-24">
                            {{ groupData.corporateName }}
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-18">
                            {{ rcs }}
                            {{ globalF.displayLabel(groupData.apeCode, {'previousValue': 'CODE APE : '}) }}<br>
                            {{ globalF.displayLabel(groupData.vatNumber, {'previousValue': 'TVA INTRA : '}) }}
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-5"></td>
        </tr>
    </table>
{% endblock content %}
{% block footer %}{% endblock %}
{% block signature %}{% endblock %}