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

{% block title 'Configurador Mercado Libre '|trans %}
    
{% block stylesheets %}
{% endblock %}

{% block headercontent %}
{% endblock %}

{% block content %}

<div class="box views">
    {#% if entity.programa | length > 0%#}


    <div class="nav-tabs-custom">

        {% set x=0 %}
        <ul class="nav nav-tabs pull-left">
            {% for d in marketplaceconfig %}




                {% if (x==0) %}
                    <li class="active"><a href="#tab{{ d.id }}" data-toggle="tab" aria-expanded="true">
                            <img class='' width="30px" src="{{ asset('uploads/providers/mercadolibre.png') }}"/>
                            {{ d.nombreconfiguracion }}</a></li>
                {% else %}
                    <li>
                        <a href="#tab{{ d.id }}" data-toggle="tab" aria-expanded="true">
                            <img class='' width="30px" src="{{ asset('uploads/providers/mercadolibre.png') }}"/>
                            {{ d.nombreconfiguracion }}</a></li>

                {% endif %}





                {% set x=x+1 %}
            {% endfor %}

        </ul>


        {% set k=0 %}

        <div class="clearfix"></div>
        <div style="margin-top:100px">
        </div>
        <div class="tab-content">
            {% for d in marketplaceconfig %}





            {% if (k==0) %}
            <div class="tab-pane active" id="tab{{ d.id }}">
                {% else %}
                <div class="tab-pane" id="tab{{ d.id }}">
                    {% endif %}


                    <div class="row">
                        <div class='col-lg-12 col-md-12 col-xs-12'>
                            {{ render(controller('AppBundle:Productosmeli:generar_configuradormeli',{'id' : d.id })) }}
                        </div>


                    </div>
                </div><!-- /.tab-pane -->


                {% set k=k+1 %}
                {% endfor %}

            </div><!-- /.tab-content -->

        </div>


    </div>
    {% endblock %}

    {% block javascripts %}

        <script type="text/javascript">

            $(document).ready(function () {

                $(".content").on('click', ".onoffswitch", function (e) {
                    e.preventDefault();
                    var input = $(this).children('input[id^="txtactivar_imagen_publicacion"]') //attr('data-id');
                    //var input = $('input[id^="check_estatus_"]');
                    var id = input.attr('data-id')
                    console.log('id: ' + id)
                    if (input.is(':checked')) {
                        input.val(0);
                        input.prop('checked', false);
                        console.log("Checkbox " + input.prop("id") + " (" + input.val() + ") => Deseleccionado");
                    } else {
                        input.val(1);
                        input.prop('checked', true);
                        console.log("Checkbox " + input.prop("id") + " (" + input.val() + ") => Seleccionado");
                    }
                });

                function aplicarEstatusCheck(id, estado) {
                    var xurl;
                    /*			xurl = "{{ path('app_actualizar_status_global', { 'id': 'id','estado':'estado' }) }}";
			xurl2 = xurl.replace('id', id);
			xurl3 = xurl2.replace('estado', estado);
			data = {id:id, estado:estado};

			$.ajax({
				type        : "POST",
				url         : xurl3,
				dataType: 'json',
				success     : function(data) {
					swal('Cambio correcto.', 'El estado del producto ha sido cambiado correctamente.', 'success');
				},
				error 		: function(xhr, status) {
					swal('Error.', 'El estado del producto no ha podido ser actualizado.', 'error');
				},
			});*/
                }


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