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

{% block header %}
    {% block specificHeader %}{% endblock %}
    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\advertising_paper_portrait_header.html.twig'
        with {
        'asideLabel' : 'Numéro de police : ',
        'asideValue' : vehicleF.getVo(vehicle, {'previousValue': ''}),
        'titleBrand' : vehicleF.getBrand(vehicle, {}),
        'titleModel' : vehicleF.getModel(vehicle, {'truncate': 45}),
        'titleVersion' : vehicleF.getVersion(vehicle, {'truncate': 90}),
        'width1' : '4',
        'width2' : '92',
        'asideClass' : specificAside is defined ? specificAside : 'aside-landscape-portrait',
        'twoLines' : true
    } %}
{% endblock header %}

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

{% block content %}
    <table class="w-100">
    <tr class="h-20"></tr>
</table>

    <!-- content -->

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

    {% block characteristics %}
        {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
            with {
            'tdWidth' : [30,30,30],
            'tdWidth2' : '3',
            'toFill' : true,
            'items' : [
                {'label' : 'Mise en circulation', 'value' : vehicleF.getDateOfDistribution(vehicle, {}), 'displayLabel' : true, 'labelValue' : vehicleData.dateOfDistribution},
                {'label' : 'Puissance fiscale', 'value' : vehicleF.getTaxHorsePower(vehicle, {}), 'displayLabel' : true, 'labelValue' : vehicleData.taxHorsepower},
                {'label' : 'Energie', 'value' : vehicleF.getEnergy(vehicle, {}), 'displayLabel' : true, 'labelValue' : vehicleData.energy},
            ]
        } %}

        {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
            with {
            'tdWidth' : [30,30,30],
            'tdWidth2' : '3',
            'toFill' : true,
            'items' : [
                {
                    'label' : vehicleData.distanceTraveledWarranty ? 'Kilométrage garanti' : 'Kilométrage non garanti',
                    'value' : vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km"}),
                    'displayLabel' : true,
                    'labelValue' : vehicleData.distanceTraveled
                },
                {'label' : 'Immatriculation', 'value' : vehicleF.getLicenseNumber(vehicle, {"afterValue": ""}), 'displayLabel' : true, 'labelValue' : vehicleData.licenseNumber},
                {'label' : 'Numéro de série', 'value' : vehicleF.getVin(vehicle, {'truncate': 40}), 'displayLabel' : true, 'labelValue' : vehicleData.vin},
            ]
        } %}

        {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
            with {
            'tdWidth' : [30,30,30],
            'tdWidth2' : '3',
            'toFill' : true,
            'items' : [
                {'label' : 'Provenance', 'value' : vehicleFollowF.getOrigin(vehicle.follow, {'truncate': 40}), 'displayLabel' : true, 'labelValue' : vehicleData.follow.origin},
                {'label' : 'Origine', 'value' : vehicleF.getCountry(vehicle, {'truncate': 40, 'countries': countries}), 'displayLabel' : true, 'labelValue' : vehicleData.country},
                {'label' : 'Co2', 'value' : vehicleF.getExtraUrbanKmConsumption(vehicle), 'urlImage' : vehicleF.getAirQualityCertificationUrl(vehicle, {}), 'displayLabel' : true, 'labelValue' : vehicleData.extraUrbanKmConsumption},
            ]
        } %}
        {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
            with {
            'tdWidth' : [90],
            'tdWidth2' : '3',
            'toFill' : true,
            'items' : [
                {'label' : 'Garantie', 'value' : vehicleF.getWarranty(vehicle, {'truncate': 60, 'previousValue': vehicleF.getWarrantyDuration(vehicle)}), 'displayLabel' : true, 'labelValue' : vehicleData.warrantyLabel},
            ]
        } %}

    {% endblock %}

    <!-- equipement standard  -->
    {% if displayEquipmentsStandard %}
        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;série'} %}
        <table class="w-100">
            <tr class="h-20"></tr>
            <tr>
                {{ vehicleF.getEquipmentStandardList(vehicle, {
                    'truncate': 45,
                    'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsStandardToDisplay,
                    'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                    'afterValue': '</p>',
                    'isTwoColumn' : true,
                    'displayPrice' : false,
                    'toDisplay' : useCheckedEquipments
                }) }}
            </tr>
        </table>
    {% endif %}


    <!-- equipement option  -->
    {% if displayEquipmentsOptional %}
        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;option'} %}
        <table class="w-100">
            <tr class="h-20"></tr>
            <tr>
                {{ vehicleF.getEquipmentOptionalList(vehicle, {
                    'truncate': 45,
                    'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsOptionalToDisplay,
                    'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                    'afterValue': '</p>',
                    'isTwoColumn' : true,
                    'displayPrice' : displayOptionalPrice,
                    'toDisplay' : useCheckedEquipments
                }) }}
            </tr>
        </table>
    {% endif %}

    {% block photos %}
        {% if displayPhotos %}
            <!-- pictures -->
            <table class="w-100">
                <tr>
                    <td class="h-20"></td>
                </tr>
                <tr>
                    {% if numberPhotos == 1 %}
                        <td class="w-28"></td>
                        <td>
                            {% if vehicleMediaList is defined and vehicleMediaList is not empty %}
                                {% set image = vehicleMediaList|first %}
                                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                                    'image': image,
                                    'containerImgWidth' : 400,
                                    'containerImgHeight' : 250
                                } %}
                            {% endif %}
                        </td>
                    {% else %}
                        <td class="w-48">
                            {% if vehicleMediaList is defined and vehicleMediaList is not empty %}
                                {% set image = vehicleMediaList|first %}
                                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                                    'image': image,
                                    'containerImgWidth' : 400,
                                    'containerImgHeight' : 250
                                } %}
                            {% endif %}
                        </td>
                        <td class="w-4"></td>
                        <td class="w-48">
                            {% if vehicleMediaList is defined and vehicleMediaList is not empty %}
                                {% set image = vehicleMediaList[1] %}
                                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                                    'image': image,
                                    'containerImgWidth' : 400,
                                    'containerImgHeight' : 250
                                } %}
                            {% endif %}
                        </td>
                    {% endif %}
                </tr>
            </table>
        {% endif %}
    {% endblock %}

    <!-- price  -->

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Prix&nbsp;(hors&nbsp;frais&nbsp;supplementaires)'} %}

    <table class="w-100">
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            {% if priceCenter is defined and priceCenter == true %}
                <td class="w-25"></td>
            {% endif %}
            <td class="{% if priceCenter is defined and priceCenter == true %}w-52{% else %}w-98{% endif %}"><h3
                        class="fs-90 lh-90 fw-800 {% if priceCenter is defined and priceCenter == true %}ta-center{% else %}ta-right{% endif %} t-black">
                    {{ currency == 'ht' ? vehicleF.getPricePublicWithoutTax(vehicle, {'afterValue': ''}) : vehicleF.getPricePublic(vehicle, {'afterValue': ''}) }}</h3>
            </td>
            <td class="w-2"></td>
            <td><h4 class="fs-26 lh-60 fw-400 tt-u t-black">{{ currency }}</h4></td>
        </tr>
    </table>

    {% if displayValueNew %}
        <table class="w-100">
            <tr>
                <td class="h-20"></td>
            </tr>
            <tr>
                <td class="w-98"><h6
                            class="fs-26 lh-32 fw-400 ta-right fs-i t-dark-grey">{{ vehicleEurotaxF.getValueNewOption(vehicle.eurotax, {'previousValue' : 'Valeur à neuve : ', 'afterValue' : ''}) }}</h6>
                </td>
                <td class="w-4"></td>
                <td><h4 class="fs-22 lh-26 fw-400 tt-u t-dark-grey">{{ currency }}</h4></td>
            </tr>
        </table>
    {% endif %}

    {% if vehicleData.isRecoverableVat %}
        <table class="w-100">
            <tr>
                <td class="h-20"></td>
            </tr>
            <tr>
                <td class="w-98"><h6
                            class="fs-26 lh-26 fw-400 ta-right fs-i t-dark-grey">TVA Récupérable</h6>
                </td>
            </tr>
        </table>
    {% endif %}

{% endblock content %}
{% block signature %}{% endblock signature %}
{% block footer %}
    {% if displayLegalFooter %}
        {% include 'AppBundle:Documents:v2\\Include\\Global\\footer.html.twig' with {'object': group, 'footerClass': 'fs-10 lh-12 fw-400 fs-i ta-center t-dark-grey', 'footerId': 'footer-portrait-special'} %}
    {% endif %}
{% endblock footer %}