{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Campañas de rebajas {% endblock %}
{% block sectionActions %}

{% endblock %}
{% block breadcrumbLinks %}
    <li><a href="{{ path("discounts_list") }}">Campañas de rebajas</a></li>
    <li class="active">Editar</li>
{% endblock %}

{% block content %}

{% block script %}
    <script type="text/javascript" src="{{ asset('assets/js/articleStock.js') }}?v={{ "now"|date("d-m-Y") }}"></script>
{% endblock %}


    {{ form_start(form) }}
    {{ form_errors(form) }}

    <div class="panel-body" style="padding: 0px !important;">

        <div class="content" >

            {% if threads %}
                <div class="alert alert-info alert-styled-left">
                    <span class="text-semibold"> <i class="icon-sync spinner mr-2"></i> Actualizando esta campaña de rebajas. Quedan {{ threads | length }} artículos por incluir/excluir de esta campaña.</span>
                </div>
            {% endif %}

            <div class="panel panel-flat">

                {% if discount is defined %}
                <div class="panel-heading">
                    <h6 class="panel-title" style="margin-bottom: 0px;">
                        {{ discount.name }}
                    </h6>
                </div>
                {% endif %}

                <div class="panel-body tabbable">
                    <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                        <li class="active"><a href="#informationTab" data-toggle="tab">Información</a></li>
                        {% if discount is defined %}
                            <li><a href="#stockTab" data-toggle="tab">Artículos incluidos</a></li>
                        {% endif %}
                    </ul>

                    {% 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="tab-content">

                        <!-- INFO TAB -->
                        <div class="tab-pane active" id="informationTab">
                            <div class="panel-body">

                                <div class="row">

                                    <div class="col-xs-6">
                                        <div class="col-xs-4">
                                            {{ form_label(form.name) }}
                                        </div>
                                        <div class="col-xs-8">
                                            {{ form_widget(form.name) }}
                                        </div>
                                    </div>

                                    <div class="col-xs-6">
                                        <div class="col-xs-4">
                                            {{ form_label(form.dateStart) }}
                                        </div>
                                        <div class="col-xs-8">
                                            {{ form_widget(form.dateStart) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="col-xs-4">
                                            {{ form_label(form.nameForLabels) }}
                                        </div>
                                        <div class="col-xs-8">
                                            {{ form_widget(form.nameForLabels) }}
                                        </div>
                                    </div>

                                    <div class="col-xs-6">
                                        <div class="col-xs-4">
                                            {{ form_label(form.dateEnd) }}
                                        </div>
                                        <div class="col-xs-8">
                                            {{ form_widget(form.dateEnd) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="row col-xs-12">
                                    <div class="col-xs-12">
                                        {{ form_label(form.shops) }}
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-12">

                                        <div class="col-xs-12">
                                            {{ form_widget(form.shops) }}
                                        </div>

                                        <div class="col-xs-12 text-center mt-10">
                                            <a type="button" id="select_all_shops"><i class="icon-pencil5" style="float: left;"></i></a>
                                            <span style="color:#808080; font-size: 10px !important;float: left">Aplicar a todas</span>
                                        </div>

                                    </div>

                                </div>


                                <div class="{% if groupConfiguration.articleExtraPricesSectionEnabled == false %} hidden {% endif %}">
                                    <div class="row col-xs-12 mt-20 mb-20">
                                        <hr>
                                    </div>

                                    <div class="row col-xs-12">
                                        <div class="col-xs-12">
                                            <div class="col-xs-12">
                                                {{ form_row(form.typeArticlePrice, { 'attr': {'tabindex': '6'} }) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="row col-xs-12 mt-20 mb-20">
                                    <hr>
                                </div>

                                <div class="row col-xs-12">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12">
                                            {{ form_row(form.avoidTextAndHideDiscount, { 'attr': {'tabindex': '6'} }) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="row col-xs-12 mt-20 mb-20">
                                    <hr>
                                </div>

                                <div class="row col-xs-12">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12">
                                            {{ form_row(form.isAvailableOnWebsite, { 'attr': {'tabindex': '6'} }) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="" id="label_name_website" style="margin-top: 5px;">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="col-xs-12">
                                                {{ form_label(form.labelWebsiteName) }}
                                            </div>
                                            <div class="col-xs-4">
                                                {{ form_widget(form.labelWebsiteName) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row col-xs-12 mt-20 mb-20">
                                    <hr>
                                </div>

                                <div class="row col-xs-12 {% if groupConfiguration.isAmazonIntegration == false %} hidden {% endif %}">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12">
                                            {{ form_row(form.isAvailableOnAmazon, { 'attr': {'tabindex': '6'} }) }}
                                        </div>
                                    </div>
                                </div>


                                <div class="row col-xs-12 {% if groupConfiguration.amazonPrimeAutoManaged == false %} hidden {% endif %}">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12">
                                            {{ form_row(form.isAvailableOnAmazonPrime, { 'attr': {'tabindex': '6'} }) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="row col-xs-12 {% if groupConfiguration.spartooIntegration == false %} hidden {% endif %}">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12">
                                            {{ form_row(form.isAvailableOnSpartoo, { 'attr': {'tabindex': '6'} }) }}
                                        </div>
                                    </div>
                                </div>


                            </div>

                            {%  if roleRight == true %}
                            <div class="panel-footer">

                                <div class="col-xs-6 col-md-6 text-left left text-muted" style="font-size: 10px">
                                    {% if discount.migratedAt is not null %}
                                        Campaña migrada el {{ discount.migratedAt | date("d/m/Y H:i:s") }}
                                    {% endif %}
                                </div>

                                <div class="col-xs-6 col-md-6 text-right">
                                    {% if threads %}
                                        <div class="alert alert-info alert-styled-left">
                                            <span class="text-semibold"> <i class="icon-sync spinner mr-2"></i> No puede modificar la rebaja mientras se está actualizando en segundo plano.</span>
                                        </div>
                                    {% else %}
                                        <button type="button" onclick="saveDiscount()" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar</button>
                                    {% endif %}
                                </div>
                            </div>
                            {% endif %}
                        </div>
                        <!-- INFO TAB -->


                        <!-- STOCKS TAB -->
                        {% if discount is defined %}
                            <div class="tab-pane" id="stockTab">
                                <div class="table-responsive">
                                    <div class="panel-body">

                                        <!-- BUTTONS -->
                                        <div class="col-md-12 pull-right">

                                                <!-- SHOP SELECTOR -->
                                                <div class="col-md-4">
                                                    <div class="col-md-10">
                                                        <label for="discount_shop_selected">
                                                            Filtro por tiendas
                                                        </label>
                                                        <select id="discount_shop_selected" class="form-control input-sm mb15 typeahead">
                                                            <option value="all" {% if not shopForShowStock %} selected {% endif %}>TODAS</option>
                                                            {% for shop in shops %}
                                                                <option value="{{ shop.id }}" {% if shopForShowStock == shop.id %} selected {% endif %}>{{ shop.name | upper }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    </div>
                                                    <div class="col-md-2" style="padding-top: 23px">
                                                        <button type="button" onclick="changeUnitsIncludedInArticlesIncludedList()" class="btn btn-primary">Mostrar</button>
                                                    </div>
                                                </div>
                                                <!-- /SHOP SELECTOR -->

                                                <div class="col-md-8">
                                                {% if articlesIntoDiscount | length > 0 %}
                                                    <!-- STOCK -->
                                                    <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                                        <button type="button" class="btn bg-orange-400 btn-block btn-float btn-float-lg" id="stock_massive_labels_btn">
                                                            <i class="icon-barcode2 position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                ETIQUETAS <br>  DE STOCK
                                                            </div>
                                                        </button>
                                                    </div>

                                                    <!-- ARTICLE -->
                                                    <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                                        <button type="button" class="btn bg-info-400 btn-block btn-float btn-float-lg" id="article_massive_labels_btn">
                                                            <i class="icon-footprint position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                ETIQUETAS <br>DE ARTÍCULO
                                                            </div>
                                                        </button>
                                                    </div>

                                                    {% if roleRight %}
                                                        <!-- DELETE -->
                                                        <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                                            <button type="button" class="btn bg-danger-400 btn-block btn-float btn-float-lg" onclick="deleteArticlesFromDiscount()">
                                                                <i class="icon-bin position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                     ELIMINAR<br>DE CAMPAÑA
                                                                </div>
                                                            </button>
                                                        </div>
                                                    {% endif %}

                                                    <!-- PRINT PDF -->
                                                    <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                                        <button type="button" class="btn bg-pink-800 btn-block btn-float btn-float-lg" onclick="printTable()">
                                                            <i class="glyphicon glyphicon-print position-left button_label_cc_icon_horizontal"></i>
                                                            <div class="button_label_cc_text">
                                                                IMPRIMIR<br>ARTÍCULOS
                                                            </div>
                                                        </button>
                                                    </div>
                                                {% endif %}
                                                </div>

                                        </div>
                                        <!-- /BUTTONS -->

                                        <!-- TABLE -->
                                        <div class="col-md-12">
                                            <div class="table-responsive" id="tableStockIntoDiscount">

                                                {% 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 removeColumnsWith0UnitsInDiscounts = group.groupConfiguration.removeColumnsWith0UnitsInDiscounts %}

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

                                                <table class="table" width="100%" id="article_list_table">

                                                    <thead>
                                                    <tr>
                                                        <th id="check_id" class="notexport notexportbtn "><input type="checkbox" onchange="checkAllArticles(this)" name="chk[]" /></th>
                                                        <th class="notexport notexportbtn "></th>
                                                        <th>COD-Artículo</th>
                                                        {% if useLocator %}
                                                            {% if useLocatorAlias %}
                                                                <th>Alias <br> Localizador</th>
                                                            {% else %}
                                                                <th>Localizador</th>
                                                            {% endif %}
                                                        {% endif %}
                                                        {% if showAutoincrementNumberForArticle %}
                                                            <th>Nº Orden</th>
                                                        {% endif %}
                                                        <th>Modelo</th>
                                                        <th>Color</th>
                                                        <th>Temporada</th>
                                                        <th>Proveedor</th>
                                                        <th>Marca</th>
                                                        <th>Sección</th>
                                                        {% if isTredico or showReference %}
                                                            <th>Ref</th>
                                                        {% endif %}
                                                        <th>Tipo de <br>artículo</th>
                                                        <th>Descripción <br>etiqueta</th>
                                                        {% if roleRight == true %}
                                                            <th id="cost_id">P.Coste</th>
                                                        {% endif %}
                                                        <th>PVP</th>
                                                        {% if groupConfiguration.articleExtraPricesSectionEnabled %}
                                                            <th>Tarifa extra</th>
                                                        {% endif %}

                                                        <th id="">Inclusión en campaña</th>
                                                        <th id="discount_id">Descuento</th>

                                                        <th>Precio rebajas</th>

                                                        <th>Disponible</th>
                                                        {% if roleRight == true %}
                                                            <th id="remove_id" class="notexport notexportbtn">Eliminar artículo</th>
                                                        {% endif %}
                                                    </tr>
                                                    </thead>

                                                    <tbody>

                                                    {% for obj in articlesIntoDiscount %}

                                                        {% if (not removeColumnsWith0UnitsInDiscounts and obj["stats_available"] > 0)
                                                            or removeColumnsWith0UnitsInDiscounts %}

                                                            <tr>
                                                                <td id="check_id">
                                                                    <input type="checkbox" name="discount_article_input" id="discount_article_input_id" value="{{ obj["articleId"] }}" style="margin-left: 5px;">
                                                                </td>
                                                                {% if 'amazonaws' in obj["articleWebPath"] %}
                                                                    {% set urlFilename =  obj["articleWebPath"] %}
                                                                {% else %}
                                                                    {% set urlFilename =  'uploads/' ~ obj["articleWebPath"] %}
                                                                {% endif %}
                                                                <td href="{{ urlFilename | imagine_filter('big_prop') }}" data-popup="lightbox" style="padding: 15px">
                                                                    <img class="gallery-item" id="img_{{ obj["articleId"] }}"  data-src="{{urlFilename | imagine_filter('list')  }}">
                                                                </td>
                                                                {% set textsAlias = obj["alias"]|split('-') %}
                                                                <td><a href="{{ path('article',{'id':obj["articleId"]}) }}">{{ textsAlias[1] }}</a></td>
                                                                {% if useLocator %}
                                                                    {% if useLocatorAlias %}
                                                                        <td>{{ obj["locatorAlias"] }}</td>
                                                                    {% else %}
                                                                        <td>{{ obj["locator"] }}</td>
                                                                    {% endif %}
                                                                {% endif %}
                                                                {% if showAutoincrementNumberForArticle %}
                                                                    <td>{{ obj["autoIncrement"] }}</td>
                                                                {% endif %}
                                                                <td><a href="{{ path('article',{'id':obj["articleId"]}) }}">{{ obj["articleModel"] }}</a></td>
                                                                <td>{{ obj["articleColor"] }}</td>
                                                                <td>{{ obj["season"] }}</td>
                                                                <td>{{ obj["dealer"] }}</td>
                                                                <td>{{ obj["brand"] }}</td>
                                                                <td>{{ obj["section"] }}</td>
                                                                {% if isTredico or showReference %}
                                                                    <td>{{ obj["ref"] }}</td>
                                                                {% endif %}
                                                                <td>{% if obj["typeArticle"] is defined %}{{ obj["typeArticle"] }}{% endif %}</td>
                                                                <td>{{ obj["description_label"] }}</td>
                                                                {% if roleRight == true %}

                                                                    {% if showCostPriceWithoutTaxes %}
                                                                        {% if obj["isBySizes"] == "1" %}
                                                                            <td align="center" id="cost_id"><div class="" style="border-radius: 50%; border: 1px solid deepskyblue; text-align: center; width:30px; height: 30px" title="Precio por tallas"><i class="icon-price-tags text-info" style="position:relative; top: calc(50% - 10px);"></i></div></td>
                                                                        {% else %}
                                                                            {% if obj["defaultCostPrice"] == "" %}
                                                                                <td align="center" id="cost_id">{{ obj["defaultCostPrice"] }}</td>
                                                                            {% else %}
                                                                                <td align="center" id="cost_id">{{ obj["stats_pc_resume_no_taxes"] | raw }}</td>
                                                                            {% endif %}
                                                                        {% endif %}
                                                                    {% else %}
                                                                        {% if obj["isBySizes"] == "1" %}
                                                                            <td align="center" id="cost_id"><div class="" style="border-radius: 50%; border: 1px solid deepskyblue; text-align: center; width:30px; height: 30px" title="Precio por tallas"><i class="icon-price-tags text-info" style="position:relative; top: calc(50% - 10px);"></i></div></td>
                                                                        {% else %}
                                                                            {% if obj["defaultCostPrice"] == "" %}
                                                                                <td align="center" id="cost_id">{{ obj["defaultCostPrice"] }}</td>
                                                                            {% else %}
                                                                                <td align="center" id="cost_id">{{ obj["stats_pc_resume"] | raw }}</td>
                                                                            {% endif %}
                                                                        {% endif %}
                                                                    {% endif %}
                                                                {% endif %}

                                                                {% if obj["isBySizes"] == "1" %}
                                                                    <td align="center"><div class="" style="border-radius: 50%; border: 1px solid deepskyblue; text-align: center; width:30px; height: 30px" title="Precio por tallas"><i class="icon-price-tags text-info" style="position:relative; top: calc(50% - 10px);"></i></div></td>
                                                                {% else %}
                                                                    {% if obj["defaultPVP"] != "" %}
                                                                        <td align="center">{{ obj["defaultPVP"] }}€</td>
                                                                    {% else %}
                                                                        <td align="center">{{ obj["stats_pvp_resume"] | raw }}</td>
                                                                    {% endif %}
                                                                {% endif %}

                                                                {% if groupConfiguration.articleExtraPricesSectionEnabled %}
                                                                    <td id="">
                                                                        <!-- TARIFA EXTRA -->
                                                                        {% if discount.typeArticlePrice %}
                                                                            {% set typeArticlePriceId = discount.typeArticlePrice.id %}
                                                                            {% if typeArticlePriceId == 1 %}
                                                                                {{ obj["price1"] }}{% if obj["price1"] %}€{% endif %}
                                                                            {% elseif typeArticlePriceId == 2 %}
                                                                                {{ obj["price2"] }}{% if obj["price2"] %}€{% endif %}
                                                                            {% elseif typeArticlePriceId == 10 %}
                                                                                {{ obj["price3"] }}{% if obj["price3"] %}€{% endif %}
                                                                            {% elseif typeArticlePriceId == 11 %}
                                                                                {{ obj["price4"] }}{% if obj["price4"] %}€{% endif %}
                                                                            {% elseif typeArticlePriceId == 12 %}
                                                                                {{ obj["price5"] }}{% if obj["price5"] %}€{% endif %}
                                                                            {% endif %}
                                                                        {% endif %}
                                                                    </td>
                                                                {% endif %}


                                                                <td id="discount_id">{{ obj[0]["createdAt"] | date("d/m/Y H:i") }} </td>

                                                                {% if  (obj["typeDiscount"] ==  constant('CoreBundle\\Entity\\TypeDiscount::TYPE_DISCOUNT_AMOUNT') )%}
                                                                    <td id="discount_id">Importe</td>
                                                                    <td style="text-align: center;">{{ obj[0]["amount"] }}€</td>
                                                                {% endif %}
                                                                {% if  (obj["typeDiscount"] ==  constant('CoreBundle\\Entity\\TypeDiscount::TYPE_DISCOUNT_PERCENTAGE') )%}
                                                                    <td id="discount_id">Porcentaje</td>
                                                                    <td style="text-align: center;">({{ obj[0]["amount"] }}%)
                                                                        <br>
                                                                        {% set priceRound = (obj[0]["pvp"] - ( (obj[0]["pvp"] * obj[0]["amount"] ) / 100 ) ) %}
                                                                        {{ priceRound | rounded_price(obj[0]["roundJson"])  | number_format(2, ',', '.')  }}€
                                                                        <br>
                                                                        {% if  obj[0]["roundJson"] != "" %}
                                                                            {{ rounded_info(obj[0]["roundJson"])|raw }}
                                                                        {% endif %}
                                                                    </td>
                                                                {% endif %}
                                                                {% if  (obj["typeDiscount"] ==  "0" )%}
                                                                    <td id="discount_id" style="text-align: center;"></td>
                                                                    <td style="text-align: center;">{{ obj[0]["amount"] }}</td>
                                                                {% endif %}

                                                                {% set articleAvailable = obj["stats_available"] %}
                                                                {% if articleAvailable > 0 %}
                                                                    <td>
                                                                        <button type="button" class="btn  bg-green btn-rounded show-stock"
                                                                                data-target="#modal_full"
                                                                                data-toggle="modal"
                                                                                data-id="{{ obj["articleId"] }}"
                                                                                data-status="4"
                                                                                data-compare="availableandtransit"
                                                                                style="margin: auto; display: block;min-width: 35px;">{{ articleAvailable }}
                                                                        </button>
                                                                    </td>
                                                                {% else %}
                                                                    <td style="text-align: center"></td>
                                                                {% endif %}
                                                                {% if roleRight == true %}
                                                                    <td style="padding: 10px" id="remove_id"><a class="btn btn-rounded btn btn-flat text-danger border-danger" href="{{ path("delete_article_from_discounts", { "discountsId" : discount.id,  "articleId" : obj["articleId"] }) }}"><i class="icon-trash"></i></a></td>
                                                                {% endif %}
                                                            </tr>

                                                        {% endif %}

                                                    {% endfor %}

                                                    </tbody>

                                                </table>

                                            </div>
                                        </div>
                                        <!-- TABLE -->
                                </div>
                            </div>
                        {% endif %}
                        <!-- STOCKS TAB -->

                    </div>
                </div>

            </div>

        </div>

    </div>


    {{ form_end(form) }}

    <!-- DIALOGS FOR LABELS -->
    <div id="discount_label_modal_container">
    </div>


    <script type="text/javascript">

        $(document).ready(function () {

            if(!$('#discountsFormBasic_isAvailableOnWebsite').is(':checked')) {
                $('#label_name_website').prop("hidden", true);
            }

            // DATATABLE STOCKS
            $('#article_list_table').DataTable({
                "paging":   false,
                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();

            $("#discountsFormBasic_nameForLabels").attr('maxlength','4');

            {% if reloadTAB == 1 %}
                $('[href="#informationTab"]').tab('show');
            {% else %}
                $('[href="#stockTab"]').tab('show');
                // LAZY LOADING FOR IMAGES
                setTimeout(loadImagesIntoTableWithoutPagination, 1000);
            {% endif %}

        });

        $('a[href=#stockTab]').click(function(){

            {% if reloadTAB == 1 %}
                changeUnitsIncludedInArticlesIncludedList();
            {% endif %}


            // LAZY LOADING FOR IMAGES
            setTimeout(loadImagesIntoTableWithoutPagination, 1000);


        });

        //LABELS FOR ARTICLE
        $('#article_massive_labels_btn').click(function () {

            //DISCOUNT SELECTED
            var discountId = '{{ discount.id }}';

            //COLLECTING STOCKS
            var data = { 'articleId' : [] };
            $("input[id=discount_article_input_id]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            //CHECK STOCK IS SELECTED
            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para etiquetar.",
                    type: "warning"
                });
                return ;
            }

            $.ajax({
                type: "POST",
                url: " {{path('_ajax_print_labels_article_massive')}}",
                data: {list:data, discountIdSelected: discountId},
                success: function(result) {
                    $('#discount_label_modal_container').empty();
                    $('#discount_label_modal_container').html(result);
                    $('#article-label-modal').modal('show');
                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error generando las etiquetas.",
                        type: "error"
                    });
                }
            });
        });

        //LABELS FOR STOCK
        $('#stock_massive_labels_btn').click(function () {

            //DISCOUNT SELECTED
            var discountId = '{{ discount.id }}';

            //GET ALL THE CHECKBOXES SELECTED INTO TABLE SEPARATED BY COMA
            var checkedValuesConcatenated = $('input[id=discount_article_input_id]:checked').map(function () {
                return this.value;
            }).get().join(',');

            //CHECK STOCK IS SELECTED
            if (checkedValuesConcatenated.length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para etiquetar.",
                    type: "warning"
                });
                return ;
            }

            $.ajax({
                type: "POST",
                url: " {{path('_ajax_print_labels_discounts')}}",
                data: {
                    articles: checkedValuesConcatenated,
                    discountIdSelected: discountId
                },
                success: function(result) {
                    $('#discount_label_modal_container').empty();

                    $('#discount_label_modal_container').append(result);
                    $('#discount-print-label').modal('show');

                    //force search
                    findStocks();

                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error generando las etiquetas.",
                        type: "error"
                    });
                }
            });
        });

        function findStocksReset(){
            $('#shops-discount').val("");
            $('#status-discount').val("");
            $('#articles-discount').val("");

            $("#articles-discount").select2("val", "");
            $("#status-discount").select2("val", "");
            $("#shops-discount").select2("val", "");

            findStocks();
        }
        function findStocks(){

            statusIds = $('#status-discount').val();
            shopsIds = $('#shops-discount').val();
            articlesIds = $('#articles-discount').val();

            //GET ALL THE CHECKBOXES SELECTED INTO TABLE SEPARATED BY COMA
            var articlesCheckedConcatenated = $('input[id=discount_article_input_id]:checked').map(function () {
                return this.value;
            }).get().join(',');

            $("#dinamic-table-for-discount").html('<div class="text-center m-20"> <i class="icon-spinner2 spinner mr-2"></i></div>');

            $.ajax({
                type: "POST",
                url: " {{path('_ajax-label-search-criteria_for_discounts')}}",
                data: {shops : shopsIds, status : statusIds, discountId : discountId, articlesId : articlesIds, articlesChecked : articlesCheckedConcatenated},
                success: function (result){

                    statusIds = [];
                    shopsIds = [];

                    $("#dinamic-table-for-discount").empty();
                    $("#dinamic-table-for-discount").append(result);

                    $('#label-table').DataTable({
                        "bInfo" : true,
                        "bPaginate" : false,
                        "scrollY": 300,
                        "aaSorting": []
                    }).columns.adjust().draw();

                    $(".dataTables_scrollHeadInner").css({"width":"100%"});
                    $(".table ").css({"width":"100%"});

                },
                error: function(err) {
                    console.log(err.responseText);
                }
            });
        }

        //CHECK STOCK
        function checkAllArticles(ele) {
            var checkboxes = $('#article_list_table 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;
                    }
                }
            }
        }

        // DELETE ARTICLES FROM CRACKDOWN
        function deleteArticlesFromDiscount() {
            var data = [];
            var discountId = '{{ discount.id }}'

            $("input[id=discount_article_input_id]:checked").each(function() {
                data.push($(this).val());
            });

            //CHECK STOCK IS SELECTED
            if (data.length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para eliminar.",
                    type: "warning"
                });
                return ;
            }

            showLoader();

            $.ajax({
                type: "POST",
                url: " {{path('remove_articles_from_discount')}}",
                data: {
                    list:data,
                    discount:discountId
                },
                success: function(result) {
                    hideLoader();
                    window.location.reload();
                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error eliminando artículos.",
                        type: "error"
                    });
                }
            });
        }

        $('#select_all_shops').click(function(){
            var element = $('#discountsFormBasic_shops');
            var selected = [];
            element.find("option").each(function (i, e) {
                selected[selected.length]=$(e).attr("value");
            });
            element.select2("val", selected);
        });

        function changeUnitsIncludedInArticlesIncludedList() {
            var shopSelected = $('#discount_shop_selected').val();
            var discountId = '{{ discountsId }}';

            showLoader();

            var url = Routing.generate('discounts_edit', { 'id' : discountId, 'shopSelected' : shopSelected });

            window.location.href = url;

        }

        function printTable() {
            var clone = $("#article_list_table").clone(true);

            clone.find('th[id=check_id],th[id=cost_id],th[id=remove_id],th[id=discount_id]').remove();
            clone.find('tr').find('td[id=check_id],td[id=cost_id],td[id=remove_id],td[id=discount_id]').remove();

            var txt = clone.html();

            $.ajax({
                type: "POST",
                url: " {{path('print_discounts_articles')}}",
                data: {
                    txt: txt,
                    discountId: '{{ discountsId }}',
                    shopId: '{{ shopForShowStock }}'
                },
                success: function(response) {
                    var myWindow = window.open();

                    if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                        swal(
                            'OPPS!',
                            'Su navegador tiene las ventanas emergentes bloquedas. ' +
                            'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                            'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                            'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                            'En el selector a su derecha selecciones "Permitir".',
                            'warning'
                        );
                    } else {
                        myWindow.document.open('text/plain');
                        myWindow.document.writeln(response);
                        myWindow.document.close();
                    }
                },
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error al imprimir artículos.",
                        type: "error"
                    });
                }
            });
        }


        function saveDiscount(){

            var formValid = $('form[name="discountsFormBasic"]').valid();
            if ($("#discountsFormBasic_name").val() == "" || $("#discountsFormBasic_dateStart").val() == ""){
                swal({
                        title: "ERROR",
                        text: "Debe rellenar los campo 'Nombre de la rebaja' y la 'Fecha de inicio' de la campaña obligatoriamente.",
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonColor: "#EF5350",
                        confirmButtonText: "Entendido",
                        closeOnConfirm: true
                    }
                );
                return false;
            }

            swal({
                    title: "ATENCIÓN",
                    text: "Si ha realizado cambios en la configuración de la rebaja, todos los artículos se volverán a recalcular dentro de esta rebaja y este proceso hará que la rebaja esté disponible dentro de unos minutos, ¿desea continuar?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Sí",
                    cancelButtonText: "No",
                    closeOnConfirm: true
                },
                function (isConfirm) {
                    if (isConfirm) {
                        {% if discount.migratedAt is null %}
                            showLoader('Migrando/creando la campaña actual, por favor espere.');
                        {% else %}
                            showLoader('1');
                        {% endif %}

                        //SUBMIT FORM
                        $('form[name="discountsFormBasic"]').submit();
                    }
                }
            );

        }

    </script>


{% endblock%}