{# Template pour les équipements en option #}

{# Variables à definir lors de l'include #}
{# vehicle #}
{# nbVehicleOptionalEquipment #}
{# isCotation #}
{# priceOptionsOptional #}

<style type="text/css">
    .under_line{
        border-bottom: 2px solid black;
        padding-top: 10px;
    }
    .width_td_optional_equi_content{
        width: 40%;
    }
    .width_td_optional_equi_price{
        width: 10%;
    }
</style>

{# nombre total d'equipement standard du véhicule #}
{% set nbOptionalEquipmentTotalVehicle =  vehicle.equipmentOptional|length %}

{# nombre d'équipement standard à afficher dans le doc #}
{% if nbVehicleOptionalEquipment is defined and nbVehicleOptionalEquipment is not empty %}
    {% set isDefinedNbVehicleOptionalEquipmentShown = true %}
    {% set nbEquipmentTotal = nbVehicleOptionalEquipment %}
    {% if nbOptionalEquipmentTotalVehicle < nbVehicleOptionalEquipment %}
        {% set nbEquipmentTotal = nbOptionalEquipmentTotalVehicle %}
    {% endif %}
{% else %}
    {% set isDefinedNbVehicleOptionalEquipmentShown = false %}
    {% set nbEquipmentTotal = nbOptionalEquipmentTotalVehicle %}
{% endif %}

{# on verifie si on affiche le prix ou pas #}
{% if priceOptionsOptional is defined %}
    {% set priceOptionsOptional = priceOptionsOptional %}
{% else %}
    {% set priceOptionsOptional = true %}
{% endif %}

{# on vérifie si le nombre de tableau est pair #}
{% set isPair = nbEquipmentTotal is divisible by(2) ? true : false %}

{# On vérifie si on doit afficher les trois points ou pas #}
{% set threePoints = false %}
{% if nbVehicleOptionalEquipment == true and nbEquipmentTotal < nbOptionalEquipmentTotalVehicle %}
    {% set threePoints = true %}
{% endif %}

{# nombre de caractère à afficher pour chaque équipement #}
{% if isCotation is not defined %}
    {% set isCotation = false %}
{% endif %}

{# nombre de table à creer #}
{% set nbTable = (nbEquipmentTotal/2)|round - 1 %}

{% if notDisplayTableEquipmentOptional is not defined %}
{% for i in 0..nbTable %}
    {% set cptFirstTd = i+i %}
    {% set cptSecondTd = i+i +1 %}
    <table class="main border-none all-width">
        <tr>
            {% if  vehicle.equipmentOptional[cptFirstTd] is defined %}
                <td class="width_td_optional_equi_content">- {% if isCotation == true %}{{ vehicle.equipmentOptional[cptFirstTd].option|truncate(45, true, '...') }}{% else %}{{ vehicle.equipmentOptional[cptFirstTd].option }}{% endif %}</td>
            {% endif %}

            {% if  vehicle.equipmentOptional[cptSecondTd] is defined %}
                {% if cptSecondTd < nbEquipmentTotal %}
                    <td class="width_td_optional_equi_content">- {% if isCotation == true %}{{ vehicle.equipmentOptional[cptSecondTd].option|truncate(45, true, '...') }}{% else %}{{ vehicle.equipmentOptional[cptSecondTd].option }}{% endif %}</td>
                {% else %}
                    {% if threePoints == true %}
                        <td class="width_td_optional_equi_content">...</td>
                        <td class="width_td_optional_equi_price"></td>
                    {% endif %}
                {% endif %}
            {% endif %}
        </tr>
    </table>
{% endfor %}
{% elseif notDisplayTableEquipmentOptional is defined and nbOptionalEquipmentTotalVehicle > 0 %}
    <table class="main all-width collapse">
        <tr>
            <td class="line-bottom bold uppercase">
                {{ 'vehicle.equipment.optional.included_options'|trans({}, 'DocumentTrans' )}}
            </td>
        </tr>
    </table>
    <span class="main">
        {% for equipmentOptional in vehicle.equipmentOptional %}
            {% if loop.first == false %}-{% endif %}
            {{ equipmentOptional.option }}
        {% endfor %}
    </span>
{% endif %}

{% if isPair == true and threePoints == true %}
    <table class="main border-none all-width">
        <tr>
            <td class="width_td_optional_equi_content">...</td>
            <td align="center" class="width_td_optional_equi_price"></td>
            <td class="width_td_optional_equi_content"></td>
            <td class="width_td_optional_equi_price"></td>
        </tr>
    </table>
{% endif %}