{% import 'AppBundle:Documents:v2\\Import\\vehicle_expertise.html.twig' as vehicleExpertiseF %}

{% set l_light_grey = 'l-light-grey' %}
{% set nbEmptyState = 10 %}

<table class="w-100">
    <tr>
        <td class="w-30"></td>
        <td class="w-10">
            <table><tr><td class="h-6"></td></tr></table>
            <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">R</p>
            <table><tr><td class="h-6"></td></tr></table>
        </td>
        <td class="w-10">
            <table><tr><td class="h-6"></td></tr></table>
            <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">I</p>
            <table><tr><td class="h-6"></td></tr></table>
        </td>
        <td class="w-10">
            <table><tr><td class="h-6"></td></tr></table>
            <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">T</p>
            <table><tr><td class="h-6"></td></tr></table>
        </td>
        <td class="w-10">
            <table><tr><td class="h-6"></td></tr></table>
            <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">C</p>
            <table><tr><td class="h-6"></td></tr></table>
        </td>
        <td class="w-30">
            <table><tr><td class="h-6"></td></tr></table>
            <p class="fs-14 lh-14 fw-400 fs-i ta-center t-dark-grey">Montant HT</p>
            <table><tr><td class="h-6"></td></tr></table>
        </td>
    </tr>
</table>

{% for externalState in expertise.externalStateList %}
    <table class="w-100">
        <tr>
            <td class="w-30 tab-light-grey {% if nbEmptyState == 10 %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black">{{ vehicleExpertiseF.getZone(externalState, {})}}</p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey {% if nbEmptyState == '10' %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey {% if nbEmptyState == '10' %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey {% if nbEmptyState == '10' %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey {% if nbEmptyState == '10' %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-30 tab-light-grey {% if nbEmptyState == '10' %}{{ l_light_grey }}{% endif %}">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black">{{ vehicleExpertiseF.getCosting(externalState, {})}}<span>&nbsp;{{ currencySymbol }}</span></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
        </tr>
    </table>
 
    {% set nbEmptyState = nbEmptyState - 1 %}
{% endfor %}

{% for internalState in expertise.internalStateList %}
    <table class="w-100">
        <tr>
            <td class="w-30 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black">{{ vehicleExpertiseF.getZone(internalState, {})}}</p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-10 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-30 tab-light-grey">
                <table><tr><td class="h-6"></td></tr></table>
                <p class="fs-14 lh-14 fw-400 ta-center t-black">{{ vehicleExpertiseF.getCosting(internalState, {})}}</p>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
        </tr>
    </table>
     
    {% set nbEmptyState = nbEmptyState - 1 %}
{% endfor %}



{% if nbEmptyState > 0 %}
    {% for i in 1..nbEmptyState %}
        <table class="w-100">
            <tr>
                <td class="w-30 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
                <td class="w-10 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
                <td class="w-10 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
                <td class="w-10 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
                <td class="w-10 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
                <td class="w-30 tab-light-grey">
                    <table><tr><td class="h-20"></td></tr></table>
                    <p class="fs-14 lh-14 fw-400 ta-center t-black"></p>
                    <table><tr><td class="h-6"></td></tr></table>
                </td>
            </tr>
        </table>
    {% endfor %}
{% endif %}