{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}

    <script src="{{ asset('assets/js/core.transfer-external.searchcriteria.js') }}"></script>

{% endblock %}
{% block sectionTitle %}Traspasos externos{% endblock %}
{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('transfer-external') }}"><i class="icon-plus2 position-left"></i>Generar traspaso externo</a>
{% endblock %}
{% block breadcrumbLinks %}
    {% if user.group.groupConfiguration.isTrendico %}
        <li><a class="" href="{{ path('transfers_menu') }}">Menú de traspasos</a></li>
    {% endif %}
    <li class="active">Traspasos externos</li>
{% endblock %}

{% block content %}

<div class="panel-body">

    {% for flash_message in app.session.flashBag.get('success') %}
        <div class="alert alert-success alert-styled-left">
            <span class="text-semibold">{{ flash_message }}</span>
        </div>
    {% endfor %}

    <div class="">
        <div class="">

            {% include 'CoreBundle:TransferExternal:_search_transfer_external.html.twig' %}

        </div>
        <div class="panel panel-flat">

            <div class="panel-heading">
                <h6 class="panel-title" style="margin-bottom: 0px;">LISTADO DE TRASPASOS EXTERNOS</h6>
            </div>


             <div class="panel-body">
                 <div class="datatable-scroll table-responsive">
                    <table id="data-table-transfer" class="table" width="100%">

                    <thead>
                    <tr role="text-align: center">
                        <th>COD-Traspaso</th>
                        <th>Usuario creación</th>
                        <th>Fecha creación</th>
                        <th>Fecha salida</th>
                        <th>Razón social</th>
                        <th>CIF</th>
                        <th>Tienda Salida</th>
                        <th class="col-sm-1 text-center">Artículos</th>
                        <th class="col-sm-1 text-center">Unidades</th>
                        {% if roleRight == true %}
                            <th class="col-sm-1 text-center">Valoración</th>
                        {% endif %}
                        <th class="col-sm-1 text-center">Estado</th>
                    </tr>

                    </thead>

                    <tbody>

            {% for obj in elements %}

                <tr>
                    <td><a href="{{ path('transfer_external_edit',{'id':obj.id}) }}">{{ obj.getAlias }}</a></td>
                    <td>{% if obj.userCreation %}{{ obj.userCreation.name}}{% endif %}</td>

                    {% if obj.getDateCreation %}
                        <td align="center" data-sort="{{ obj.dateCreation | date('YmdHis') }}">
                            {{ obj.getDateCreation | date('d/m/Y H:i:s')}}
                        </td>
                    {% else %}
                        <td align="center">
                            ---
                        </td>
                    {% endif %}

                    {% if obj.getDateOut %}
                        <td  data-sort="{{ obj.getDateOut | date('YmdHis') }}">
                            {{ obj.getDateOut | date('d/m/Y H:i:s')}}
                        </td>
                    {% else %}
                        <td align="center">
                            ---
                        </td>
                    {% endif %}

                    <td class="text-center">{{ obj.razonSocial }}</td>
                    <td class="text-center">{{ obj.cif }}</td>

                    <td>{% if obj.getShopOut %}{{ obj.getShopOut.name }}{% endif %}</td>
                    <td class="text-center">{{ articles[obj.getId] | length }}</td>
                    <td class="text-center">{{ obj.getTransferExternalElement | length }}</td>

                    <!-- VALORACION -->
                    {% if roleRight == true %}
                        <td class="text-center">{{ totalValoration[obj.getId]  | number_format(2, ",", '.')  }}€</td>
                    {% endif %}

                    <td class="text-center"><span class="label {{ obj.typeTransferStatus.background }}">{{ obj.typeTransferStatus.description }}</span></td>

                </tr>

            {% endfor %}

            </tbody>
                </table>
                 </div>
            </div>

        </div>
    </div>
</div>


    <script>

        $( document ).ready(function() {

            $('#data-table-transfer').DataTable(
                {
                    dom: 'lBfrtip',
                    buttons: [
                        {
                            extend: 'print',
                            text: 'Imprimir',
                            footer: true,
                            exportOptions: {
                                stripHtml : true,
                                columns: ':not(.notexportbtn)'
                            }
                        },
                        {
                            extend: 'csv',
                            exportOptions: {
                                columns: ':not(.notexport)'
                            }
                        },
                        {
                            extend: 'excel',
                            exportOptions: {
                                columns: ':not(.notexport)'
                            }
                        }

                    ],
                }
            ).columns.adjust().order([2, 'desc']).draw();

            core_transfer_search_criteria.getCriteria();

        });

    </script>

{% endblock%}