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

{% block javascript %}
    {{ parent() }}
    <script src="{{ asset('assets/js/core.weborders.searchcriteria.js') }}"></script>
{% endblock %}

{% block sectionTitle %}Pedidos web [ {{ websiteConfig.websiteTitle }} ]{% endblock %}
{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('website_weborder_new', {"websiteConfigId": websiteConfig.id}) }}"><i class="icon-plus2 position-left"></i>Nuevo pedido</a>
{% endblock %}


{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('website_list') }}">Listado de websites</a></li>
    <li><a class="" href="{{ path('website_menu', {"id": websiteConfig.id}) }}">Menu gestión web</a></li>
    <li class="active">Pedidos web</li>
{% endblock %}


{% block content %}

    <div class="panel-body">

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

        <div class="row" style="margin-bottom: 20px;">
            <!-- LABELS -->
            <div class="col-md-12 pull-right text-right">

                <div class="col-xs-2 pull-right">
                    <button type="button" class="btn bg-blue-300 btn-block btn-float btn-float-lg"
                            onclick="getCSVPendingOrdersMarketplace()">
                        <i class="icon-table2 position-left button_label_cc_icon_horizontal"></i>
                        <div class="button_label_cc_text">
                            EXPORTAR PEDIDOS <BR> TRANSPORTISTAS
                        </div>
                    </button>
                </div>

                <div class="col-xs-2 pull-right">
                    <button type="button" class="btn bg-red btn-block btn-float btn-float-lg"
                            onclick="cancelWebOrdersSelected()">
                        <i class="glyphicon glyphicon-remove-circle  position-left button_label_cc_icon_horizontal"></i>
                        <div class="button_label_cc_text">
                            CANCELAR <BR> PEDIDOS SELECCIONADOS
                        </div>
                    </button>
                </div>

                <div class="col-xs-2 pull-right">
                    <button type="button" class="btn bg-info-800 btn-block btn-float btn-float-lg"
                            onclick="doneFastWebOrdersSelected()">
                        <i class="glyphicon glyphicon-ok-sign  position-left button_label_cc_icon_horizontal"></i>
                        <div class="button_label_cc_text">
                            FINALIZAR <BR> PEDIDOS SELECCIONADOS
                        </div>
                    </button>
                </div>

                <div class="col-xs-2 pull-right">
                    <button type="button" class="btn bg-green-800 btn-block btn-float btn-float-lg"
                            onclick="setLikePayedWebOrdersSelected()">
                        <i class="glyphicon glyphicon-euro position-left button_label_cc_icon_horizontal"></i>
                        <div class="button_label_cc_text">
                            PASAR PEDIDOS <BR> A PAGADO
                        </div>
                    </button>
                </div>

                <div class="col-xs-2 pull-right">
                    <button type="button" class="btn bg-pink-300 btn-block btn-float btn-float-lg"
                            onclick="getExcelPickingOrdersMarketplace()">
                        <i class="icon-file-excel position-left button_label_cc_icon_horizontal"></i>
                        <div class="button_label_cc_text">
                            LISTADO EXCEL <BR> PEDIDOS PICKING
                        </div>
                    </button>
                </div>

            </div>
            <!-- LABELS -->
        </div>

        <div class="col-md-12 table-responsive" >

            <div class="panel panel-flat">

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

                <div class="panel-body">

                    <div id="customerListWebOrders">
                        {% include 'CoreBundle:Customer:customer_weborder_list.html.twig' %}
                    </div>

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

    </div>

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


    <script>

        $(document).ready( function () {

            //SEARCH CRITERIA PLUGIN
            core_weborders_search_criteria.getCriteria();

        });



        function getCSVPendingOrdersMarketplace() {

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

    </script>

{% endblock%}