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

{% set containerImgWidth = 375 %}
{% set containerImgHeight = 275 %}
{% set displayDiscount = false %}
{% set classDiscount = 'w-48-1' %}
{% if sellingData.prices.priceDiscount != 0 %}
    {% set displayDiscount = true %}
    {% set classDiscount = 'w-49' %}
{% endif %}

{% block style %}
    {{ parent() }}
    <style>
        .img-td img{
            margin: 0px !important;
        }
    </style>
{% endblock %}

{% block header %}
    {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\header.html.twig' with 
        {
            'displaySeller': false
        }
    %}
{% endblock header %}


{% block main_title %}
    <table class="w-100">
        <tr>
            <td class="w-98 ta-center fw-800 fs-26 pad-b-20 pad-t-20 l-spacing-1 img-td">
                {% if object.number is not empty %}
                    {{ 'title.commercial_proposition'|trans({'%number%' : object.number}, 'DocumentTrans' )|upper }}
                {% endif %}
            </td>
        </tr>
    </table>

{% endblock main_title %}

{% block signature %}

{% endblock signature %}

{% block content %}
    <table class="w-100">
        <tr>
            <td class="w-50 pad-t-10" rowspan="2">
                <table class="w-100">
					<tr>
						<td class="ta-center v-a-middle img-td">
                            {% if vehicleMediaList is defined and vehicleMediaList is not empty %}
                                {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with 
                                    {
                                        'image': vehicleMediaList|first,
                                        'containerImgWidth': containerImgWidth,
                                        'containerImgHeight': containerImgHeight,
                                    } 
                                %}
                            {% endif %}
                        </td>
					</tr>
				</table>
            </td>
            <td class="w-50 pad-t-10">
                <table class="w-100">
					<tr>
						<td class="ta-center h-150 border-black fs-18 v-a-middle pad-5">
                            <p> {{ vehicleData.brand }} </p>
                            <p> {{ vehicleData.model }} </p>
                            <p> {{ vehicleData.version }} </p>
                        </td>
					</tr>
				</table>
            </td>
        </tr>
        <tr>
            <td class="w-100 pad-t-20">
                <table class="w-99_8">
					<tr>
						<td class="h-10 lb-black ta-center w-4"></td>
						<td class="v-a-middle ta-center fs-13 w-12" rowspan="3"> {{ 'trouillet.customer.title'|trans({}, 'DocumentTrans') }} </td>
						<td class="h-10 ta-center"></td>
					</tr>
					<tr class="ll-black lr-black">
						<td class="h-10 ta-center l-black"></td>
						<td class="h-10 ta-center l-black"></td>
						<td class="h-10 ta-center l-black"></td>
					</tr>
				</table>
                <table class="w-100">
                    <tr>
                        <td class="ll-black lr-black lb-black pad-l-10 h-60 fs-13">
                            {% if customer.discr == 'individual' %}
                                {{ customer.firstName }} {{ customer.lastName }}
                            {% else %}
                                {{ customer.corporateNameContact }}
                            {% endif %} </br>
                            {{ customer.address }} </br>
                            {{ customer.postalCode ~ ' ' ~ customer.city }} 
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>


    <table class="w-100">
        <tr>
            <td class="w-100 pad-t-30 pad-b-10">
                {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\title_content.html.twig' with {'title' : 'VEHICULE'} %}
            </td>
        </tr>
    </table>
    <table class="w-100 ta-center fs-13">
        <tr class="fs-i">
            <td class="w-10 l-black pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.type'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-20 l-black pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.brand'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-30 l-black pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.model'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-40 l-black pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.version'|trans({}, 'DocumentTrans') }}
            </td>
        </tr>
        <tr>
            <td class="w-10 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.voVnType }}
            </td>
            <td class="w-20 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.brand }}
            </td>
            <td class="w-30 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.model }}
            </td>
            <td class="w-40 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.version }}
            </td>
        </tr>
        
        <tr class="fs-i">
            <td class="w-10 pad-t-5 l-black lr-black ll-black t-black">
                {{ 'vehicle.gender'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-20 pad-t-5 l-black lr-black ll-black t-black">
                {{ 'vehicle.energy'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-30 pad-t-5 l-black lr-black ll-black t-black">
                {{ 'vehicle.tax_horsepower_complet'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-40 pad-t-5 l-black lr-black ll-black t-black">
                {{ 'vehicle.serial_numbers'|trans({}, 'DocumentTrans') }}
            </td>
        </tr>
        <tr>
            <td class="w-10 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.gender }}
            </td>
            <td class="w-20 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.energy }}
            </td>
            <td class="w-30 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.taxHorsepower }} {{ 'vehicle.tax_horsepower_suffix'|trans({}, 'DocumentTrans')  }}
            </td>
            <td class="w-40 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.vin }}
            </td>
        </tr>
    </table>
    <table class="w-100 ta-center fs-13">
        <tr class="fs-i">
            <td class="w-20 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.date_distribution'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-20 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.color'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-20 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.license_number_complete'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-40 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.mileage_complete'|trans({}, 'DocumentTrans') }} {{ 'vehicle.warranty.no'|trans({}, 'DocumentTrans')|lower }}
            </td>
        </tr>
        <tr>
            <td class="w-20 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.dateOfDistribution|date('d/m/Y') }} {{ vehicleDatahorsepower_suffix }}
            </td>
            <td class="w-20 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.color }}
            </td>
            <td class="w-20 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.licenseNumber }}
            </td>
            <td class="w-40 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.distanceTraveled }} {{ 'vehicle.mileage'|trans({}, 'DocumentTrans') }}
            </td>
        </tr>
    </table>
    <table class="w-100 ta-center fs-13">
        <tr class="fs-i">
            <td class="w-30 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.horsepower_complet'|trans({}, 'DocumentTrans') }} {{ 'vehicle.mileage'|trans({}, 'DocumentTrans') }}
            </td>
            {% if originName %}
                <td class="w-30 pad-t-5 lr-black ll-black t-black">
                    {{ 'vehicle.origin'|trans({}, 'DocumentTrans') }}
                </td>
            {% endif %}
            <td class="w-40 pad-t-5 lr-black ll-black t-black">
                {{ 'vehicle.co2'|trans({}, 'DocumentTrans') }} 
            </td>
        </tr>
        <tr>
            <td class="w-30 pad-b-5 lb-black lr-black ll-black">
                {{ vehicleData.horsepower }} {{ 'vehicle.horsepower_suffix'|trans({}, 'DocumentTrans') }} 
            </td>
            {% if originName %}
            <td class="w-30 pad-b-5 lb-black lr-black ll-black">
                {{ originName }}
            </td>
            {% endif %}
            <td class="w-40 pad-b-5 lb-black lr-black ll-black">
                {% if vehicleData.extraUrbanKmConsumption %}
                    {{ vehicleData.extraUrbanKmConsumption }} {{ 'vehicle.extra_urban_km_consumption_suffix'|trans({}, 'DocumentTrans')|lower }}
                {% endif %}
            </td>
        </tr>
    </table>
    
    <table class="w-96 ta-center m-t-20">
        <tr>
            <td class="w-65"></td>
            <td class="w-20 ta-left t-black fs-16 fw-b pad-t-10">
                {{ 'administrative.price_without_tax'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-15 tab-black l-black ta-right pad-t-5 pad-b-5 pad-r-5">
                {{ vehicleSellingData.priceWithoutTaxWithDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
        </tr>
        <tr class="h-10"><td></td></tr>
        <tr>
            <td class="w-65"></td>
            <td class="w-20 ta-left t-black fs-16 fw-b pad-t-10">
                {{ 'administrative.price_with_tax'|trans({}, 'DocumentTrans') }}   
            </td>
            <td class="w-15 tab-black l-black ta-right pad-t-5 pad-b-5 pad-r-5">
                {{ vehicleSellingData.priceWithTax|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr>
            <td class="w-100 pad-t-30 pad-b-10">
                {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\title_content.html.twig' with {'title' : 'PRIX&nbsp;ET&nbsp;PRESTATIONS' } %}
            </td>
        </tr>
    </table>

    <table class="w-99_9 ta-center fs-13">
        <tr class="fs-i fs-12">
            <td class="w-15 pad-t-5 pad-b-5 t-black">
                {{ 'service.reference_complet'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-20 pad-t-5 pad-b-5 t-black">
                {{ 'service.name'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-10 pad-t-5 pad-b-5 t-black">
                {{ 'service.price_unit_ht'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-4 pad-t-5 pad-b-5 t-black">
                {{ 'service.qte'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-10 pad-t-5 pad-b-5 t-black">
                {{ 'service.total_ht'|trans({}, 'DocumentTrans') }}
            </td>
            {% if displayDiscount %}
                <td class="w-10 pad-t-5 pad-b-5 t-black">
                    {{ 'administrative.price_without_tax_discount'|trans({}, 'DocumentTrans') }}
                </td>
                <td class="w-11 pad-t-5 pad-b-5 t-black">
                    {{ 'administrative.total.price_without_tax_discount'|trans({}, 'DocumentTrans') }}
                </td>
            {% endif %}
            <td class="w-10 pad-t-5 pad-b-5 t-black">
                {{ 'service.tva'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-10 pad-t-5 pad-b-5 t-black">
                {{ 'service.total_ttc'|trans({}, 'DocumentTrans') }}
            </td>
        </tr>
        <tr class=" fs-13">
            <td class="w-15 pad-t-5 pad-b-5 tab-black l-black">
                {{ vehicleData.internalReference }}
            </td>
            <td class="w-20 pad-t-5 pad-b-5 tab-black l-black">
                {{ vehicleData.brand ~' '~ vehicleData.model ~' '~ vehicleData.version }} {{ vehicleData.internalReference }}
            </td>
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ vehicleSellingData.items[0].sellPriceWithoutTaxWithoutDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
            <td class="w-4 pad-t-5 pad-b-5 tab-black l-black">
                {{ vehicleSellingData.items|length }}
            </td>
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ vehicleSellingData.items[0].sellPriceWithoutTaxWithoutDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
            {% if displayDiscount %}
                <td class="w-10 pad-t-5 pad-r-5 ta-right pad-b-5 tab-black l-black">
                    {{ vehicleSellingData.items[0].priceDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
                </td>
                <td class="w-11 pad-t-5 pad-r-5 ta-right pad-b-5 tab-black l-black">
                    {{ vehicleSellingData.items[0].sellPriceWithoutTax|number_format(2, ',', '') }} {{ currencySymbol }}
                </td>
            {% endif %}
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 tab-black l-black">
                {{ vehicleSellingData.items[0].taxName|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ vehicleSellingData.items[0].sellPriceWithTax|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
        </tr>
        
        {% for serviceList in serviceListData %}
            {% for item in serviceList %}
                <tr class="fs-13">
                    <td class="w-15 pad-t-5 pad-b-5 tab-black l-black">
                        {{ item.reference }}
                    </td>
                    <td class="w-20 pad-t-5 pad-b-5 tab-black l-black">
                        {{ item.name }}
                    </td>
                    <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                        {{ item.sellUnitPriceWithoutTax|number_format(2, ',', '') }} {{ currencySymbol }}
                    </td>
                    <td class="w-4 pad-t-5 pad-b-5 tab-black l-black">
                        {{ item.quantity }}
                    </td>
                    <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                        {{ item.sellPriceWithoutTaxWithoutDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
                    </td>
                    {% if displayDiscount %}
                        <td class="w-10 pad-t-5 pad-r-5 ta-right pad-b-5 tab-black l-black">
                            {{ item.priceDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
                        </td>
                        <td class="w-11 pad-t-5 pad-r-5 ta-right pad-b-5 tab-black l-black">
                            {{ item.sellPriceWithoutTax|number_format(2, ',', '') }} {{ currencySymbol }}
                        </td>
                    {% endif %}
                    <td class="w-10 pad-t-5 pad-r-5 pad-b-5 tab-black l-black">
                        {{ item.sellTaxName|trans({}, 'DocumentTrans') }}
                    </td>
                    <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                        {{ item.sellPriceWithTax|number_format(2, ',', '') }} {{ currencySymbol }}
                    </td>
                </tr>
            {% endfor %}
        {% endfor %}
    </table>
    <table class="w-100 m-t-10">
        <tr class="fs-13">
            <td class="{{ classDiscount }} pad-t-5 pad-b-5 ta-right pad-r-40 t-black fs-16 fw-b">
                {{ 'service.totaux'|trans({}, 'DocumentTrans') }}
            </td>
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ totalsPriceWithoutTax|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
            {% if displayDiscount %}
                <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                    {{ totalsPriceDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
                </td>
                <td class="w-11 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                    {{ invoiceBalanceWithoutTaxDiscount|number_format(2, ',', '') }} {{ currencySymbol }}
                </td>
            {% endif %}
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ vehicleSellingData.items[0].sellTotalCollectedTax|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
            <td class="w-10 pad-t-5 pad-r-5 pad-b-5 ta-right tab-black l-black">
                {{ invoiceBalance|number_format(2, ',', '') }} {{ currencySymbol }}
            </td>
        </tr>
    </table>

    {% set equipmentStandard = vehicleData.equipmentsType.option_standard %}
    {% if equipmentStandard|length > 0 %}
        <table class="w-100">
            <tr>
                <td class="w-100 pad-t-30">
                    {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\title_content.html.twig' with {'title' : 'EQUIPEMENTS&nbsp;DE&nbsp;SERIE'} %}
                </td>
            </tr>
        </table>
        <table class="w-100 m-t-20">
            <tr>
                {% for item in equipmentStandard %}
                    {% if loop.index0%2 == 0 %}
                        {% if loop.index0 > 1 %}
                            </tr>
                            </table>
                        {% endif %}

                        <table class="w-100 m-t-10 m-l-15">
                        <tr>
                    {% endif %}

                    <td class="w-50">
                       - {{ item }}
                    </td>
                {% endfor %}
                    </tr>
                </table>
            </tr>
        </table>
    {% endif %}

    {% set equipmentOptional = vehicleData.equipmentsType.option_optional %}
    {% if equipmentOptional|length > 0 %}
        <table class="w-100">
            <tr>
                <td class="w-100 pad-t-30">
                    {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\title_content.html.twig' with {'title' : 'EQUIPEMENTS&nbsp;EN&nbsp;OPTIONS&nbsp;INCLUS'} %}
                </td>
            </tr>
        </table>
        <table class="w-100 m-t-20">
            <tr>
                {% for item in equipmentOptional %}
                    {% if loop.index0%2 == 0 %}
                        {% if loop.index0 > 1 %}
                            </tr>
                            </table>
                        {% endif %}

                        <table class="w-100 m-t-10 m-l-15">
                        <tr>
                    {% endif %}

                    <td class="w-50">
                       - {{ item }}
                    </td>
                {% endfor %}
                    </tr>
                </table>
            </tr>
        </table>
    {% endif %}

    {% set additionalEquipments = vehicleData.additionalEquipments %}
    {% if additionalEquipments|length > 0 %}
        <table class="w-100">
            <tr>
                <td class="w-100 pad-t-30">
                    {% include 'AppBundle:Documents:v2\\Override\\Trouillet\\Include\\title_content.html.twig' with {'title' : 'CARROSSERIE'} %}
                </td>
            </tr>
        </table>

        <table class='m-l-15 m-t-20'>
            <tr>
                <td>
                    {% for item in additionalEquipments %}
                        {% if loop.index0%2 == 0 %}
                            {% if loop.index0 > 1 %}
                                </tr>
                                </table>
                            {% endif %}

                            <table class="w-100 m-t-10 m-l-15">
                            <tr>
                        {% endif %}

                        <td class="w-50">
                           - {{ item }}
                        </td>
                    {% endfor %}
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    {% endif %}

    {% if vehicleMediaList is defined and vehicleMediaList is not empty %}
        <table class="w-98 m-t-20">
            <tr>
                <td>
                    {% for image in vehicleMediaList %}
                        {% if loop.index0%2 == 0 %}
                            {% if loop.index0 > 1 %}
                                </tr>
                                </table>
                            {% endif %}

                            <table class="w-100 m-t-10 m-l-15">
                            <tr>
                        {% endif %}

                        <td class="w-50 img-td">
                            {% include 'AppBundle:Documents:v2\\Include\\Global\\image.html.twig' with {
                                'image': image,
                                'containerImgWidth': containerImgWidth,
                                'containerImgHeight': containerImgHeight
                            } %}
                        </td>
                    {% endfor %}
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    {% endif %}
{% endblock content %}