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


	{% block stylesheets %}
        <link href="{{ asset('bundles/app/dist/easyautocomplete/easy-autocomplete.min.css') }}" rel="stylesheet"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/demo/prism.css') }}"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/dist/sweetalert.css') }}"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/croppie.css') }}"/>
    {% endblock %}

	{% block content %}

        <div class="box">
            <div class="box-header">
                <div class="box-tools" style="top: -15px;">
                    <a class="btn cfj-deg" href="{{ path('app_homepage') }}"><i
                                class="fa fa-arrow-left text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                </div>
            </div><!-- /.box-header -->
            <div class="box-body">


                {#{ form_start(form)}#}

                <form name="appbundle_configuradormeli" method="post"
                      action="{{ path('app_update_configurador_meli1',{'codigo':'meli'}) }}"
                      enctype="multipart/form-data">


                    <div class="row">

                        <div class="col-md-3">
                            <div class="form-group cfj-image-drag-drop">

                                {% if (configurador.imagenurl) %}
                                    <img class="ui-state-default" id="img_foto{{ configurador.id }}" height="150"
                                         width="150" data-id="{{ configurador.id }}"
                                         src="{{ asset(configurador.imagenurl,'directoriofotosbanco') }}"/>
                                {% else %}
                                    <img class="ui-state-default" id="img_foto{{ configurador.id }}" height="150"
                                         width="150" data-id="{{ configurador.id }}"
                                         src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>
                                {% endif %}
                            </div>
                        </div>


                        <div class="col-md-3">
                            <div class="	">
                                <label for="foto">Editar Imagen Publicaciones:</label>
                                <input type="file" id="foto{{ configurador.id }}" name="foto{{ configurador.id }}"
                                       accept="image/*" data-id="{{ configurador.id }}" class="form-control"
                                       placeholder="foto"/>

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


                    <div class="row">
                    </div>

                    <div class="row">
                        <div class="col-md-3">

                            <div class="form-group">


                                <label for="activar_imagen_publicacion">Publicar en todas las publicaciones</label>
                                <div class="form-group onoffswitch activarimagen">

                                    <input type="checkbox" id="txtactivar_imagen_publicacion{{ configurador.id }}"
                                           name="txtactivar_imagen_publicacion{{ configurador.id }}"
                                           data-id='{{ configurador.id }}' class="onoffswitch-checkbox "


                                            {% if (form.vars.value.activarimagenpublicacion == 1) %}
                                                checked {% endif %}

                                           value="
					    	{% if (form.vars.value.activarimagenpublicacion == 1) %} 
					    		1 {% else %} 0 {% endif %}"/>

                                    <label class="onoffswitch-label" for="myonoffswitch">
                                        <span class="onoffswitch-inner"></span>
                                        <span class="onoffswitch-switch"></span>
                                    </label>
                                </div>


                            </div>


                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="ordenfoto" class="required">Posición imagen en publicación</label>
                                <select id="txtordenfoto{{ configurador.id }}" name="txtordenfoto{{ configurador.id }}"
                                        class="
                            form-control" placeholder="Orden de la foto">

                                    {% if (form.vars.value.ordenfoto)==1 %}
                                        <option value="1" selected>Inicio</option>
                                        <option value="10">Final</option>
                                    {% else %}
                                        <option value="1">Inicio</option>
                                        <option value="10" selected>Final</option>
                                    {% endif %}

                                </select>

                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="descripcioninicial">Descripción Inicial Anterior a la descripción el
                                    producto:</label>
                                <textarea id="txtdescripcioninicial{{ configurador.id }}"
                                          name="txtdescripcioninicial{{ configurador.id }}"
                                          style="height:100px; resize:none" class="form-control"
                                          placeholder="descripción inicial"
                                          value="{{ form.vars.value.descripcioninicial }}">{{ form.vars.value.descripcioninicial }}</textarea>

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


                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="descripcionfinal">Descripción Final posterior a la descripción el
                                    producto:</label>
                                <textarea id="txtdescripcionfinal{{ configurador.id }}"
                                          name="txtdescripcionfinal{{ configurador.id }}"
                                          style="height:100px; resize:none" class="form-control"
                                          placeholder="descripción final"
                                          value="{{ form.vars.value.descripcionfinal }}">{{ form.vars.value.descripcionfinal }}</textarea>

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


                    {#	<div class="panel cfj-panel panel-success">
                           <div class="panel-heading" style="text-align:center;">
                               Regla para  Mercado Envios
                            </div>
                           <div class="panel-body">





                            <div class="row">


                            <div class="col-md-4 col-lg-4">
                                    <div class="form-group">
                                                <label for="tipomarkup" class="required">Tipo Markup para Aplicar:</label>
                                                <select id="txttipomarkup{{configurador.id}}" name="txttipomarkup{{configurador.id}}" class="form-control" placeholder="Acepta Mercado Envios">

                                                {% if (form.vars.value.tipomarkup)=='Porcentaje' %}
                                                    <option value="Porcentaje" selected="selected">Porcentaje</option>
                                                {% endif %}

                                                {% if (form.vars.value.tipomarkup)=='Monto' %}
                                                    <option value="Monto" selected="selected">Monto</option>
                                                {% endif %}
                                                    <option value="Porcentaje">Porcentaje</option>
                                                    <option value="Monto" >Monto</option>
                                                </select>

                                        </div>
                            </div>



                                <div class="col-md-4 col-lg-4">
                                        <div class="form-group">
                                                <label for="descripcionfinal"> Markup por Porcentaje de cobro para los Envios:</label>
                                                <input type="text" id="txtporcenvfree{{configurador.id}}"name="txtporcenvfree{{configurador.id}}"  maxlength="10" class="form-control" placeholder="colocar solo números" value="{{form.vars.value.porcenviofree}}" />

                                        </div>
                                </div>


                            <div class="col-md-4 col-lg-4">
                                        <div class="form-group">
                                                <label for="descripcionfinal">Markup por Monto de cobro para los Envios:</label>
                                                <input type="text" id="txtmontoenvfree{{configurador.id}}"name="txtmontoenvfree{{configurador.id}}"  maxlength="10" class="form-control" placeholder="colocar solo números" value="{{form.vars.value.montoenviofree}}" />

                                        </div>
                                </div>

                             </div>



                             <div class="row">
                                <div class="col-md-12 col-lg-12">
                                        <div class="form-group">
                                                <label for="descripcionfinal">Monto del Producto a partir del cual se aplica la regla:</label>
                                                <input type="text" id="txtprecioproductoenvfree{{configurador.id}}"name="txtprecioproductoenvfree{{configurador.id}}"  maxlength="10" class="form-control" placeholder="colocar solo números" value="{{form.vars.value.precioproductoenvfree}}" />

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


                         </div>
                        </div>
                    #}


                    <div class="row">
                        <div class="col-md-12">

                            {#{ form_errors(form)}}
                             {{ form_rest(form)}}
                             {{ form_end(form)}#}

                            <input type="hidden" id="txtidconfigurador" name="txtidconfigurador" value="0"/>

                            <button type="submit" id="appbundle_configuradormeli_submit"
                                    name="appbundle_configuradormeli[submit]" onclick="asignar({{ configurador.id }})"
                                    class="btn btn-info btn-flat " style="margin-top:30px;">Guardar
                            </button>

                        </div>
                    </div>


            </div>

        </div><!-- /.box-body -->
        <div class="box-footer"></div><!-- box-footer -->



    {% endblock %}

	{% block javascripts %}
        <script src="{{ asset('bundles/app/dist/easyautocomplete/jquery.easy-autocomplete.min.js') }}"
                type="text/javascript"></script>
        {#		<script src="{{asset('bundles/app/plugins/datepicker/locales/bootstrap-datepicker.es.js')}}" type="text/javascript"></script>#}
        <script src="{{ asset('bundles/app/dist/croppie/demo/prism.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/dist/croppie/dist/sweetalert.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/dist/croppie/croppie.js') }}" type="text/javascript"></script>


        <script>


            function asignar(xvalor) {
                console.log(xvalor);
                $('input[id*="txtidconfigurador"]').val(xvalor);
            }

            function mostrarFoto(input, selector) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        $(selector).attr('src', e.target.result);
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }


            $(document).ready(function () {


                $('input[id*="foto"]').change(function (e) {
                    $id = $(this).attr('data-id')
                    mostrarFoto(this, '#img_foto' + $id);

                });


            });

        </script>

    {% endblock %}