{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}

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

{% block content %}
    <!-- content 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">Je soussigné, {{ groupF.getCorporateName(group, {})|trim }}, reconnais avoir pris possession, ce jour, de la garde juridique par le contrôle, la direction et l'usage du véhicule :</p></td></tr>

    <!-- content -->
    <table class="w-100">
        <tr><td class="h-20"></td></tr>
    </table>

    {% include 'AppBundle:Documents:v2\\Include\\Global\\array_content.html.twig'
        with {
        'rowList' :
            [
                {
                    'widthCells' : [1,2,3,4],
                    'cellTdClass' : 'l-light-grey tab-light-grey',
                    'items' : [
                        {'label' : 'Type', 'value' : vehicleF.getTypeVoVn(vehicle, {})},
                        {'label' : 'Marque', 'value' : vehicleF.getBrand(vehicle, {'truncate': 40})},
                        {'label' : 'Modèle', 'value' : vehicleF.getModel(vehicle, {'truncate': 40})},
                        {'label' : 'Version', 'value' : vehicleF.getVersion(vehicle, {'truncate': 40})},
                    ]
                },
                {
                    'widthCells' : [1,2,3,4],
                    'items' : [
                        {'label' : 'Genre', 'value' : vehicleF.getVehicleType(vehicle, {})},
                        {'label' : 'Energie', 'value' : vehicleF.getEnergy(vehicle, {})},
                        {'label' : 'Puissance fiscale', 'value' : vehicleF.getTaxHorsePower(vehicle, {})},
                        {'label' : 'Numéro de série', 'value' : vehicleF.getVin(vehicle, {'truncate': 40})},
                    ]
                },
                {
                    'widthCells' : [2,2,2,4],
                    'items' : [
                        {'label' : 'Mise en circulation', 'value' : vehicleF.getDateOfDistribution(vehicle, {})},
                        {'label' : 'Couleur', 'value' : vehicleF.getColor(vehicle, {})},
                        {'label' : 'Immatriculation', 'value' : vehicleF.getLicenseNumber(vehicle, {"afterValue": ""})},
                        {'label' : 'Kilométrage non garanti', 'value' : vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km"})},
                    ]
                },
                {
                    'widthCells' : [2,2,3,3],
                    'items' : [
                        {'label' : 'Puissance DIN', 'value' : vehicleF.getHorsePower(vehicle, {})},
                        {'label' : 'Provenance', 'value' :  vehicleFollowF.getOrigin(vehicle.follow, {'truncate': 40})},
                        {'label' : 'Origine', 'value' : vehicleF.getCountry(vehicle, {'truncate': 40, 'countries': countries})},
                        {'label' : 'CO2', 'value' : vehicleF.getExtraUrbanKmConsumption(vehicle, {})},
                    ]
                }

            ]
        }
    %}

    <table class="w-100">
        <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">A compter de cet instant, j'assure la garde juridique de ce véhicule. Je déclare avoir reçu et être en possession des papiers nécessaires pour la nouvelle immatriculation. Je m'engage à ne pas mettre le véhicule en circulation sans avoir, au préalable, fait établir la nouvelle carte grise. Je déclare avoir pris connaissance du kilométrage indiqué au compteur.</p></td></tr>
        <tr><td class="h-20"></td></tr>
        <tr><td class="h-20"><p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">Par la présente, je dégage : <span class="tt-u t-black">{{ contactF.getContactLabel(vehicle.purchase.newSupplier.contact, {})|trim }}</span>, ancien propriétaire du véhicule, ainsi que tout autre intermédiaire interposé dans sa vente, de toutes responsabilités civiles et pénales liées à la garde et à la conduite, à compter de ce jour, et renoncer aux dispositions de l'article 19 bis de la loi du 13 juillet 1930 concernant l'assurance accident.</p></td></tr>
    </table>

{% endblock content %}
{% block signature %}

    {% include 'AppBundle:Documents:v2\\Include\\Global\\signature_twice.html.twig'
        with {
            'columnList':
                [
                    {
                        'label' : "Acheteur",
                        'lineList' :
                        [
                            {
                                'content' : groupF.getCorporateName(group, {}),
                                'lineClass' : 'fs-26 lh-32 fw-400 tt-u t-black',
                                'hasSpaceAfter' : true
                            },
                            {
                                'content' : groupF.getAddress(group.addressSellingPoint, {'activeNl2br': false })
                            },
                            {
                                'content' : groupF.getPhoneNumber(group, {})
                            },
                            {
                                'content' : groupF.getEmail(group, {})
                            }
                        ]
                    },
                    {
                        'label' : "Propriétaire&nbsp;-&nbsp;vendeur",
                        'lineList' :
                        [
                            {
                                'content' : contactF.getContactLabel(vehicle.purchase.newSupplier.contact, {}),
                                'lineClass' : 'fs-26 lh-32 fw-400 tt-u t-black',
                                'hasSpaceAfter' : true
                            },
                            {
                                'content' : addressF.getAddress(vehicle.purchase.newSupplier.addressHistory, {}) ~ addressF.getPostalCode(vehicle.purchase.newSupplier.addressHistory, {}) ~ addressF.getCity(vehicle.purchase.newSupplier.addressHistory, {})
                            },
                            {
                                'content' : groupF.getPhoneNumber(vehicle.purchase.supplier, {})
                            },
                            {
                                'content' : groupF.getEmail(vehicle.purchase.supplier, {})
                            }
                        ]
                    }
                ]
        }
    %}

    <table class="w-100">
        <tr><td class="h-40"></td></tr>
        <tr>
            <td class="w-100">
                {% set currentDate = "now"|date %}
                <p class="fs-14 lh-18 fw-400 ta-right t-black">Fait à {{ groupF.getAddressBilling(group, {'displayAddress': false, 'displayPostalCode': false, 'displayCity': true})|trim }}, en deux exemplaires, le {{ globalF.formatDate(currentDate, {'timezone': timezone})|trim }}.</p>
                <table><tr><td class="h-20"></td></tr></table>
                <table class="w-100">
                    <tr>
                        <td class="w-70 h-100"></td>
                        <td class="w-30 h-100 l-light-grey tab-light-grey"></td>
                    </tr>
                </table>
                <table><tr><td class="h-20"></td></tr></table>
                <h6 class="fs-14 lh-18 fw-400 fs-i ta-right t-dark-grey">Signature de l'acheteur précédée de la mention "lu et approuvé".</h6>
            </td>
        </tr>
        <tr>
            <td class="h-60"></td>
        </tr>
    </table>
{% endblock signature %}
{% block footer %}
    {% include 'AppBundle:Documents:v2\\Include\\Global\\footer.html.twig' with {'footerClass' : 'fs-6 lh-6 fw-400 fs-i ta-center t-dark-grey'} %}
{% endblock footer %}