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

    <!-- header -->
    {% block header %}{% endblock header %}

    <!-- content title -->
    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title': 'DÉSIGNATION DU VÉHICULE'} %}

    <!-- 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><p class="fs-14 lh-18 fw-400 t-black">Je certifie que le kilométrage lu au compteur est de {{ vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km."}) }}</p></td></tr>
    </table>

    <table class="w-100">
        <tr><td class="h-10"></td></tr>
        <tr>
            <td class="w-70"><p class="fs-14 lh-18 fw-400 t-black">Je certifie que le kilométrage est :</p>
            <td class="w-2"></td>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Réel', 'labelWidth' : 'w-10'} %}
            <td class="w-2"></td>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Moteur', 'labelWidth' : 'w-10'} %}
            <td class="w-2"></td>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Compteur', 'labelWidth' : 'w-10'} %}
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-10"></td></tr>
        <tr>
            <td class="w-70"><p class="fs-14 lh-18 fw-400 t-black">Je certifie que ce véhicule n'a jamais été accidenté depuis que j'en suis propriétaire :</p>
            <td class="w-2"></td>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Oui', 'labelWidth' : 'w-10'} %}
            <td class="w-2"></td>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Non', 'labelWidth' : 'w-10'} %}
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr><td><p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">Au moment de la remise du véhicule à :</p></td></tr>
    </table>

    <!-- parties -->

{% 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 précédée de la mention "persiste et signe".</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 {'object': group, 'footerClass': 'fs-6 lh-6 fw-400 fs-i ta-center t-dark-grey' } %}
{% endblock footer %}