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

    {% 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' : 'aside-landscape',
        'twoLines' : true
    } %}
{% endblock header %}

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

{% block content %}

    <!-- content -->

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

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
        with {
        'tdWidth' : [20,20,20,30],
        'tdWidth2' : '5',
        '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},
            {'label' : 'Kilométrage non garanti', 'value' : vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km"}), 'displayLabel' : true, 'labelValue' : vehicleData.distanceTraveled},
        ]
    } %}

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
        with {
        'tdWidth' : [20,20,20,30],
        'tdWidth2' : '5',
        'toFill' : true,
        'items' : [
            {'label' : 'Provenance', 'value' : vehicleFollowF.getOrigin(vehicle.follow, {'truncate': 20}), 'displayLabel' : true, 'labelValue' : vehicleData.follow.origin},
            {'label' : 'Origine', 'value' : vehicleF.getCountry(vehicle, {'truncate': 20, 'countries': countries}), 'displayLabel' : true, 'labelValue' : vehicleData.country},
            {'label' : 'Immatriculation', 'value' : vehicleF.getLicenseNumber(vehicle, {"afterValue": ""}), 'displayLabel' : true, 'labelValue' : vehicleData.licenseNumber},
            {'label' : 'Numéro de série', 'value' : vehicleF.getVin(vehicle, {'truncate': 20}), 'displayLabel' : true, 'labelValue' : vehicleData.vin},
        ]
    } %}

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
        with {
        'tdWidth' : [20,70],
        'tdWidth2' : '5',
        'toFill' : true,
        'items' : [
            {'label' : 'Co2', 'value' : vehicleF.getExtraUrbanKmConsumption(vehicle), 'urlImage' : vehicleF.getAirQualityCertificationUrl(vehicle, {}), 'displayLabel' : true, 'labelValue' : vehicleData.extraUrbanKmConsumption},
            {'label' : 'Garantie', 'value' : vehicleF.getWarranty(vehicle, {'truncate': 60, 'previousValue': vehicleF.getWarrantyDuration(vehicle)}), 'displayLabel' : true, 'labelValue' : vehicleData.warrantyLabel},
        ]
    } %}

    <table class="w-100">
        <tr>
            {% if displayPhotos and vehicleMediaList is defined and vehicleMediaList is not empty %}
                <td class="w-30"></td>
                {% if displayEquipmentsStandard == false or vehicleData.equipmentStandardNotEmpty == false %}
                    <td class="w-60">
                {% else %}
                    <td class="w-30">
                {% endif %}
                {% if displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;option'} %}
                {% endif %}
                </td>
                <td class="w-4"></td>
            {% elseif displayEquipmentsStandard == false or vehicleData.equipmentStandardNotEmpty == false %}
                <td class="w-90">
                    {% if displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;option'} %}
                    {% endif %}
                </td>
            {% elseif displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                <td class="w-48">
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;option'} %}
                </td>
                <td class="w-4"></td>
            {% endif %}
            {% if displayPhotos and vehicleMediaList is defined and vehicleMediaList is not empty %}
                {% if displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                    <td class="w-30">
                        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;série'} %}
                    </td>
                {% endif %}
            {% elseif displayEquipmentsOptional == false or vehicleData.equipmentOptionalNotEmpty == false %}
                <td class="w-90">
                    {% if displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;série'} %}
                    {% endif %}
                </td>
            {% else %}
                {% if displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                    <td class="w-48">
                        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Équipement&nbsp;en&nbsp;série'} %}
                    </td>
                {% endif %}
            {% endif %}
        </tr>
        <tr>
            {% if displayPhotos and vehicleMediaList is defined and vehicleMediaList is not empty %}
                <td class="w-30">
                    {% set image = vehicleMediaList|first %}
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                        'image': image,
                        'containerImgWidth' : 400,
                        'containerImgHeight' : 250
                    } %}
                </td>
            {% endif %}

            {% if displayPhotos and vehicleMediaList is defined and vehicleMediaList is not empty %}
                {% if displayEquipmentsStandard == false or vehicleData.equipmentStandardNotEmpty == false %}
                    {% if displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                        <td class="w-70">
                            {{ vehicleF.getEquipmentOptionalList(vehicle, {
                                'truncate': 45,
                                'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsOptionalToDisplay,
                                'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                                'afterValue': '</p>',
                                'isTwoColumn' : false,
                                'displayPrice' : displayOptionalPrice,
                                'toDisplay' : useCheckedEquipments
                            }) }}
                        </td>
                    {% endif %}
                {% elseif displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                    <td class="w-30">
                        {{ vehicleF.getEquipmentOptionalList(vehicle, {
                            'truncate': 45,
                            'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsOptionalToDisplay,
                            'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                            'afterValue': '</p>',
                            'isTwoColumn' : false,
                            'displayPrice' : displayOptionalPrice,
                            'toDisplay' : useCheckedEquipments
                        }) }}
                    <td class="w-4"></td>
                {% endif %}
            {% elseif displayEquipmentsStandard == false or vehicleData.equipmentStandardNotEmpty == false %}
                {% if displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                    <td class="w-90">
                        {{ vehicleF.getEquipmentOptionalList(vehicle, {
                            'truncate': 45,
                            'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsOptionalToDisplay,
                            'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                            'afterValue': '</p>',
                            'isTwoColumn' : false,
                            'displayPrice' : displayOptionalPrice,
                            'toDisplay' : useCheckedEquipments
                        }) }}
                    </td>
                {% endif %}
            {% elseif displayEquipmentsOptional and vehicleData.equipmentOptionalNotEmpty %}
                <td class="w-48">
                    {{ vehicleF.getEquipmentOptionalList(vehicle, {
                        'truncate': 45,
                        'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsOptionalToDisplay,
                        'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                        'afterValue': '</p>',
                        'isTwoColumn' : false,
                        'displayPrice' : displayOptionalPrice,
                        'toDisplay' : useCheckedEquipments
                    }) }}
                </td>
                <td class="w-4"></td>
            {% endif %}
            {% if displayPhotos and vehicleMediaList is defined and vehicleMediaList is not empty %}
                {% if displayEquipmentsOptional == false or vehicleData.equipmentOptionalNotEmpty == false %}
                    {% if displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                        <td class="w-70">
                            {{ vehicleF.getEquipmentStandardList(vehicle, {
                                'truncate': 45,
                                'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsStandardToDisplay,
                                'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                                'afterValue': '</p>',
                                'isTwoColumn' : false,
                                'displayPrice' : false,
                                'toDisplay' : useCheckedEquipments
                            }) }}
                        </td>
                    {% endif %}
                {% elseif displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                    <td class="w-30">
                        {{ vehicleF.getEquipmentStandardList(vehicle, {
                            'truncate': 45,
                            'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsStandardToDisplay,
                            'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                            'afterValue': '</p>',
                            'isTwoColumn' : false,
                            'displayPrice' : false,
                            'toDisplay' : useCheckedEquipments
                        }) }}
                    <td class="w-4"></td>
                {% endif %}
            {% elseif displayEquipmentsOptional == false or vehicleData.equipmentOptionalNotEmpty == false %}
                {% if displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                    <td class="w-90">
                        {{ vehicleF.getEquipmentStandardList(vehicle, {
                            'truncate': 45,
                            'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsStandardToDisplay,
                            'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                            'afterValue': '</p>',
                            'isTwoColumn' : false,
                            'displayPrice' : false,
                            'toDisplay' : useCheckedEquipments
                        }) }}
                    </td>
                {% endif %}
            {% elseif displayEquipmentsStandard and vehicleData.equipmentStandardNotEmpty %}
                <td class="w-48">
                    {{ vehicleF.getEquipmentStandardList(vehicle, {
                        'truncate': 45,
                        'maxElt' : useCheckedEquipments ? 20 : numberEquipmentsStandardToDisplay,
                        'previousValue': '<p class="fs-14 lh-18 fw-400 t-black">- ',
                        'afterValue': '</p>',
                        'isTwoColumn' : false,
                        'displayPrice' : false,
                        'toDisplay' : useCheckedEquipments
                    }) }}
                </td>
                <td class="w-4"></td>
            {% endif %}
        </tr>
    </table>
    <div class="m-b-20 fs-12">
        {{ documentSettingsContent|raw }}
    </div>
    <!-- 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>
            <td class="w-98"><h3
                        class="fs-90 lh-90 fw-800 ta-right 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-2"></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-landscape'} %}
    {% endif %}
{% endblock footer %}