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

{% block stylesheets %}
    {{ parent() }}
    <link href="{{asset('assets/css/circle.css')}}" rel="stylesheet" type="text/css">
{% endblock %}

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

{% block sectionTitle %}Artículos disponibles en su web [ {{ websiteConfigWebsiteTitle }} ]{% endblock %}

{% block sectionActions %}

{% endblock %}

{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('website_list') }}">Listado de websites</a></li>
    <li><a class="" href="{{ path('website_menu', {"id": websiteConfigId}) }}">Menu gestión web</a></li>
    <li class=""><a href="{{ path('website_menu_articles', {"id": websiteConfigId}) }}">Menú de artículos disponibles en la web</a></li>
    <li class="active">Artículos disponibles en su web</li>
{% endblock %}

{% block content %}


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

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

        </div>
    </div>

    {% if app.session.flashBag.get('success') | length > 0 %}
        <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 %}
            </div>
        </div>
    {% endif %}

    {% for flash_message in app.session.flashBag.get('error') %}
        <div class="alert alert-danger alert-styled-left" style="margin: 20px;">
            <span class="text-semibold">{{ flash_message }}</span>
        </div>
    {% endfor %}

    <div class="panel-flat panel-white">
        <div class="panel-body">
            <div class="panel panel-white">

                <div class="panel-heading">
                    <h6 class="" style="margin-bottom: 0px;">{{ elements  | length }} ARTÍCULOS ENCONTRADOS</h6>
                </div>

                <div class="panel-body">


                        <!-- BUTTON -->
                        <div class="row">

                            <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                <button type="button" class="btn bg-success-300 btn-block btn-float btn-float-lg"
                                        onclick="applySortArticle()">
                                    <i class="icon-check2 position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        APLICAR<br>ORDEN
                                    </div>
                                </button>
                            </div>

                            <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                <button type="button" class="btn bg-red btn-block btn-float btn-float-lg"
                                        onclick="deleteArticleFromWebsite()">
                                    <i class="glyphicon glyphicon-remove position-left button_label_cc_icon_horizontal"></i>
                                    <div class="button_label_cc_text">
                                        ELIMINAR<br> DE LA WEB
                                    </div>
                                </button>
                            </div>

                            {% if websiteConfigIsMainWebsite %}

                                <div class="col-xs-2 pull-right button_cc_width_horizontal">
                                    <button type="button" class="btn bg-blue-300 btn-block btn-float btn-float-lg"
                                            onclick="getCSVFacebookProducts()">
                                        <i class="icon-facebook2 position-left button_label_cc_icon_horizontal"></i>
                                        <div class="button_label_cc_text">
                                            CSV PARA<br> FACEBOOK
                                        </div>
                                    </button>
                                </div>

                            {% endif %}

                        </div>

                    <!-- LIST -->
                    <div id="tableIncludedArtile" style="margin-top: 10px;">
                        {% include 'CoreBundle:Website:_list_article_included.html.twig' %}
                    </div>

                </div>

            </div>

        </div>

    </div>

    {{ include('@Core/Article/_stock_modal_menu.html.twig') }}

{% endblock%}

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

    <script>

        $(document).ready(function(){
        });

        //CHECK ALL TO REMOVE
        function checkAllTheseStocksToRemove(ele) {
            var checkboxes = $('#article_list_table_included_website 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 TO WEBSITE
        function deleteArticleFromWebsite(){

            var data = { 'articleId' : [] };

            //read all selected values
            $("input[name=articleIdDialogPublished]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para eliminar en su web.",
                    type: "warning"
                });
                return ;
            }

            $.ajax({
                type: "POST",
                url: " {{path('ajax_delete_articles_from_website')}}",
                data: {list:data, websiteConfig: '{{ websiteConfigId }}'},
                success: function(result) {


                    var sw = swal({
                            title: "Perfecto !!",
                            text: "Los artículos han sido eliminados de su web.",
                            type: "info",
                            confirmButtonColor: "#2196f3",
                            confirmButtonText: "Perfecto",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                                var url= Routing.generate('website_status',{'id' : '{{ websiteConfigId }}' });
                                window.location.href = url;
                            }
                        });


                }
                ,
                error: function(err) {
                    var sw = swal({
                        title: "ERROR",
                        text: "Error eliminando los artículos en su web",
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    });
                }
            });

        }

        function getCSVFacebookProducts() {
            var data = { 'articleId' : [] };

            //read all selected values
            $("input[name=articleIdDialogPublished]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            var articleIdArrayConcatenated = data['articleId'].join(',');

            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para crear el CSV.",
                    type: "warning"
                });
                return ;
            } else {

                showLoader();

                //setup ajax
                $.ajaxSetup({
                    beforeSend:function(jqXHR,settings){
                        if (settings.dataType === 'binary'){
                            settings.xhr().responseType='arraybuffer';
                            settings.processData=false;
                        }
                    }
                })

                $.ajax({
                    type: "POST",
                    url: " {{path('generate_CSV_facebook_products')}}",
                    data: {list: articleIdArrayConcatenated, websiteConfig : '{{ websiteConfigId }}'},
                    success: function (result){
                        var blob=new Blob([result]);
                        var link=document.createElement('a');
                        link.href=window.URL.createObjectURL(blob);
                        link.download="clacclac-facebook.csv";
                        link.click();
                        hideLoader();
                    },
                    error: function(err) {
                        hideLoader();
                        console.log(err.responseText);
                        hideLoader();
                    }
                });
            }
        }

        function getCSVPrestashopProducts() {
            var data = { 'articleId' : [] };

            //read all selected values
            $("input[name=articleIdDialogPublished]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para crear el CSV.",
                    type: "warning"
                });
                return ;
            } else {
                window.location.href = Routing.generate('generate_CSV_prestashop_products', { "list" : data, 'websiteConfig' : '{{ websiteConfigId }}' });
            }
        }

        function getCSVPrestashopCombinations() {
            var data = { 'articleId' : [] };

            //read all selected values
            $("input[name=articleIdDialogPublished]:checked").each(function() {
                data['articleId'].push($(this).val());
            });

            if (data['articleId'].length === 0) {
                new PNotify({
                    text: "Debe seleccionar al menos algún artículo para crear el CSV.",
                    type: "warning"
                });
                return ;
            } else {
                window.location.href = Routing.generate('generate_CSV_prestashop_combinations', { "list" : data, 'websiteConfig' : '{{ websiteConfigId }}' });
            }
        }

        // APPLY SECTION SORT TO ARTICLES AVAILABLES ON WEBSITE
        function applySortArticle(){

            var value = $('.dataTables_filter input').val();
            if (value != ""){
                swal({
                    title: "Error!",
                    text: "Antes de aplicar este orden, debe limpiar el FILTER de la tabla.",
                    confirmButtonColor: "#4caf50",
                    type: "error"
                });
                return false;
            }


            var SearchFieldsTable = $("#article_list_table_included_website tbody");

            var trows = SearchFieldsTable.children("tr");
            var articleIdArray = [];
            var sortIdArray = [];

            $.each(trows, function (index, row) {
                var articleId=$(row).attr("data-article");
                var sortId=$(row).closest('tr').children('td:first').text();

                articleIdArray.push(articleId);
                sortIdArray.push(sortId);
            });

            var articlesId = { 'articlesId' : articleIdArray };
            var sortsId = { 'sortsId' : sortIdArray };

            if(articlesId['articlesId'].length > 0) {
                showLoader();
                $.ajax({
                    type: "POST",
                    url: " {{path('set_sorting_website')}}",
                    data: {articlesId: articlesId, sortsId: sortsId, websiteConfig : '{{ websiteConfigId }}'},
                    success: function (result){
                        hideLoader();
                        swal({
                            title: "Perfecto!",
                            text: "Los artículos de esta página han sido ordenados.",
                            confirmButtonColor: "#4caf50",
                            type: "success"
                        });
                    },
                    error: function(err) {
                        hideLoader();
                        console.log(err.responseText);
                    }
                });
            } else {
                swal({
                    title: "WHOPS!",
                    text: "No ha artículos para ordenar.",
                    confirmButtonColor: "#EF5350",
                    type: "error"
                });
            }


        }

    </script>
{% endblock %}