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

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


{% endblock %}


{% block headercontent %}
    {% trans %}Catalogo Productos{% endtrans %}
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{% trans %}Editar Producto {% endtrans %}</h3>
            <div class="box-tools">
                {% if filtro %}
                    <a class="btn btn-danger" href="{{ path('ProductViewsController_indexView')~"?"~filtro }}"><i
                                class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                    {#<a class="btn btn-danger" href="{{urlorigen}}"><i class="fa fa-remove text-white"></i> {%trans%}Regresar{%endtrans%} </a> #}
                {% else %}
                    <a class="btn btn-danger" href="{{ path('ProductViewsController_indexView') }}"><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.sku,'Sku:'|trans) }}
                        {{ form_widget(form.sku, {'attr':{'class':'form-control','placeholder':'Sku'} }) }}
                        {{ form_errors(form.sku, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.titulo,'Título:'|trans) }}
                        {{ form_widget(form.titulo, {'attr':{'class':'form-control','placeholder':'Título'} }) }}
                        {{ form_errors(form.titulo, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        {{ form_label(form.descripcion,'Descripción:'|trans) }}
                        {{ form_widget(form.descripcion, {'attr':{'class':'form-control','placeholder':'Descripcion'} }) }}
                        {{ form_errors(form.descripcion, {'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.descripcioncorta,'Descripción Corta:'|trans) }}
                        {{ form_widget(form.descripcioncorta, {'attr':{'class':'form-control','placeholder':'Descripcion'} }) }}
                        {{ form_errors(form.descripcioncorta, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        {{ form_label(form.marca,'Marca:'|trans) }}
                        {{ form_widget(form.marca, {'attr':{'class':'form-control','placeholder':'Marca Id'} }) }}
                        {{ form_errors(form.marca, {'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.categoriaproveedor,'Categoria Proveedor:'|trans) }}
                        {{ form_widget(form.categoriaproveedor, {'attr':{'class':'form-control','placeholder':'Categoria Id'} }) }}
                        {{ form_errors(form.categoriaproveedor, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="categoria_global">Categoria Fulljaus: </label>
                        <input id="categoria_global" class="form-control" name="categoria_global" disabled="true"
                               placeholder="Categoria Global" value="{{ categoriaglobal|default('No Asociada') }}"
                               type="text">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.moneda,'Moneda Id:'|trans) }}
                        {{ form_widget(form.moneda, {'attr':{'class':'form-control','placeholder':'Moneda Id'} }) }}
                        {{ form_errors(form.moneda, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <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'} }) }}
                        {{ 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>
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.stockinicial,'Cantidad Inicial:'|trans) }}
                        {{ form_widget(form.stockinicial, {'attr':{'class':'form-control','placeholder':'Cantidad Inicial'} }) }}
                        {{ form_errors(form.stockinicial, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.stock,'Cantidad Disponible:'|trans) }}
                        {{ form_widget(form.stock, {'attr':{'class':'form-control','placeholder':'Cantidad Disponible'} }) }}
                        {{ form_errors(form.stock, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.reserva,'Reserva:'|trans) }}
                        {{ form_widget(form.reserva, {'attr':{'class':'form-control','placeholder':'Reserva stock Ventas'} }) }}
                        {{ form_errors(form.reserva, {'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.codprodproveedor,'Codigo Referencia:'|trans) }}
                        {{ form_widget(form.codprodproveedor, {'attr':{'class':'form-control','placeholder':'Sku'} }) }}
                        {{ form_errors(form.codprodproveedor, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <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-4 col-md-4">
                    <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-4 col-md-4">
                    <div class="form-group">
                        {{ form_label(form.alicuota,'Alicuota:'|trans) }}
                        {{ form_widget(form.alicuota, {'attr':{'class':'form-control','placeholder':'Alicuota'} }) }}
                        {{ form_errors(form.alicuota, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <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">
                        {{ 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-3 col-md-3">
                    <div class="form-group">
                        {{ form_label(form.peso,'Peso:'|trans) }}
                        {{ form_widget(form.peso, {'attr':{'class':'form-control','placeholder':'peso'} }) }}
                        {{ form_errors(form.peso, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="form-group">
                        {{ form_label(form.alto,'Alto:'|trans) }}
                        {{ form_widget(form.alto, {'attr':{'class':'form-control','placeholder':'alto'} }) }}
                        {{ form_errors(form.alto, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="form-group">
                        {{ form_label(form.profundidad,'Profundidad:'|trans) }}
                        {{ form_widget(form.profundidad, {'attr':{'class':'form-control','placeholder':'Profundidad'} }) }}
                        {{ form_errors(form.profundidad, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3 ">
                    <div class="form-group">
                        {{ form_label(form.ancho,'ancho:'|trans) }}
                        {{ form_widget(form.ancho, {'attr':{'class':'form-control','placeholder':'ancho'} }) }}
                        {{ form_errors(form.ancho, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                    <div class="form-group">
                        {{ form_label(form.activaractualizarstock,'Cron Actualizar Stock y Precios') }}
                        <div class="form-group onoffswitch onoffswitch-publicado-e3activaractualizarstock">
                            {{ form_widget(form.activaractualizarstock, {'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-6 col-md-4 col-lg-4">
                    <div class="form-group">
                        {{ form_label(form.activarobtenerproducto,'Cron Actualizar datos del producto') }}
                        <div class="form-group onoffswitch onoffswitch-e3activarobtenerproducto">
                            {{ form_widget(form.activarobtenerproducto, {'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-6 col-md-4 col-lg-4">
                    <div class="form-group">
                        {{ form_label(form.publicado,'Publicado') }}
                        <div class="form-group onoffswitch 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-xs-12 col-sm-4 col-md-4 col-lg-4">
                    <hr>
                    <h1>Fotos del Producto</h1><br>
                </div>
            </div>
            <div class="row">
                {% for d in fotos %}
                    <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) {
                $(this).submit();
            });

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


            $('.onoffswitch-publicado-activaractualizarstock').on('click', function () {
                var input1 = $('input[id*="activaractualizarstock"]');
                var check1 = input1.prop('checked');
                if (!check1) {
                    input1.prop('checked', true);
                } else {
                    input1.prop('checked', false);
                }
            });

            $('.onoffswitch-activarobtenerproducto').on('click', function () {
                var input2 = $('input[id*="activarobtenerproducto"]');
                var check2 = input2.prop('checked');
                if (!check2) {
                    input2.prop('checked', true);
                } else {
                    input2.prop('checked', false);
                }
            });

            $('.markupdesactivar').on('click', function () {
                var input = $('input[id*="markupdesactivar"]');
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                    var smarkup = $('select[id*="markup"]');
                    smarkup.prop('disabled', false);
                } else {
                    input.prop('checked', false);
                    var smarkup = $('select[id*="markup"]');
                    smarkup.prop('disabled', true);
                }
            });
        });
    </script>
{% endblock %}