{% extends "AppBundle::layout_backend.html.twig" %} 

{% block headercontent %}
{% endblock %} 

{% block stylesheets %}
    <link href="{{ asset('bundles/app/plugins/sweetalert/css/sweetalert.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('bundles/app/plugins/datatables.1.10.16/css/dataTables.bootstrap.min.css') }}" rel="stylesheet"
          type="text/css"/>
{% endblock %} 

{% block content %}
    <div class='row'>
        <div class='col-xs-12 col-lg-10 col-md-10'>
            <h4>Gestión Marketplaces</h4>
        </div>
    </div>
    <div class='box views'>
        <div class="row">
            <div class='col-xs-12 col-lg-12 col-md-12 box-tools' style=''>
                <h4 class="col-lg-12 col-md-12 col-xs-12">Acciones</h4>
                <div class='box-tools-inner'>
                    <form action="{{ path('app_search_producto_global') }}" method="get">
                        <div class='form-group col-lg-3 col-md-3 col-xs-12'>
                            <label>Filtro:</label>
                            <div class="input-group">
                                <select id="columna" name="columna" class="form-control">
                                    {% for key, columna in columnas %}
                                        <option {% if xcolumna == key %} selected {% endif %} value="{{ key }}">
                                            {{ columna }}
                                        </option>
                                    {% endfor %}
                                </select>
                                <select id="expresion" name="expresion" class="form-control">
                                    {% for key, expresion in expresiones %}
                                        <option {% if xexpresion == key %} selected {% endif %} value="{{ key }}">
                                            {{ expresion }}
                                        </option>
                                    {% endfor %}
                                </select>
                                <input class="form-control" placeholder="Ingrese información de busqueda" name="search"
                                       type="text" value="{{ xsearch }}">
                                <div class="row">
							<span class="input-group-btn col-lg-12 col-md-12 col-xs-12">
								<button id="btnfiltrar" class="btn btn-default btn-flat" type="submit">
								<i class="fa fa-search"></i>{% trans %}Filtrar{% endtrans %}</button>
							</span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class='form-group col-lg-2 col-md-2 col-xs-12'>
                        <label>Productos/ página:</label>
                        <form action="{{ path('ProductosmarketplaceController_indexView') }}" method="get">
                            <div class="input-group col-lg-8 col-md-8 col-xs-8">
                                <select id="xnroregistros" name="xnroregistros" class="form-control">
                                    <option value="{{ nroregistros }}">{{ nroregistros }}</option>
                                    <option value="10">10</option>
                                    <option value="20">20</option>
                                    <option value="40">40</option>
                                    <option value="50">50</option>
                                    <option value="75">75</option>
                                    <option value="100">100</option>
                                </select>
                                <span class="input-group-btn">
								<button id="btnfiltroreg" class="btn btn-default btn-flat" type="submit">
									<i class="fa fa-sort-amount-asc"></i>{% trans %}Aplicar{% endtrans %}</button>
							</span>
                            </div>
                        </form>
                    </div>
                    <div class='form-group col-lg-3 col-md-3 col-xs-12'>
                        <label>Publicación Masiva:</label>
                        <div class='input-group'>
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                Seleccionar
                                <span> </span>
                                <i class='fa fa-caret-down'></i>
                            </button>
                            <div class="dropdown-menu menu-publish">
                                <a id='btn_crear_producto_banco_loteicbc' class="dropdown-item" href="#">
                                    <img class='img-publish' src='{{ asset('uploads/images/market/icbc.png ') }}'/>
                                </a>
                                <br>
                                <div class="dropdown-divider"></div>
                                <a id='btn_crear_producto_banco_lotetiendac' class="dropdown-item" href="#">
                                    <img class='img-publish' src='{{ asset('uploads/images/market/tclic.png ') }}'/>
                                </a>
                                <div class="dropdown-divider"></div>
                                <a id='btn_crear_producto_banco_lotevtex' data-market="tiendadia" class="dropdown-item" href="#">
                                    <img class='img-publish'
                                         src='{{ asset('uploads/images/market/tiendadia.png ') }}'/>
                                </a>
                                <a id='btn_crear_producto_banco_lotevtex' data-market="fravega" class="dropdown-item" href="#">
                                    <img class='img-publish'
                                         src='{{ asset('uploads/images/market/fravega.png ') }}'/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <div class='row'>
            <div class='col-xs-12 col-lg-12 col-md-12'>
                <div class="table-responsive">
                    <table id='tablesorter1' class='showview table  table-hover table-responsive'>
                        <thead>
                        <tr class='tr-top-table'>
                            {# sorting of properties based on query components #}
                            <th>
                                <label><input type="checkbox" id="checkTodos"></label>
                            </th>
                            <th class='col-lg-1 col-md-1 col-xs-1'>SKU</th>
                            <th class='col-lg-1 col-md-1 col-xs-2'>Imagen</th>
                            <th {% if pagination.isSorted( 'title') %} class="sorted" {% endif %}>{{ knp_pagination_sortable(pagination, 'Producto', 'title') }}</th>
                            <th>Stock</th>
                            <th
                                    {% if pagination.isSorted( 'price') %} class="sorted" {% endif %}>{{ knp_pagination_sortable(pagination, 'Precio Base', 'price') }}

                                <i data-toggle='tooltip' class='fa fa-question-circle cfj-info' data-placement='top'
                                   title='Precio Final: IVA INCLUIDO'></i>
                            </th>

                            <th
                                    {% if pagination.isSorted( 'pricelista') %} class="sorted" {% endif %}>{{ knp_pagination_sortable(pagination, 'Precio Regular', 'pricelista') }}
                                <i data-toggle='tooltip' class='fa fa-question-circle cfj-info' data-placement='top'
                                   title='Precio Final: IVA INCLUIDO'></i>
                            </th>

                            <th>Marketplace</th>

                            <th>Publicar</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for d in pagination %}
                            <tr>
                                <td>
                                    <input class="calicuota" type="checkbox" id="item{{ d.id }}" value="{{ d.id }}">
                                </td>
                                <td>
                                    {{ d.sku }}
                                </td>
                                <td>
                                    {% if (d.tumbnail) %}
                                        <img id="img_icono" class="img-thumbnail" src="{{ d.tumbnail }}"/>
                                    {% endif %}
                                    {#	{% for imagen in d.imagenproducto %}
                                        {% set foto =asset(imagen.nombre,'directoriofotosbanco') %}

                                        {{ dump(imagen) }}
                                        <img id='verfoto' .{{loop.index}} width="80" height="80" class="verfoto1" src="{{ foto }}" />
                                        {% endfor %} #}
                                </td>
                                <td>
                                    {{ d.titulo }}
                                </td>
                                <td align="center">
                                    <div class='stockbox
									{% if (d.stock==0) %}
										nostock
									{% elseif (d.stock<3) %} 
										lowstock
									{% endif %} '>
                                        <a id="link-mostrar-stock{{ d.id }}" data-id="{{ d.id }}" data-sku="{{ d.sku }}"
                                           data-titulo="{{ d.titulo }}" data-stock="{{ d.stock }}"
                                           data-reserva="{{ d.getReserva() }}" href="#">
                                            {{ d.stock }}
                                        </a>
                                    </div>
                                </td>
                                <td>
                                    {{ d.precio|number_format(2, '.', ',') }}
                                </td>
                                <td>
                                    {{ d.preciolista|number_format(2, '.', ',') }}
                                </td>
                                <td align="center">
                                    {% if d.productomarketplaces %}
                                        {% for pm in d.productomarketplaces %}
                                            <span class="label label-success">{{ pm.marketplace.codigo|upper }}</span>
                                            </br>
                                        {% endfor %}
                                    {% endif %}
                                </td>
                                <td align="center">
                                    {% if d.capability %}
                                        {% if d.capability.getCanpublish() == true %}
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-primary dropdown-toggle btn-xs"
                                                        data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                    <span>Publicar en: </span>
                                                    <i class='fa fa-caret-down'></i>
                                                </button>
                                                <div class="dropdown-menu menu-publish">
                                                    <a id='btnenviar' class="dropdown-item"
                                                       href="{{ path('app_crear_lote_producto_global_banco', { 'lote': d.id }) }}">
                                                        <img class='img-publish'
                                                             src='{{ asset('uploads/images/market/icbc.png ') }}'/>
                                                    </a>
                                                    <div class="dropdown-divider"></div>
                                                    <a id='btnenviar1' class="dropdown-item"
                                                       href="{{ path('app_crear_lote_producto_global_tiendac', { 'lote': d.id }) }}">
                                                        <img class='img-publish'
                                                             src='{{ asset('uploads/images/market/tclic.png ') }}'/>
                                                    </a>
                                                    <div class="dropdown-divider"></div>
                                                    <a id='btnenviar2' class="dropdown-item"
                                                       href="{{ path('app_crear_lote_producto_global_vtex', {'marketplace':'tiendadia','lote': d.id, }) }}">
                                                        <img class='img-publish'
                                                             src='{{ asset('uploads/images/market/tiendadia.png ') }}'/>
                                                    </a>
                                                    <a id='btnenviar2' class="dropdown-item"
                                                       href="{{ path('app_crear_lote_producto_global_vtex', {'marketplace':'fravega','lote': d.id, }) }}">
                                                        <img class='img-publish'
                                                             src='{{ asset('uploads/images/market/fravega.png ') }}'/>
                                                    </a>
                                                </div>
                                            </div>
                                        {% else %}
                                            <span>Requeridos para Publicar: </span><br/>
                                            {% for i in d.issue %}
                                                <span class="label label-info">{{ i.requerido.getName() }}</span>
                                                {% if not loop.last %}/{% endif %}
                                            {% endfor %}
                                        {% endif %}
                                    {% endif %}
                                </td>
                            </tr>
                        {% else %}
                            <tr class="danger">
                                <td colspan="4">
                                    No hay resultados para mostrar.
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="box views">
        <div class="box-footer">
            <div class='row'>
                <div class="col-xs-12 col-lg-6 col-md-6">
                    Cantidad Productos: {{ pagination.getTotalItemCount }}
                </div>
                <div class="col-xs-12 col-lg-offset-6 col-md-offset-6 col-lg-6 col-md-6 pull-right">
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
        <!-- box-footer -->
    </div>

    <!-- Modal stock-->
    <div class="modal fade" id="modal-stock" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Detalle Stock</h4>
                </div>
                <div class="modal-body">
                    <div class='row'>
                        <div class="col-xs-2 col-lg-2 col-md-2">
                            <input type="text" class="form-control" id="mysku" name="sku" readonly>
                        </div>
                        <div class="col-xs-10 col-lg-10 col-md-10">
                            <input type="text" class="form-control" id="mytitulo" name="titulo" readonly>
                        </div>
                    </div>
                    <div class='row'>
                        <div class='col-xs-12 col-lg-12 col-md-12'>
                            <div class="table-responsive">
                                <table id='tablemodal' class="table table-hover table-responsive">
                                    <thead>
                                    <tr class='tr-top-table'>
                                        <th>Stock</th>
                                        <th>Reserva</th>
                                        <th>Disponible</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td><input type="text" class="form-control" id="mystock" name="stock" readonly>
                                        </td>
                                        <td><input type="text" class="form-control" id="myreserva" name="reserva"
                                                   readonly></td>
                                        <td><input type="text" class="form-control" id="mydisponible" name="disponible"
                                                   readonly></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div><!-- End Modal inicio-->


{% endblock %} {% block javascripts %}
    <script src="{{ asset('bundles/app/plugins/sweetalert/js/sweetalert.min.js') }}" type="text/javascript"></script>

    <script src="{{ asset('bundles/app/plugins/datatables.1.10.16/js/jquery.dataTables.min.js') }}"
            type="text/javascript"></script>

    <script src="{{ asset('bundles/app/plugins/datatables.1.10.16/js/dataTables.bootstrap.min.js') }}"
            type="text/javascript"></script>
    <script>
        function ocultarMostrarExpresion() {
            if ($("#columna").val() == 'stock' || $("#columna").val() == 'precio' ||
                $("#columna").val() == 'lista') {

                $("#expresion").show();
            } else {
                $("#expresion").hide();
            }
            ;
        }

        $(document).ready(function () {
            $("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');

            ocultarMostrarExpresion();

            $("#columna").change(function () {
                ocultarMostrarExpresion();
            });

            $("#checkTodos").change(function () {
                $("input:checkbox").prop('checked', $(this).prop("checked"));
            });

            $("#btnalicuota").click(function () {
                var xurl;
                var xurl2;
                var xporcalicuota;
                xporcalicuota = $('#alicuota').val();
                if (xporcalicuota > 0) {
                    var values = (function () {
                        var a = [];
                        $(".calicuota:checkbox:checked").each(function () {
                            a.push(this.value);
                        });
                        return a;
                    })()
                    if (values != '') {
                        xurl = "{{ path('app_actualizar_alicuota_mk_global', { 'xalicuota': 'valores','xporcalicuota':'valorporc' }) }}";
                        xurl2 = xurl.replace('valores', values);
                        xurl3 = xurl2.replace('valorporc', xporcalicuota);
                        var url = xurl3;
                        //success,info,warning,error
                        swal({
                                title: "¿Esta seguro que desea cambiar las alicuotas de los Items Seleccionados ?",
                                text: "El proceso actualizara los productos.",
                                type: "info",
                                showCancelButton: true,
                                confirmButtonColor: "#00a65a",
                                confirmButtonText: "Si",
                                cancelButtonText: "No",
                                closeOnConfirm: true,
                                closeOnCancel: false
                            },
                            function (isConfirm) {
                                if (isConfirm) {
                                    swal("Proceso", "Iniciado", "success");
                                    document.location.href = url;
                                } else {
                                    swal("Importar", "Se cancelo el proceso", "error");
                                }
                            }
                        );
                    } else
                        swal("Debe seleccionar un item", "Para el proceso de actualizar Alicuota", "error");
                } else
                    swal("Debe seleccionar una alicuota", "Para el proceso de actualizar Alicuota", "error");
            });

            $("#btn_crear_producto_banco_loteicbc").click(function () {
                var xurl;
                var xurl2;
                var values = (function () {
                    var a = [];
                    $(".calicuota:checkbox:checked").each(function () {
                        a.push(this.value);
                    });
                    return a;
                })()
                if (values != '') {
                    xurl = "{{ path('app_crear_lote_producto_global_banco', { 'lote': 'valores'}) }}";
                    xurl2 = xurl.replace('valores', values);
                    var url = xurl2;
                    //success,info,warning,error
                    swal({
                            title: "¿Esta seguro que desea crear en Banco los productos Seleccionados ?",
                            text: "El proceso actualizara los productos.",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#00a65a",
                            confirmButtonText: "Si",
                            cancelButtonText: "No",
                            closeOnConfirm: true,
                            closeOnCancel: false
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                                swal("Proceso", "Iniciado", "success");
                                document.location.href = url;
                            } else {
                                swal("Importar", "Se cancelo el proceso", "error");
                            }
                        }
                    );
                    //window.location.href = xurl3;
                } else
                    swal("Debe seleccionar un item", "Para el proceso de actualizar Productos en el banco", "error");
            });

            $("#btn_crear_producto_banco_lotetiendac").click(function () {
                var xurl;
                var xurl2;
                var values = (function () {
                    var a = [];
                    $(".calicuota:checkbox:checked").each(function () {
                        a.push(this.value);
                    });
                    return a;
                })()
                if (values != '') {
                    xurl = "{{ path('app_crear_lote_producto_global_tiendac', { 'lote': 'valores'}) }}";
                    xurl2 = xurl.replace('valores', values);
                    var url = xurl2;
                    //success,info,warning,error
                    swal({
                            title: "¿Esta seguro que desea crear en Tienda los productos Seleccionados ?",
                            text: "El proceso actualizara los productos.",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#00a65a",
                            confirmButtonText: "Si",
                            cancelButtonText: "No",
                            closeOnConfirm: true,
                            closeOnCancel: false
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                                swal("Proceso",
                                    "Iniciado",
                                    "success");
                                document.location.href = url;
                            } else {
                                swal("Importar",
                                    "Se cancelo el proceso",
                                    "error");
                            }
                        }
                    );
                    //window.location.href = xurl3;
                } else
                    swal("Debe seleccionar un item de tienda", "Para el proceso de actualizar Productos en el banco", "error");
            });

            $("#btn_crear_producto_banco_lotevtex").click(function () {
                var xurl;
                var xurl2;
                var values = (function () {
                    var a = [];
                    $(".calicuota:checkbox:checked").each(function () {
                        a.push(this.value);
                    });
                    return a;
                });
                var market = this.dataset.market;
                if (values != '') {
                    xurl = "{{ path('app_crear_lote_producto_global_vtex', { 'marketplace':'market','lote': 'valores'}) }}";
                    xurl2 = xurl.replace('valores', values);
                    xurl3 = xurl2.replace('market', market);
                    var url = xurl3;
                    //success,info,warning,error
                    swal({
                            title: "¿Esta seguro que desea crear en Tienda Supervielle los productos Seleccionados ?",
                            text: "El proceso actualizara los productos.",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#00a65a",
                            confirmButtonText: "Si",
                            cancelButtonText: "No",
                            closeOnConfirm: true,
                            closeOnCancel: false
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                                swal("Proceso", "Iniciado", "success");
                                document.location.href = url;
                            } else {
                                swal("Importar", "Se cancelo el proceso", "error");
                            }
                        }
                    );
                    //window.location.href = xurl3;
                } else
                    swal("Debe seleccionar un item", "Para el proceso de actualizar Productos en el Marketplace", "error");
            });

            $("#btnalicuotatodos").click(function () {
                var xurl;
                var xporcalicuota;
                xporcalicuota = $('#alicuota').val();
                if (xporcalicuota > 0) {
                    xurl = "{{ path('app_actualizar_alicuota_global_mk_todos', { 'xporcalicuota':'valorporc' }) }}";
                    xurl3 = xurl.replace('valorporc', xporcalicuota);
                    var url = xurl3;
                    //success,info,warning,error
                    swal({
                            title: "¿Esta seguro que desea cambiar las alicuotas TODOS LOS PRODUCTOS DEL Catalogo ?",
                            text: "El proceso actualizara los productos.",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#00a65a",
                            confirmButtonText: "Si",
                            cancelButtonText: "No",
                            closeOnConfirm: true,
                            closeOnCancel: false
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                                swal("Proceso", "Iniciado", "success");
                                document.location.href = url;
                            } else {
                                swal("Importar", "Se cancelo el proceso", "error");
                            }
                        }
                    );
                    //window.location.href = xurl3;
                } else
                    swal("Debe seleccionar una alicuota", "Para el proceso de actualizar Alicuota", "error");
            });

            $("[id^='link-mostrar-stock']").click(function (e) { //mostrar modal del stock
                xid = $(this).attr('data-id');
                console.log(xid);
                e.preventDefault();
                var mysku = $(this).attr('data-sku');
                var mytitulo = $(this).attr('data-titulo');
                var mystock = $(this).attr('data-stock');
                var myreserva = $(this).attr('data-reserva');
                var mydisponible = mystock - myreserva;
                $("#modal-stock .modal-body #mysku").val(mysku);
                $("#modal-stock .modal-body #mytitulo").val(mytitulo);
                $("#modal-stock .modal-body #mystock").val(mystock);
                $("#modal-stock .modal-body #myreserva").val(myreserva);
                $("#modal-stock .modal-body #mydisponible").val(mydisponible);
                $('#modal-stock').modal({show: true});
            });


        });
    </script>
{% endblock %}