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

{% block title 'Editar Producto Tienda Dia'|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 Dia{% endtrans %}
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{% trans %}Editar Producto Tienda Dia{% endtrans %}</h3>
            <div class="box-tools">
                {% if filtro %}
                    <a class="btn btn-danger" href="{{ path('app_producto_vtex',{'market':'tiendadia'})~"?"~filtro }}"><i
                                class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                {% else %}
                    <a class="btn btn-danger" href="{{ path('app_producto_vtex',{'market':'tiendadia'}) }}"><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-6 col-md-6">
                    <div class="form-group">
                        <label class="label label-info">Nombre: </label>
                        <div class="form-group">
                            {{ producto.nombre }}
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <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">
                    <label class="label label-info">Peso: </label>
                    <div class="form-group">
                        {{ producto.peso }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <label class="label label-info">Ancho: </label>
                    <div class="form-group">
                        {{ producto.ancho }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <label class="label label-info">Profundidad: </label>
                    <div class="form-group">
                        {{ producto.profundidad }}
                    </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 imagen in producto.imagenproducto|slice(0,10) %}
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="form-group">
                            {% set foto =asset(imagen.nombre,'directoriofotos') %}
                            <img id="img_foto" .{{ loop.index }} height="150" width="150" src="{{ foto }}"/>
                        </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>
        </div>
    </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_productovtex"]');
                todosinput.prop('disabled', false);
                $(this).submit();
            });

            $('.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);
                }
            });

            $('.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 %}