{% extends '@Core/base.html.twig' %}

{% block javascript %}
    {{ parent() }}

{% endblock %}

{% block sectionTitle %}Listado de stocks{% endblock %}

{% block sectionActions %}
{% endblock %}

{% block breadcrumbLinks %}
    <li class="active">Stocks</li>
{% endblock %}

{% block content %}

    <div class="panel-flat">

        <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 %}

            {% include 'CoreBundle:Stock:_search.html.twig' %}

            {% include 'CoreBundle:Stock:_stock_massive_buttons.html.twig' %}

            <div class="table-responsive">
                <div class="panel panel-flat">
                    <div class="panel-heading">
                        <h6 class="panel-title" style="margin-bottom: 0px;">STOCKS ENCONTRADOS</h6>
                    </div>

                    <div class="panel-body">
                        <div class="table-responsive">

                            {% set isTredico = group.groupConfiguration.trendico %}
                            {% set showReference = group.groupConfiguration.showReference %}

                            {% set useLocator = group.groupConfiguration.useLocator %}
                            {% set useLocatorAlias = group.groupConfiguration.useLocatorAlias %}
                            {% set showAutoincrementNumberForArticle = group.groupConfiguration.showAutoincrementNumberForArticle %}

                            {% set showCostPriceWithoutTaxes = group.groupConfiguration.showCostPriceWithoutTaxes %}

                            <table id="data-table-stock" class="table no-footer" width="100%">
                                <thead>
                                <tr style="text-align: center; background-color: #f1f1f1">
                                    <th  data-orderable="false"><INPUT type="checkbox" onchange="checkAllStock(this)" name="chk[]" /></th>
                                    <th>Imagen</th>
                                    {% if typeStockAliasInUse == 1 %}
                                        <th>COD-Stock</th>
                                    {% endif %}
                                    {% if typeStockAliasInUse == 2 %}
                                        <th>COD-Talla</th>
                                    {% endif %}
                                    {% if typeStockAliasInUse == 3 %}
                                        <th>EAN</th>
                                    {% endif %}
                                    {% if useLocator %}
                                        {% if useLocatorAlias %}
                                            <th>Alias <br> Localizador</th>
                                        {% else %}
                                            <th>Localizador</th>
                                        {% endif %}
                                    {% endif %}
                                    {% if showAutoincrementNumberForArticle %}
                                        <th>Nº Orden</th>
                                    {% endif %}
                                    {% if isTredico or showReference %}
                                        <td>Referencia</td>
                                    {% endif %}
                                    <th>Modelo</th>
                                    <th>Color</th>
                                    <th>Proveedor</th>
                                    <th>Marca</th>
                                    {% if isLite == true %}
                                        <th>Unidades</th>
                                    {% endif %}
                                    <th>Sección</th>
                                    <th>Categoría</th>
                                    <th>Subcategoría</th>
                                    <th>Talla</th>
                                    {% if roleRight == true or isOffice %}
                                        <th>P.Costo</th>
                                    {% endif %}
                                    <th>PVP</th>
                                    <th>Localización actual</th>
                                    <th>Estado</th>
                                    <th>Temporada</th>
                                </tr>
                                </thead>

                                <tbody>
                                {% for obj in elements %}
                                    {% if isLite == true %}
                                        {% set obj1 = obj %}
                                        {% set obj = obj[0] %}
                                    {% endif %}
                                    <tr>
                                        <td>
                                            {% if obj.article.isWhiteLabel == false %}
                                                {% if obj.typeStatusStock %}
                                                    {% if obj.typeStatusStock.id != 5 %}
                                                        <input type="checkbox" name="stockIdAvailable" id="stockIdAvailable" value="{{ obj.getId }}">
                                                    {% endif %}
                                                {% endif %}
                                            {% endif %}
                                        </td>
                                        <td class="">
                                            <a  href="{{obj.getarticle.getWebPath() | imagine_filter('big_prop')}}" data-popup="lightbox">
                                                <img class="gallery-item" data-src="{{obj.getarticle.getWebPath | imagine_filter('list')}}"/>
                                            </a>
                                        </td>

                                        {% if isLite == false %}
                                            {% if roleRight == true or isOffice %}
                                                <td><a href="{{ path("stock_edit", { "id" : obj.id }) }}">{{ obj.alias }}</a></td>
                                            {% else %}
                                                <td>{{ obj.alias }}</td>
                                            {% endif %}
                                        {% else %}
                                            {% if roleRight == true or isOffice %}
                                                {% if typeStockAliasInUse == 1 %}
                                                    {% if obj.typeStatusStock.id == 4 or obj.typeStatusStock.id == 2 %}
                                                        <td><a href="{{ path("stock_lite_edit", { "id" : obj.id }) }}">{{ obj.alias }}</a></td>
                                                    {% endif %}
                                                    {% if obj.typeStatusStock.id == 5 %}
                                                        <td><a href="{{ path("stock_edit", { "id" : obj.id }) }}">{{ obj.alias }}</a></td>
                                                    {% endif %}
                                                {% endif %}
                                                {% if typeStockAliasInUse == 2 %}
                                                    {% if obj.typeStatusStock.id == 4 or obj.typeStatusStock.id == 2 %}
                                                        <td><a href="{{ path("stock_lite_edit", { "id" : obj.id }) }}">{{ obj1.barcode_cc }}</a></td>
                                                    {% endif %}
                                                    {% if obj.typeStatusStock.id == 5 %}
                                                        <td><a href="{{ path("stock_edit", { "id" : obj.id }) }}">{{ obj1.barcode_cc }}</a></td>
                                                    {% endif %}
                                                {% endif %}
                                                {% if typeStockAliasInUse == 3 %}
                                                    {% if obj.typeStatusStock.id == 4 or obj.typeStatusStock.id == 2 %}
                                                        <td><a href="{{ path("stock_lite_edit", { "id" : obj.id }) }}">{{ obj1.barcode }}</a></td>
                                                    {% endif %}
                                                    {% if obj.typeStatusStock.id == 5 %}
                                                        <td><a href="{{ path("stock_edit", { "id" : obj.id }) }}">{{ obj1.barcode }}</a></td>
                                                    {% endif %}
                                                {% endif %}
                                            {% else %}
                                                {% if typeStockAliasInUse == 1 %}
                                                    <td>{{ obj.alias }}</td>
                                                {% endif %}
                                                {% if typeStockAliasInUse == 2 %}
                                                    <td>{{ obj1.barcode_cc }}</td>
                                                {% endif %}
                                                {% if typeStockAliasInUse == 3 %}
                                                    <td>{{ obj1.barcode }}</td>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}


                                        {% if useLocator %}
                                            {% if useLocatorAlias %}
                                                <td>{{ obj.getArticle.locatorAlias }}</td>
                                            {% else %}
                                                <td>{{ obj.getArticle.locator }}</td>
                                            {% endif %}
                                        {% endif %}
                                        {% if showAutoincrementNumberForArticle %}
                                            <td>{{ obj.article.autoIncrement }}</td>
                                        {% endif %}
                                        {% if isTredico or showReference %}
                                            <td>{{ obj.getArticle.ref }}</td>
                                        {% endif %}
                                        <td><a href="{{ path('article',{'id':obj.getArticle.getId}) }}">{{ obj.getArticle.articleModel }}</a></td>
                                        <td>{{ obj.getArticle.articleColor }}</td>
                                        <td>{{ obj.getArticle.dealer }}</td>
                                        <td>{{ obj.getArticle.brand }}</td>
                                        {% if isLite == true %}
                                            {% if obj.getTypeStatusStock.id == 5 %}
                                                <td style="text-align: center">1</td>
                                            {% else %}
                                                <td style="text-align: center">{{ obj.getQty }}</td>
                                            {% endif %}
                                        {% endif %}
                                        <td>{{ obj.getArticle().section }}</td>
                                        <td>{{ obj.getArticle.category }}</td>
                                        <td>{{ obj.getArticle.subcategory }}</td>
                                        <td style="text-align: center">{{ obj.getTypeSize.description }}</td>
                                        {% if roleRight == true or isOffice %}
                                            {% if showCostPriceWithoutTaxes %}
                                                {%  if obj.costPrice == obj.costPriceWithDiscount %}
                                                    <td align="center">{{ obj.costPrice }}</td>
                                                {% else %}
                                                    <td align="center">{{ obj.costPriceWithDiscount }}</td>
                                                {% endif %}
                                            {% else %}
                                                {%  if obj.costPricePlusTaxes == obj.costPriceWithDiscountPlusTaxes %}
                                                    <td align="center">{{ obj.costPricePlusTaxes }}</td>
                                                {% else %}
                                                    <td align="center">{{ obj.costPriceWithDiscountPlusTaxes }}</td>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                        <td>{{ obj.pvp }}</td>
                                        <td>{{ obj.getShop().name }}</td>
                                        <td>
                                            {% if obj.getTypeStatusStock %}
                                                <span class="{{ obj.getTypeStatusStock.getBackground }}">
                                                {{ obj.getTypeStatusStock.getDescription }}
                                                </span>
                                            {% endif %}
                                        </td>
                                        <td style="text-align: center">{{ obj.getArticle.season }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                     </div>

                 </div>
            </div>

        </div>

    </div>

    <!-- AVOID LINKS WHEN PRINT TABLES -->
    <style>
        a[href]:after {
            content: none;
        }
    </style>

{% endblock%}

{% block script %}
    <script type="text/javascript" src="{{ asset('assets/js/articleStock.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core.stock.searchcriteria.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
    <script>
        $(document).ready(function(){

            var table = $('#data-table-stock').DataTable({
                dom: 'lBfrtip',
                lengthMenu: [
                    [ 10, 25, 50, 100, -1 ],
                    [ '10', '25', '50', '100', 'Todos' ]
                ],
                buttons: [
                    {
                        extend: 'print',
                        text: 'Imprimir',
                        footer: true,
                        exportOptions: {
                            stripHtml : false,
                            columns: [2,3,4,5,6,7,8,9,10,11,12,13,14,15]
                        }
                    },
                    {
                        extend: 'csv',
                        footer: true,
                        exportOptions: {
                            columns: [2,3,4,5,6,7,8,9,10,11,12,13,14,15]
                        }
                    },
                    {
                        extend: 'excel',
                        footer: true,
                        exportOptions: {
                            columns: [2,3,4,5,6,7,8,9,10,11,12,13,14,15]
                        }
                    }

                ],
                drawCallback: function(){
                    loadImagesIntoTable();
                }
            }).order([0, 'desc']).draw();

        });

        //CHECK STOCK
        function checkAllStock(ele) {
            var checkboxes = $('#data-table-stock input');
            if (ele.checked) {
                for (var i = 0; i < checkboxes.length; i++) {
                    if (checkboxes[i].type == 'checkbox') {
                        checkboxes[i].checked = true;
                    }
                }
            } else {
                for (var i = 0; i < checkboxes.length; i++) {
                    if (checkboxes[i].type == 'checkbox') {
                        checkboxes[i].checked = false;
                    }
                }
            }
        }





    </script>


{% endblock %}