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

{% block title 'Editar Producto Tienda Clic'|trans %}
    
{% 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') }}"/>

    <style>
        img {
            width: 80%;
            height: auto;
        }

    </style>


{% endblock %}


{% block headercontent %}
    {% trans %}Productos Tienda Clic{% endtrans %}
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{% trans %}Editar Producto Tienda Clic{% endtrans %}</h3>


            <div class="box-tools">


                {% if filtro %}
                    <a class="btn btn-danger" href="{{ path('app_producto_tiendaclic')~"?"~filtro }}"><i
                                class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                {% else %}
                    <a class="btn btn-danger" href="{{ path('app_producto_tiendaclic') }}"><i
                                class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                {% endif %}


            </div>


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


            {{ form_start(form) }}

            <input type="hidden" name="filtro" id="filtro" value="{{ filtro }}">


            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.codprodmarket,'Codigo:'|trans) }}
                        {{ form_widget(form.codprodmarket, {'attr':{'class':'form-control','placeholder':'Código'} }) }}
                        {{ form_errors(form.codprodmarket, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label class="label label-info">SKU: </label>
                        <div class="form-group">
                            {{ producto.sku }}
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">

                        <div class="form-group">
                            <label class="label label-info">Nombre: </label>
                            <div class="form-group">
                                {{ producto.nombre }}
                            </div>
                        </div>


                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="label label-info">Descripción: </label>
                        <div class="form-group">
                            {{ producto.descripcion }}
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">

                        <label class="label label-info">Peso: </label>
                        <div class="form-group">
                            {{ producto.peso }}
                        </div>


                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">

                        <label class="label label-info">Ancho: </label>
                        <div class="form-group">
                            {{ producto.ancho }}
                        </div>


                    </div>
                </div>


                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">

                        <label class="label label-info">Profundidad: </label>
                        <div class="form-group">
                            {{ producto.profundidad }}
                        </div>


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


            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.precio,'Precio:'|trans) }}
                        {{ form_widget(form.precio, {'attr':{'class':'form-control','placeholder':'Precio Base'} }) }}
                        {{ form_errors(form.precio, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.precioneto,'Precio Neto:'|trans) }}
                        {{ form_widget(form.precioneto, {'attr':{'class':'form-control','placeholder':'Precio Neto'} }) }}
                        {{ form_errors(form.precioneto, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>


                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.cuotas,'Cuotas:'|trans) }}
                        {{ form_widget(form.cuotas, {'attr':{'class':'form-control','placeholder':'Cuotas'} }) }}
                        {{ form_errors(form.cuotas, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.preciolista,'Precio Lista:'|trans) }}
                        {{ form_widget(form.preciolista, {'attr':{'class':'form-control','placeholder':'Precio Lista'} }) }}
                        {{ form_errors(form.preciolista, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.precioredondeo,'Precio Redondeo:'|trans) }}
                        {{ form_widget(form.precioredondeo, {'attr':{'class':'form-control','placeholder':'Precio  Redondeo'} }) }}
                        {{ form_errors(form.precioredondeo, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>


                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.preciofinal,'Precio Final:'|trans) }}
                        {{ form_widget(form.preciofinal, {'attr':{'class':'form-control','placeholder':'precio final'} }) }}
                        {{ form_errors(form.preciofinal, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.preciomarkup,'Precio Markup:'|trans) }}
                        {{ form_widget(form.preciomarkup, {'attr':{'class':'form-control','placeholder':'Precio Markup'} }) }}
                        {{ form_errors(form.preciomarkup, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.descuento,'Descuento:'|trans) }}
                        {{ form_widget(form.descuento, {'attr':{'class':'form-control','placeholder':'Descuento'} }) }}
                        {{ form_errors(form.descuento, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>


                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">

                        {{ form_label(form.stockinfinito,'Stock Infinito') }}
                        <div class="form-group onoffswitch stockinfinito">
                            {{ form_widget(form.stockinfinito, {'attr':{'class':'onoffswitch-checkbox '} }) }}
                            <label class="onoffswitch-label" for="myonoffswitch">
                                <span class="onoffswitch-inner"></span>
                                <span class="onoffswitch-switch"></span>
                            </label>
                        </div>


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


            <div class="row">


                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.fechainicio,'Fecha Inicio:'|trans) }}
                        {{ form_widget(form.fechainicio, {'attr':{'class':'form-control','placeholder':'Fecha Inicio'} }) }}
                        {{ form_errors(form.fechainicio, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.fechafinal,'Fecha Final:'|trans) }}
                        {{ form_widget(form.fechafinal, {'attr':{'class':'form-control','placeholder':'Fecha Final'} }) }}
                        {{ form_errors(form.fechafinal, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.alicuota,'Alicuota:') }}
                        {{ form_widget(form.alicuota, {'attr':{'class':'form-control'} }) }}
                        {{ form_errors(form.alicuota, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>


                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div class="form-group">
                        {{ form_label(form.publicado,'Producto Publicado') }}
                        <div class="form-group onoffswitch publicado">
                            {{ form_widget(form.publicado, {'attr':{'class':'onoffswitch-checkbox '} }) }}
                            <label class="onoffswitch-label" for="myonoffswitch">
                                <span class="onoffswitch-inner"></span>
                                <span class="onoffswitch-switch"></span>
                            </label>
                        </div>
                    </div>
                </div>

            </div>


            <div class="row">

                <div class="col-lg-4 col-md-4 col-xs-12">
                    <div class="form-group">
                        {{ form_label(form.markupdesactivar,'No marcar en base a regla General') }}
                        <div class="form-group onoffswitch markupdesactivar">
                            {{ form_widget(form.markupdesactivar, {'attr':{'class':'onoffswitch-checkbox '} }) }}
                            <label class="onoffswitch-label" for="myonoffswitch">
                                <span class="onoffswitch-inner"></span>
                                <span class="onoffswitch-switch"></span>
                            </label>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        <h3><span class="label label-primary">Markup Regla Global : {{ markupglobal~'%' }}</span>
                        </h3>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">

                    <div class="form-group">
                        {{ form_label(form.markup,'Markup:') }}
                        {{ form_widget(form.markup, {'attr':{'class':'form-control'} }) }}
                        {{ form_errors(form.markup, {'attr':{'class':'form-control'} }) }}
                    </div>


                </div>

            </div>


            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                    <br>
                    <h1>Fotos del Producto</h1><br>
                </div>
            </div>


            <div class="row">

                {% for d in fotos %}
                    {#{dump(d)}#}
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                        <div class="form-group">
                            {% if (d.nombre) %}
                                {% set foto1=asset(d.nombre,'directoriofotosbanco') %}

                                <img id="img_foto1" height="150" width="150" src="{{ foto1 }}"/>
                            {% else %}
                                <img id="img_foto1" height="150" width="150"
                                     src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>

                            {% endif %}
                        </div>
                    </div>

                {% else %}
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="form-group">
                            {% if (producto.tumbnail) %}
                                <img id="img_foto1" height="150" width="150" src="{{ producto.tumbnail }}"/>
                            {% else %}
                                <img id="img_foto1" height="150" width="150"
                                     src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>

                            {% endif %}

                        </div>

                    </div>

                {% endfor %}

            </div>


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


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

        </div><!-- box-footer -->
    </div><!-- /.box -->
{% 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>


        $(document).ready(function () {

            $('form').on('submit', function (e) {

                var smarkup = $('select[id*="markup"]');
                smarkup.prop('disabled', false);


                var todosinput = $('input[id*="appbundle_productomarketplace"]');
                todosinput.prop('disabled', false);


                $(this).submit();
            });
            //$('#appbundle_producto_publicado').click(function(){
            //alert('ingreso');

            $('.publicado').on('click', function () {
                var input = $('input[id*="publicado"]');
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                    //check = $('#appbundle_children_activo').prop('checked');
                } else {
                    input.prop('checked', false);
                    //check = $('#appbundle_children_activo').prop('checked');
                }
                //});
            });


            $('.publicado').on('click', function () {
                var input = $('input[id*="publicado"]');
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                    //check = $('#appbundle_children_activo').prop('checked');
                } else {
                    input.prop('checked', false);
                    //check = $('#appbundle_children_activo').prop('checked');
                }
                //});
            });


            $('.stockinfinito').on('click', function () {
                var input = $('input[id*="stockinfinito"]');


                var check = input.prop('checked');
                if (!check) {

                    //console.log('activo');
                    input.prop('checked', true);
                    //check = $('#appbundle_children_activo').prop('checked');

                    var smarkup = $('select[id*="stockinfinito"]');
                    smarkup.prop('disabled', false);

                } else {
                    //console.log('inactivo');
                    input.prop('checked', false);
                    //check = $('#appbundle_children_activo').prop('checked');
                    var smarkup = $('select[id*="markup"]');
                    smarkup.prop('disabled', true);
                }
                //});


            });


        });
    </script>



{% endblock %}