{% 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\\vehicle_eurotax.html.twig' as vehicleEurotaxF %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle_note.html.twig' as vehicleNoteF %}

{% block content %}

    <!-- content title -->
    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title': 'VÉHICULE COTÉ LE ' ~ vehicleEurotaxF.getEurotaxCoteDate(vehicle.eurotax, {})} %}

    <!-- 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, {})},
                    ]
                },
            ]
        }
    %}

    {% block standard_equipment %}

        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;de&nbsp;série'} %}

        <table class="w-100">
            <tr><td class="h-20"></td></tr>
            <tr>
                {{ vehicleF.getEquipmentStandardList(vehicle, {
                    'truncate': 45,
                    'maxElt': 22,
                    'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                    'afterValue': '</p>',
                    'isTwoColumn': true
                }) }}

            </tr>
        </table>

    {% endblock %}


    {% block optional_equipment %}

        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;option'} %}

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

                {{ vehicleF.getEquipmentOptionalList(vehicle, {
                    'truncate': 45,
                    'maxElt': 18,
                    'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                    'afterValue': '</p>',
                    'isTwoColumn' : true,
                    'displayPrice' : true
                }) }}

            </tr>
        </table>

    {% endblock %}

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Detail&nbsp;cotation'} %}

    <!-- equipement -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-38">
                <p class="fs-14 lh-18 fw-400 t-black"><span>-&nbsp;</span>Cours Moyen.</p>
                <p class="fs-14 lh-18 fw-400 t-black"><span>-&nbsp;</span>Répercussion des options.</p>
            </td>
            <td class="w-2"></td>
            <td class="w-8">
                <p class="fs-14 lh-18 fw-400 ta-right t-black">{{ vehicleEurotaxF.getValueAverage(vehicle.eurotax, {}) }}<span>&nbsp;{{ currencySymbol }}</span></p>
                <p class="fs-14 lh-18 fw-400 ta-right t-black">{{ vehicleEurotaxF.getValueOption(vehicle.eurotax, {}) }}<span>&nbsp;{{ currencySymbol }}</span></p>
            </td>
            <td class="w-2"></td>
            <td class="w-38">
                <p class="fs-14 lh-18 fw-400 t-black"><span>-&nbsp;</span>Répercussion de la MEC.</p>
                <p class="fs-14 lh-18 fw-400 t-black"><span>-&nbsp;</span>Répercussion du kilométrage.</p>
            </td>
            <td class="w-2"></td>
            <td class="w-10">
                <p class="fs-14 lh-18 fw-400 ta-right t-black">{{ vehicleEurotaxF.getValueMec(vehicle.eurotax, {}) }}</p>
                <p class="fs-14 lh-18 fw-400 ta-right t-black">{{ vehicleEurotaxF.getValueKm(vehicle.eurotax, {}) }}</p>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-100 l-light-grey tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">Côte du véhicule</p>
                <h6 class="fs-14 lh-18 fw-400 ta-center t-black">{{ vehicleEurotaxF.getValueCote(vehicle.eurotax, {}) }}<span>&nbsp;{{ currencySymbol }}</span></h6>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
        </tr>
    </table>

    <!-- notes title -->

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Remarques'} %}

    <!-- notes -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr><td class="w-100"><p class="fs-14 lh-18 fw-400 t-black">{{ vehicleNoteF.getNoteAdministration(vehicle.note, {}) }}</p></td></tr>
    </table>

{% endblock content %}
{% block signature %}{%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 %}