{% extends 'AppBundle:Documents:v2\\Include\\Administrative\\vehicles.html.twig' %}

{% set vehicleSelling = sellingData.vehicleSellings[0] %}
{% set vehicleSellingData = vehicleSelling is not null ? vehicleSelling.vehicleData : null %}
{% set vehiclePartExchange = sellingData.partExchangePurchase %}
{% set vehiclePartExchangeData = vehiclePartExchange is not null ? vehiclePartExchange.vehicleData : null %}
{% set hasHighlightMedia = vehicleMediaList is defined and vehicleMediaList|length > 0 %}
{% set containerImgWidth = 440 %}
{% set containerImgHeight = 240 %}

{% block main_title %}
    <div class="m-b-10">
        {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {
            'title' : 'vehicle.selling.ordered_complete'|trans({}, 'DocumentTrans')
        } %}
    </div>
{% endblock main_title %}

{% block vehicle_title %}
{% endblock vehicle_title %}

{% block side_vehicle_title %}
{% endblock side_vehicle_title %}

{% block vehicle_data %}
    <td class="border-light-grey b-b-n p-10" style="height: {{ containerImgHeight - 50 }}px;">
        {% include 'AppBundle:Documents:v2\\Include\\Administrative\\selling_vehicle.html.twig' with {
            'vehicleData': vehicleSellingData,
            'nbColumns': 2
        } %}
    </td>
{% endblock vehicle_data %}

{% block side_vehicle_data %}
    {% if hasHighlightMedia == true %}
        <td class="w-2"></td>
        <td rowspan="2" style="width: {{ containerImgWidth }}px;">
            {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                'image': vehicleMediaList|first,
                'containerImgWidth': containerImgWidth,
                'containerImgHeight': containerImgHeight,
                'fill': true
            } %}
        </td>
    {% endif %}
{% endblock side_vehicle_data %}

{% block side_vehicle_price %}
{% endblock side_vehicle_price %}

{% block misc %}
    {% if hasExchange == true %}
        <div class="m-b-10">
            {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {
                'title' : 'vehicle.part_exchange.title'|trans({}, 'DocumentTrans')
            } %}
        </div>

        <table class="w-100 fs-12 lh-12">
            <tbody>
                <tr>
                    <td class="b-very-light-grey">
                        <div class="p-10">
                            {% include 'AppBundle:Documents:v2\\Include\\Administrative\\part_exchange.html.twig' with {
                                'vehicleData' : vehiclePartExchangeData,
                                'nbColumns': 2
                            } %}
                        </div>
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td class="t-white b-dark-grey p-10">
                        <table class="w-100">
                            <tr>
                                <td>
                                    <p class="ta-right">
                                        <span class="fs-i fw-b">
                                            {{ 'vehicle.part_exchange.today_value'|trans({}, 'DocumentTrans' ) }}
                                        </span>
                                        <span class="fw-b m-l-10">
                                            {{ vehiclePartExchange.priceWithTax|number_format(2, ',', ' ') }}{{ currencySymbol }}
                                        </span>
                                    </p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </tfoot>
        </table>
    {% endif %}
{% endblock misc %}