{% 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 %}

{% 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: 15px;
        }

        table {
            width: 100%;
        }

        .checkbox {
            display: block;
            width: 14px;
            height: 14px;
            border: 1px solid black;
        }
    </style>
{% endblock style %}

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

{% block content %}
    {% set purchaseSupplier = vehicleData.purchaseSupplier %}
    {% set addressSellingPoint = groupData.addressSellingPoint %}

    <table>
        <tr>
            <td class="w-50">
                <table>
                    <tr>
                        <td class="fw-b">
                            {{ groupData.corporateName }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ addressSellingPoint.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ addressSellingPoint.postalCode }} {{ addressSellingPoint.city }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Tel. {{ groupData.phoneNumber }}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="ta-center">
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="fw-b fs-20">
                ATTESTATION DEPOT VENTE
            </td>
        </tr>
        <tr>
            <td class="h-100"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-50">
                <table>
                    <tr>
                        <td class="fw-b fs-i">
                            Propriétaire :
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ contactF.getLabel(purchaseSupplier, {'civility' : true, 'corporate' : true}) }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-50">
                <table>
                    <tr>
                        <td class="fw-b fs-i">
                            Dépositaire :
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ groupData.corporateName }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ addressSellingPoint.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ addressSellingPoint.postalCode }} {{ addressSellingPoint.city }}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="fs-14">
                {% if purchaseSupplier.civility is defined %}
                    {{ purchaseSupplier.civility|trans({}, 'CommonTrans') }}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td class="fs-14">
                Je vous confirme les conditions suivant lesquelles le véhicule m'a été confié :
            </td>
        </tr>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Marque :
            </td>
            <td>
                {{ vehicleData.brand }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Modèle :
            </td>
            <td>
                {{ vehicleData.model }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Version :
            </td>
            <td>
                {{ vehicleData.version }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Immatriculé :
            </td>
            <td>
                {{ vehicleData.licenseNumber }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                M.E.C le :
            </td>
            <td>
                {{ vehicleData.dateOfDistribution|date('d/m/Y') }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                N° de série :
            </td>
            <td>
                {{ vehicleData.vin }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Type mine :
            </td>
            <td>
                {{ vehicleData.cnit }}
            </td>
        </tr>
        <tr>
            <td class="w-25"></td>
            <td class="w-25">
                Kilométrage :
            </td>
            <td>
                {{ vehicleData.distanceTraveled }}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td>
                Vous m'avez remis ce véhicule à titre de dépot gratuit, conformément aux articles 1921 et suivants du
                code civil.
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td>
                J'aurai à tous points de vue la garde du véhicule qui m'est confié, et je devrai en assumer l'entretien;
                j'en serai seul<br>
                responsable vis-à-vis des tiers, je m'engage par ailleurs, et sans que cela consitute une dérogation aux
                stipulations<br>
                qui précèdent, à ne faire circuler qu'après l'avoir assuré, garanti contre tous risques, accidents,
                incendies et vols.<br>
                La restitution du véhicule qui est en dépôt chez moi se fera dès votre demande dans l'état ou il m'a été
                confié.<br>
                En cas de vente de celui-ci par moi-même, le prix que je devrai verser est
                de {{ vehicleData.vehiclePurchase.priceTtc }} {{ currencySymbol }}.
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td>
                Veuillez agréer, Madame, Monsieur, l'expression de nos salutations distinguées.
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td>
                Véhicule déposé avec :
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-70 ta-right">
                <table>
                    <tr>
                        <td class="pad-r-10">
                            Double des clés
                        </td>
                        <td>
                            <div class="checkbox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="h-20"></td>
                    </tr>
                    <tr>
                        <td class="pad-r-10">
                            Carte grise
                        </td>
                        <td>
                            <div class="checkbox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="h-20"></td>
                    </tr>
                    <tr>
                        <td class="pad-r-10">
                            Ecrou anti-vol
                        </td>
                        <td>
                            <div class="checkbox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="h-20"></td>
                    </tr>
                    <tr>
                        <td class="pad-r-10">
                            Carnet et factures d'entretiens
                        </td>
                        <td>
                            <div class="checkbox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="h-20"></td>
                    </tr>
                    <tr>
                        <td class="pad-r-10">
                            Contrôle technique de moins de 6 mois
                        </td>
                        <td>
                            <div class="checkbox"></div>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-30"></td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="w-50">
                <table>
                    <tr>
                        <td>
                            Signature et cachet du propriétaire
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-50 ta-center">
                <table>
                    <tr>
                        <td>
                            Fait à {{ addressSellingPoint.city }}, le {{ globalF.getCurrentDate(timezone) }} à .....h.....
                        </td>
                    </tr>
                    <tr>
                        <td class="fs-10">
                            Signature et cachet du dépositaire
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
{% endblock content %}

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