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


{% 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"/>

    <style>

        .modal-lg {
            width: 100%;
            margin: auto;
        }

        .imagen-thumbnail {
            width: 50%;
            height: auto;
        }

    </style>



{% endblock %}

{% block content %}

    <div class='box'>
        <div class='row'>
            <div class='col-xs-12 col-lg-10 col-md-10'>
                <a href="{{ path('app_producto_tiendasup') }}"><img class='icon-img'
                                                               src="{{ asset('uploads/images/market/icbc.png') }}"/>Tienda Supervielle</a>
            </div>
        </div>


        <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_productoicbc') }}" 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('ProductViewsController_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>Markup:</label>
                        <div class='form-group'>
                            <div class="input-group">
                                <select id="mprecio" class="form-control">
                                    <option value="0">Seleccione</option>
                                    <option value="5">5%</option>
                                    <option value="10">10%</option>
                                    <option value="15">15%</option>
                                    <option value="20">20%</option>
                                    <option value="25">25%</option>
                                    <option value="30">30%</option>
                                    <option value="35">35%</option>
                                    <option value="40">40%</option>
                                    <option value="45">45%</option>
                                    <option value="50">50%</option>
                                    <option value="55">55%</option>
                                    <option value="60">60%</option>
                                    <option value="65">65%</option>
                                    <option value="70">70%</option>
                                    <option value="75">75%</option>
                                    <option value="80">80%</option>
                                    <option value="85">85%</option>
                                    <option value="90">90%</option>
                                    <option value="95">95%</option>
                                    <option value="100">100%</option>
                                </select>
                                <span class="input-group-btn">
								<button id="btnmprecio" class="btn btn-default btn-flat" type="submit"><i
                                            class="fa fa-check-square-o"></i>{% trans %}Aplicar Markup Global {% endtrans %}</button>
							</span>
                            </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 showview">
                    <table id='tablesorter1' class="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{% if pagination.isSorted('origen') %} class="sorted"{% endif %}>
                                {{ knp_pagination_sortable(pagination, 'Sku', 'origen') }}
                            </th>


                            <th{% if pagination.isSorted('nombre') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Producto', 'nombre') }}</th>
                            <th>Foto</th>
                            <th>Stock</th>
                            <th{% if pagination.isSorted('precio') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Precio', 'precio') }}</th>
                            <th{% if pagination.isSorted('markup') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Markup', 'markup') }}</th>
                            <th{% if pagination.isSorted('preciomarkup') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'C/Markup', 'pricemarkup') }}</th>
                            <th{% if pagination.isSorted('precioredondeo') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Prec Rendondeo', 'precioredondeo') }}</th>
                            <th{% if pagination.isSorted('descuento') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Descuento', 'descuento') }}</th>

                            <th{% if pagination.isSorted('alicuota') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Alícuota', 'alicuota') }}</th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>

                        {% for d in pagination %}
                            {#% if items!=200 %#}
                            <tr>
                                <td>
                                    <input class="calicuota" type="checkbox" id="item{{ d.id }}" value="{{ d.id }}">
                                </td>
                                <td>
                                    {{ d.sku }}
                                </td>
                                <td>
                                    {% if (d.tumbnail) %}

                                        {#% set foto1=urlconexion~d.picture1~"/cart_default"  %#}

                                        {% if (d.origen=='icbc') %}
                                            {% set foto1=asset(d.tumbnail,'directoriofotosbanco') %}
                                        {% else %}
                                            {% set foto1=asset(d.tumbnail,'directoriofotosbanco') %}
                                        {% endif %}


                                        <img id='verfoto1' width="80" height="80" data-url="{{ foto1 }}"
                                             class="verfoto1" src="{{ foto1 }}" title="Ver foto" data-toggle="modal"
                                             data-target="#myModal{{ d.id }}"/>

                                        <!-- Modal -->
                                        <div class="modal fade" id="myModal{{ d.id }}" tabindex="-1" role="dialog"
                                             aria-labelledby="myModalLabel">
                                            <div class="modal-dialog modal-lg" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close"><span
                                                                    aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title" id="myModalLabel">Vista Previa de la
                                                            Foto</h4>
                                                    </div>
                                                    <div class="modal-body">


                                                        <img data-url="{{ foto1 }}" class="imagen-thumbnail"
                                                             class="thumbproduct" src="{{ foto1 }}"/>


                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">Cerrar
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    {% endif %}


                                </td>
                                <td>
                                    {{ d.nombre }}
                                </td>


                                <td align="center">
                                    <div class='stockbox
									{% if (d.stock==0) %}
										nostock
									{% elseif (d.stock<3) %} 
										lowstock
									{% endif %} 
'>
                                        {{ d.stock }}
                                    </div>
                                </td>


                                <td>
                                    {{ d.precio|number_format(2, '.', ',') }}
                                </td>


                                <td>
                                    {% if d.markup %}
                                        {{ d.markup~'%' }}
                                    {% endif %}
                                </td>
                                <td>
                                    {{ d.preciomarkup|number_format(2, '.', ',') }}
                                </td>


                                <td>
                                    {{ d.precioredondeo|number_format(2, '.', ',') }}
                                </td>

                                <td>
                                    {{ d.descuento|number_format(2, '.', ',') }}
                                </td>
                                <td>
                                    {% if d.alicuota %}
                                        {{ d.alicuota~'%' }}
                                    {% endif %}
                                </td>


                                <td>

                                </td>

                                <td>
                                </td>


                                <td>

                                </td>
                            </tr>
                            {#% endif %#}
                        {% else %}
                            <tr class="danger">
                                <td colspan="4">
                                    No hay resultados para mostrar.
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>


        </div>
    </div>
    <div class="box">

        <div class="box-body">
        </div>
        <div class="box-footer">
            <div class="pull-left">
                Total Registros: {{ pagination.getTotalItemCount }}
            </div>
            <div class="pull-right">
                {{ knp_pagination_render(pagination) }}
            </div>

        </div><!-- box-footer -->

    </div>
{% 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() == 'descuento' || $("#columna").val() == 'preciomarkup'
                || $("#columna").val() == 'precioredondeo') {

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

        $(document).ready(function () {

            $(".actualizarstock").tooltip();
            $(".actualizardatos").tooltip();

            ocultarMostrarExpresion();

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

            $(".actualizarstock").click(function () {
                var url = $(this).attr('data-url');
                document.location.href = url;
            });


            $(".actualizardatos").click(function () {
                var url = $(this).attr('data-url');
                document.location.href = url;
            });


            $("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');


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


            $("#btnsincronizar").click(function () {

                var xurl;


                xurl = "{{ path('app_update_producto_banco') }}";

                var url = xurl;

                //success,info,warning,error

                swal({
                        title: "¿Esta seguro que desea sincronizar todos los producto con el api del banco  ?",
                        text: "El proceso actualizara los productos que esten publicados  en el banco.",
                        type: "info",
                        showCancelButton: true,
                        confirmButtonColor: "#00a65a",
                        confirmButtonText: "Si",
                        cancelButtonText: "No",
                        closeOnConfirm: true,
                        closeOnCancel: false
                    },
                    function (isConfirm) {
                        if (isConfirm) {

                            swal("Actualizar Productos",
                                "Iniciado",
                                "success");

                            document.location.href = url;


                        } else {
                            swal("Actualizar Productos",
                                "Se cancelo el proceso",
                                "error");
                        }
                    });

                //window.location.href = xurl3;


            });


            $("#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_icbc', { '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("Actualizar alicuota",
                                        "Se cancelo el proceso",
                                        "error");
                                }
                            });

                        //window.location.href = xurl3;

                    } 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");
            });


            $("#btnalicuotatodos").click(function () {

                var xurl;
                var xurl2;
                var xporcalicuota;
                xporcalicuota = $('#alicuota').val();


                if (xporcalicuota > 0) {


                    xurl = "{{ path('app_actualizar_alicuota_tiendasup_todos', {'xporcalicuota':'valorporc' }) }}";


                    xurl3 = xurl.replace('valorporc', xporcalicuota);

                    var url = xurl3;

                    //success,info,warning,error

                    swal({
                            title: "¿Esta seguro que desea colocar alicuota a los productos pendientes  ?",
                            text: "El proceso actualizara los productos sin alicuota.",
                            type: "info",
                            showCancelButton: true,
                            confirmButtonColor: "#00a65a",
                            confirmButtonText: "Si",
                            cancelButtonText: "No",
                            closeOnConfirm: true,
                            closeOnCancel: false
                        },
                        function (isConfirm) {
                            if (isConfirm) {

                                swal("Actualizar Alicuota",
                                    "Iniciado",
                                    "success");

                                document.location.href = url;


                            } else {
                                swal("Actualizar alicuota",
                                    "Se cancelo el proceso",
                                    "error");
                            }
                        });

                    //window.location.href = xurl3;

                } else
                    swal("Debe seleccionar una alicuota", "Para el proceso de actualizar Alicuota", "error");
            });


            $("#btnmprecio").click(function () {

                var xurl;
                var xurl2;
                var xporcprecio;
                xporcprecio = $('#mprecio').val();


                var values = (function () {
                    var a = [];
                    $(".calicuota:checkbox:checked").each(function () {
                        a.push(this.value);
                    });
                    return a;
                })()


                xurl = "{{ path('app_actualizar_precio_tiendasup', {'xporcprecio':'valorporc' }) }}";

                xurl2 = xurl.replace('valores', values);

                xurl3 = xurl2.replace('valorporc', xporcprecio);

                var url = xurl3;

                //success,info,warning,error

                swal({
                        title: "¿Esta seguro que desea colocar Markup a todos los productos  ?",
                        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 Precios", "error");*/
            });


            /*	$("#tablesorter").DataTable( {
             "search":   false,
             "paging":   false,
             "info":     false,


             "columnDefs": [
             { "orderable": false, "targets": 0 },
             { "orderable": false, "targets": 8 },
             { "orderable": false, "targets": 9 }
             ],
             "language": {
             "lengthMenu": "Mostrar _MENU_ registros por página",
             "zeroRecords": "No se encontro información",
             "info": "Mostrar página _PAGE_ de _PAGES_",
             "search": "Buscar/Filtrar:",
             "paginate": {
             "first":      "Primero",
             "last":       "último",
             "next":       "Próximo",
             "previous":   "Anterior"
             },
             "Display": "Mostrar",
             "infoEmpty": "Registros nos disponibles",
             "infoFiltered": "(Filtrado de  _MAX_ total de registros)"
             }
             });*/


        });

    </script>

{% endblock %}