{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle.html.twig' as vehicleF %}

{% block header %}{% endblock header %}
{% block content %}
    <!-- content title -->
    <table><tr><td class="h-20"></td></tr></table>
    <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Information en application à la directive 1999/94/CE.</p>

    <!-- content -->
    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Marque</p>
                <h6 class="fs-26 lh-32 fw-400 t-black">{{ vehicleF.getBrand(vehicle, {'truncate': 40}) }}</h6>
            </td>
            <td class="w-30">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Modèle</p>
                <h6 class="fs-26 lh-32 fw-400 t-black">{{ vehicleF.getModel(vehicle, {'truncate': 40}) }}</h6>
            </td>
            <td class="w-50">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Version</p>
                <h6 class="fs-26 lh-32 fw-400 t-black">{{ vehicleF.getVersion(vehicle, {'truncate': 40}) }}</h6>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr class="w-100">
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Energie</p>
                <h6 class="fs-26 lh-32 fw-400 t-black">{{ vehicleF.getEnergy(vehicle, {}) }}</h6>
            </td>
        </tr>
    </table>

    <!-- conso title -->

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

    <!-- conso -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-100">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Mesures effectuées selon la directive 80/1268/CEE modifiée 1999/100/CE.</p>
                <table><tr><td class="h-20"></td></tr></table>
                <h1 class="fs-60 lh-60 fw-800 t-black">{{ vehicleF.getMixteConsumption(vehicle, {} ) }}<span></span></h1>
                <table><tr><td class="h-20"></td></tr></table>
                <h6 class="fs-26 lh-32 fw-400 t-black">Consommation urbaine : {{ vehicleF.getUrbanConsumption(vehicle, {"afterValue": "l/100 km."}) }}</h6>
                <h6 class="fs-26 lh-32 fw-400 t-black">Consommation extra-urbaine : {{ vehicleF.getExtraUrbanConsumption(vehicle, {"afterValue": "l/100 km."} ) }}</h6>
            </td>
        </tr>
    </table>

    <!-- CO2 title -->

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

    <!-- conso -->

    <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">Le CO2 (dioxyde de carbone) est le principal gaz à effet de serre responsable du changement climatique.<br>Mesures effectuées selon la directive 80/1268/CEE modifiée 1999/100/CE.</p>
                <table><tr><td class="h-20"></td></tr></table>
                <p class="fs-14 lh-18 fw-400 t-black">Emissions de CO2 faibles</p>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-60">
                
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'Inférieures ou égales à 100 g/km', 'backgroundColor' : '#66CC66', 'letter' : 'A', 'width1' : '0', 'width2' : '28', 'arrow_right_letter' : 'arrow-right-a', 'arrow_left_letter' : 'arrow-left-a', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'De 101 à 120g/km', 'backgroundColor' : '#88CC66', 'letter' : 'B', 'width1' : '2', 'width2' : '26', 'arrow_right_letter' : 'arrow-right-b', 'arrow_left_letter' : 'arrow-left-b', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'De 121 à 140g/km', 'backgroundColor' : '#AACC66', 'letter' : 'C', 'width1' : '4', 'width2' : '24', 'arrow_right_letter' : 'arrow-right-c', 'arrow_left_letter' : 'arrow-left-c', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'De 141 à 160g/km', 'backgroundColor' : '#E6E673', 'letter' : 'D', 'width1' : '6', 'width2' : '22', 'arrow_right_letter' : 'arrow-right-d', 'arrow_left_letter' : 'arrow-left-d', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'De 161 à 200g/km', 'backgroundColor' : '#FFD580', 'letter' : 'E', 'width1' : '8', 'width2' : '20', 'arrow_right_letter' : 'arrow-right-e', 'arrow_left_letter' : 'arrow-left-e', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'De 201 à 250g/km', 'backgroundColor' : '#FFAA80', 'letter' : 'F', 'width1' : '10', 'width2' : '18', 'arrow_right_letter' : 'arrow-right-f', 'arrow_left_letter' : 'arrow-left-f', 'object' : vehicle} %}
                {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_consumption.html.twig' 
                    with {'label' : 'Supérieures à 250g/km', 'backgroundColor' : '#FF8080', 'letter' : 'G', 'width1' : '12', 'width2' : '16', 'arrow_right_letter' : 'arrow-right-g', 'arrow_left_letter' : 'arrow-left-g', 'object' : vehicle} %}
            </td>

            <td class="w-40"><table class="w-100"><tr><td><h1 class="fs-60 lh-60 fw-800 t-black ta-right">{{ vehicleF.getExtraUrbanKmConsumption(vehicle, {} ) }}</h1></td></tr></table></td>
        </tr>
    </table>

    <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">Emissions de CO2 élevées</p>
                <table><tr><td class="h-20"></td></tr></table>
                <p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">La consommation de carburant et les émissions de CO2 d'un véhicule sont fonction non seulement de son rendement énergétique, mais également du comportement au volant et d'autres facteurs non techniques. Les informations sur les consommations de carburant et les émissions de CO2 de tous les modèles de voitures particulières neuves, contenues dans le guide de l'ADEME, peuvent être obtenues gratuitement dans tous les points de vente, auprès de l'ADEME et consultées sur le site internet : <span class="td-u">www.ademe.fr</span></p>
            </td>
        </tr>
        <tr><td class="h-60"></td></tr>
    </table>
 
{% endblock content %}
{% block signature %}{% endblock signature %}
{% block footer %}{% endblock footer %}