{% extends "AppBundle::/Excel/import/index_base.html.twig" %}

{% block title 'Importar Transición Masiva' %}

{% block stylesheets3rd %}{% endblock %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Trancisión Masiva <i class="fa fa-angle-right"></i> Importar
    </h3>
{% endblock %}

{% block content %}
    {{ parent() }}
    <table id='tablesorter' class="table table-hover table-responsive tabla-productos-global-web">
        <thead>
            <tr class='tr-top-table'>
                <th>Código</th>
                <th>Nombre</th>
                <th>Estados a Transicionar</th>
                <th>Permite Transiciones Manuales</th>
            </tr>
        </thead>
        <tbody>
            {% for status in statuses %}
            <tr>
                <th style="vertical-align: middle;">{{ status["code"] }}</th>
                <th style="vertical-align: middle;">{{ status["name"] }}</th>
                <th>
                    {% if status["transitions"]|length > 0 %}
                        </br>
                        {% for transition in status["transitions"] %}
                            {{ transition["code"] }}</br>        
                        {% endfor %}
                    {% else %}
                        </br>--</br>
                    {% endif %}
                    </br> 
                </th>
                <th style="vertical-align: middle;">{% if status["transitions"]|length == 0 %} -- {% elseif status[0] %} Sí {% else %} No {% endif %}</th>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block javascripts3rd %}
    {% javascripts
        '@AppBundle/Resources/public/js/Import/Excel/OrderTransition/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}