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

{% 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'
        }
    %}
{% endblock header %}

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

{% block content %}

    <!-- content title -->

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

    <!-- content -->

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
        with {
            'tdWidth' : [20,20,20,30],
            'tdWidth2' : '4',
            'items' : [
                {'label' : 'Mise en circulation', 'value' : vehicleF.getDateOfDistribution(vehicle, {})},
                {'label' : 'Puissance fiscale', 'value' : vehicleF.getTaxHorsePower(vehicle, {})},
                {'label' : 'Energie', 'value' : vehicleF.getEnergy(vehicle, {})},
                {'label' : 'Kilométrage non garanti', 'value' : vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km"})},
            ]
        }
    %}

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

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\array_content_plv.html.twig'
        with {
            'tdWidth' : [20,70],
            'tdWidth2' : '4',
            'items' : [
                {'label' : 'Durée de la garantie', 'value' : vehicleF.getWarrantyDuration(vehicle, {})},
                {'label' : 'Libellé de garantie', 'value' : vehicleF.getWarranty(vehicle, {'truncate': 40})},
            ]
        }
    %}

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td><h5 class="fs-14 lh-14 fw-400 tt-u t-dark-grey">Équipement&nbsp;de&nbsp;série</h5></td>
            <td class="w-2"></td>
            <td class="w-60">
                <table class="w-100">
                    <tr><td class="w-100 h-6"></td></tr>
                    <tr><td class="w-100 l-light-grey"></td></tr>
                </table>
            </td>
            <td class="w-2"></td>
            <td><h5 class="fs-14 lh-14 fw-400 tt-u t-dark-grey">Équipement&nbsp;en&nbsp;option</h5></td>
            <td class="w-2"></td>
            <td class="w-40">
                <table class="w-100">
                    <tr><td class="w-100 h-6"></td></tr>
                    <tr><td class="w-100 l-light-grey"></td></tr>
                </table>
            </td>
        </tr>
    </table>

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

    <!-- price title -->

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

    <!-- price -->

    <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">{{ vehicleF.getPricePublic(vehicle, {'afterValue': ''}) }}</h3></td>
            <td class="w-2"></td>
            <td><h4 class="fs-26 lh-60 fw-400 tt-u t-black">ttc</h4></td>
        </tr>
    </table>

{% endblock content %}
{% block signature %}{% endblock signature %}
{% block footer %}{% endblock footer %}