{% block title 'Editar Producto '|trans %}

{% block content %}
    <div class="box">
        <div class="box-header" style="top: -40px;">
            {% if parent %}
                <div class="box-tools cfj-btn-regresar col-md-3">
                    <a class="btn cfj-deg" href="{{ path('app_producto_edit_tabs_global', { 'id': parent }) }}"
                       target="_blank">
                        <i class="fa fa-users text-white"></i> {% trans %}Producto Base{% endtrans %}
                    </a>
                </div>
            {% endif %}
            <div class="box-tools cfj-btn-regresar">
                    <a class="btn cfj-deg" href="{{ path('ProductViewsController_indexView') }}"><i class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
            </div>
        </div><!-- /.box-header -->
        <div class="box-body">
            {{ form_start(form, { 'enctype':"multipart/form-data"}) }}
            <input type="hidden" name="filtro" id="filtro" value="{{ filtro }}">
            <div class="row">

                {% if fotos == false and producto.tumbnail %}
                    <p class="bg-danger p-2 m-2">
                        <i class="glyphicon glyphicon-info-sign"></i> No hay imágenes para este producto, la portada que se muestra es la última en memoria,
                        al subir nuevas la primera reemplazará a la portada actual.
                    </p>
                {% endif %}

                <ul id="sortable">

                    {% set id_foto = 1 %}

                    {% for d in fotos %} {# 'fotos' contiene una collección de registros de la tabla producto_imagen #}

                        <div id="fotoProducto{{ id_foto }}" align="center" class="form-group cfj-image-drag-drop col-xs-12 col-sm-12 col-md-2 col-lg-2">

                            <input id="ordenfoto[]" type="hidden" name="ordenfoto[]" value="{{ d.id }}">

                                {# Se crea el boton que elimina la imagen #}
                                <button 
                                    type      = "button"
                                    class     = "eliminarimagenproducto btn btn-danger" 
                                    data-id   = "{{ d.id }}"
                                    data-foto = "{{ id_foto }}"
                                >
                                X
                                </button>

                                <img 
                                    id     = "img_foto{{ id_foto }}"
                                    class  = "imagenproducto ui-state-default" 
                                    height = "150" 
                                    width  = "150"
                                    src    = "{{ d.url }}"
                                />
                                
                                {% set id_foto = id_foto + 1 %}
                            
                        </div>

                    {% else %} {# Sino existe alguna imagen #}
                            <p class="bg-danger p-2 m-2">
                                <i class="glyphicon glyphicon-info-sign"></i> No hay imágenes para este producto, puede adjuntarlas haciendo click en "Agregar imagen". Al guardar los cambios se cargarán en el servidor.
                            </p>

                        </div>

                    {% endfor %}

                    <div id="cantfotos" data-cant={{ id_foto - 1 }}></div>

                    <div id="fotosprevias">
                        {{ form_label(form.imagenproducto,'Imagen:'|trans) }}
                        {{ form_widget(form.imagenproducto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'}}) }}
                        {{ form_errors(form.imagenproducto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                    </div>


                    <div class="tab-pane" id="tabFoto" style="margin-top:10px;">
                        <div class="form-group">
                            <a href="#" class="btn btn-primary btn-sm collection-add" data-collection="image-container">
                                <i class="fa fa-plus-square"></i>&nbsp;&nbsp;<span>Agregar Imagen..</span>
                            </a>
                            <div id="image-container" class="collection-container"
                                 data-prototype="<div id='appbundle_productoglobal_imagenproducto___name__' class='col-xs-3 col-sm-3 col-md-3 col-lg-3'><div><label for='appbundle_productoglobal_imagenproducto___name___foto'>Foto</label><input type='file' id='appbundle_productoglobal_imagenproducto___name___foto' name='appbundle_productoglobal[imagenproducto][__name__][foto]' accept='image/*' /></div></div>">
                            </div>
                        </div>
                    </div>


                </ul>
            </div>

            {% if isparent == true %}
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="panel cfj-panel">
                                <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                                    Productos Relacionados
                                </div>
                                <div id="tabla-ajax">
                                    <div class="">
                                        <div class="table-responsive showview col-lg-12 col-md-12 col-xs-12 marg-sup">
                                            <div id="tabla-datos" class="col-lg-12 col-md-12 col-xs-12">
                                                <table id='tablesorter1' class="table table-hover table-responsive">
                                                    <thead>
                                                    <tr class='tr-top-table'>
                                                        <th>SKU</th>
                                                        <th>Stock</th>
                                                        <th>Precio</th>
                                                        <th>Variaciones</th>
                                                        <th></th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {% for c in children %}
                                                        <tr>
                                                            <td align="center">{{ c.sku }}</td>
                                                            <td align="center">{{ c.stock }}</td>
                                                            <td align="center">{{ c.precio }}</td>
                                                            <td colspan="2">
                                                                <ul>
                                                                    {% if c.opciones is defined %}
                                                                        {% for o in c.opciones %}
                                                                            <li>
                                                                                {{ o }}
                                                                            </li>
                                                                        {% endfor %}
                                                                    {% endif %}
                                                                </ul>
                                                            </td>
                                                            <td align="center">
                                                                <a class="btn btn-xs"
                                                                   href="{{ path('app_producto_edit_tabs_global', { 'id': c.id }) }}">
                                                                    <i class="fa fa-edit edit-icon"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="panel cfj-panel">
                            <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                                Datos del producto
                            </div>

                            <div class="panel-body">
                                <div class="row">
                                    <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 cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Título'} }) }}
                                            {{ form_errors(form.titulo, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3 col-md-3">
                                        <div class="form-group">
                                            {{ form_label(form.sku,'Sku:'|trans) }}
                                            {{ form_widget(form.sku, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Sku'} }) }}
                                            {{ form_errors(form.sku, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3 col-md-3">
                                        <div class="form-group">
                                            {{ form_label(form.codprodproveedor,'Código Referencia:'|trans) }}
                                            {{ form_widget(form.codprodproveedor, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Sku'} }) }}
                                            {{ form_errors(form.codprodproveedor, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label>Marca:</label>
                                            <input class="form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow"
                                                   placeholder="Ingrese la Marca:" type="text" id="marca">
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-2 col-md-2">
                                        <button class="btn cfj-deg" id="btn-marca">Agregar</button>
                                    </div>
                                    <div class="col-xs-12 col-sm-3 col-md-3">
                                        <div class="form-group">
                                            {{ form_label(form.modelo,'Modelo:'|trans) }}
                                            {{ form_widget(form.modelo, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Modelo'} }) }}
                                            {{ form_errors(form.modelo, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3 col-md-3">
                                        <div class="form-group">
                                            {{ form_label(form.codigo_ean,'EAN:'|trans) }}
                                            {{ form_widget(form.codigo_ean, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Código EAN'} }) }}
                                            {{ form_errors(form.codigo_ean, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        <div class="form-group">
                                            {{ form_label(form.descripcioncorta,'Descripción Corta:'|trans) }}
                                            {{ form_widget(form.descripcioncorta, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Descripción Corta'} }) }}
                                            {{ form_errors(form.descripcioncorta, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        <div class="form-group">
                                            {{ form_label(form.descripcion,'Descripción Larga:'|trans) }}
                                            {{ form_widget(form.descripcion, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow cfj-textarea-height','placeholder':'Descripción Larga'} }) }}
                                            {{ form_errors(form.descripcion, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        <div class="form-group">
                                            {{ form_label(form.properties,'Caracteristicas:'|trans) }}
                                            {{ form_widget(form.properties, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow cfj-textarea-height','placeholder':'Caracteristicas'} }) }}
                                            {{ form_errors(form.properties, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <div class="form-group">
                                            {{ form_label(form.categoriaproveedor,'Categoría Proveedor:'|trans) }}
                                            {{ form_widget(form.categoriaproveedor, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Categoria Id'} }) }}
                                            {{ form_errors(form.categoriaproveedor, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% if parent is null %}
                        <div class="row">
                            <div class="panel cfj-panel">
                                <div class="panel-heading cfj-deg-violeta" style="color: #fff;">Tags</div>
                                <div class="panel-body">
                                    {% include 'AppBundle:Productosglobal:form_blocks/product_tags.html.twig' with {'form':form,'producto':producto} %}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="panel cfj-panel">
                                <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                                    Atributos Adicionales
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-sm-12 col-md-6" style="margin-top:10px;">
                                                    <div class="form-group">
                                                        <label for="appbundle_productoglobal_alicuota" class="required">Tipo
                                                            de Atributo:</label>
                                                        <select id="select-variation-form"
                                                                class="form-control cfj-inputs-shadow cfj-inputs-shadow">
                                                            <option></option>
                                                            {% for choice in form.variations.vars.choices %}
                                                                <option value="{{ choice.value }}">{{ choice.label }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                {% for choice in form.variations.vars.choices %}
                                                    {% set method = 'variation_' ~ choice.value %}
                                                    <div class="col-xs-12 col-sm-6 col-md-6" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(attribute(form, method), label|default(null), {'label_attr':{'style':'text-transform: capitalize;'}}) }}
                                                            {{ form_widget(attribute(form, method), {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow col-md-12','placeholder':'Nombre de presentación','multiple':'multiple'} }) }}
                                                            {{ form_errors(attribute(form, method), {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow col-md-12'} }) }}
                                                        </div>
                                                    </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                    <div class="row {% if isparent == true %}hidden{% endif %}">
                        <div class="panel cfj-panel">
                            <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                                Detalles Avanzados
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="tabbable" id="tabs-463728">
                                            <ul class="nav nav-tabs">
                                                <li class="nav-item active">
                                                    <a class="nav-link active show" href="#tabPricing"
                                                       data-toggle="tab">Pricing</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="#tabStock" data-toggle="tab">Stock</a>
                                                </li>
                                                {% if parent is not null %}
                                                    <li class="nav-item">
                                                        <a class="nav-link" href="#tabVariaciones" data-toggle="tab">Variaciones</a>
                                                    </li>
                                                {% endif %}
                                            </ul>

                                            <div class="tab-content">
                                                <div class="tab-pane active" id="tabPricing">
                                                    <div class="col-xs-12 col-sm-4 col-md-4" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.moneda,'Moneda Id:'|trans) }}
                                                            {{ form_widget(form.moneda, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Moneda Id'} }) }}
                                                            {{ form_errors(form.moneda, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>

                                                    <div class="col-xs-12 col-sm-4 col-md-4" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.alicuota,'Alicuota:'|trans) }}
                                                            {{ form_widget(form.alicuota, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Alicuota'} }) }}
                                                            {{ form_errors(form.alicuota, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-4 col-md-4" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.precioneto,'Precio sin iva:'|trans) }}
                                                            {{ form_widget(form.precioneto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Precio Neto'} }) }}
                                                            {{ form_errors(form.precioneto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-4 col-md-4" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.precio,'Precio:'|trans) }}
                                                            {{ form_widget(form.precio, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Precio'} }) }}
                                                            {{ form_errors(form.precio, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-4 col-md-4" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.preciolista,'Precio Lista:'|trans) }}
                                                            {{ form_widget(form.preciolista, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Precio Lista'} }) }}
                                                            {{ form_errors(form.preciolista, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="tabStock">
                                                    <div class="col-xs-12 col-sm-3 col-md-3" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.stock,'Stock:'|trans) }}
                                                            {{ form_widget(form.stock, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Stock actual: '} }) }}
                                                            {{ form_errors(form.stock, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-3 col-md-3" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            <label for="totalstock">
                                                                Stock de seguridad:
                                                            </label>
                                                            <input type="text"class="form-control cfj-inputs-shadow cfj-inputs-shadow" id="securityStock" disabled="disabled" value="{{ securityStock }}"/>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-3 col-md-3" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            {{ form_label(form.reserva,'Reserva:'|trans) }}
                                                            {{ form_widget(form.reserva, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Reserva stock Ventas: '} }) }}
                                                            {{ form_errors(form.reserva, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12 col-sm-3 col-md-3" style="margin-top:10px;">
                                                        <div class="form-group">
                                                            <label for="totalstock">
                                                                Stock Disponible:
                                                            </label>
                                                            <input type="text"
                                                                   class="form-control cfj-inputs-shadow cfj-inputs-shadow"
                                                                   id="totalstock" disabled="disabled" value=""/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="tabVariaciones">
                                                    <br>
                                                    <div class="row">
                                                        {% if parent is not null %}
                                                            <div class="col-sm-12 col-md-6" style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label for="appbundle_productoglobal_alicuota"
                                                                           class="required">Tipo de Variacion:</label>
                                                                    <select id="select-variation-form"
                                                                            class="form-control cfj-inputs-shadow cfj-inputs-shadow">
                                                                        <option></option>
                                                                        {% for choice in form.variations.vars.choices %}
                                                                            <option value="{{ choice.value }}">{{ choice.label }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        {% endif %}
                                                    </div>
                                                    <div class="row">
                                                        {% if parent is not null %}
                                                            {% for choice in form.variations.vars.choices %}
                                                                {% set method = 'variation_' ~ choice.value %}
                                                                <div class="col-xs-12 col-sm-6 col-md-6"
                                                                     style="margin-top:10px;">
                                                                    <div class="form-group">
                                                                        {{ form_label(attribute(form, method), label|default(null), {'label_attr':{'style':'text-transform: capitalize;'}}) }}
                                                                        {{ form_widget(attribute(form, method), {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow col-md-12','placeholder':'Nombre de presentación','multiple':'multiple'} }) }}
                                                                        {{ form_errors(attribute(form, method), {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow col-md-12'} }) }}
                                                                    </div>
                                                                </div>
                                                            {% endfor %}
                                                        {% endif %}
                                                        <div class="col-xs-12 col-sm-6 col-md-6"
                                                             style="margin-top:10px;">
                                                            <div class="form-group">
                                                                {{ form_label(form.variation_display_name,'Presentación:'|trans) }}
                                                                {{ form_widget(form.variation_display_name, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Nombre de presentación','multiple':'multiple'} }) }}
                                                                {{ form_errors(form.variation_display_name, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel cfj-panel">
                        <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                            Atributos
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.peso,'Peso (kg)'|trans) }}
                                        {{ form_widget(form.peso, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Peso'} }) }}
                                        {{ form_errors(form.peso, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.alto,'Alto (cm)'|trans) }}
                                        {{ form_widget(form.alto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Alto'} }) }}
                                        {{ form_errors(form.alto, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.profundidad,'Profundidad (cm)'|trans) }}
                                        {{ form_widget(form.profundidad, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Profundidad'} }) }}
                                        {{ form_errors(form.profundidad, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.ancho,'Ancho (cm)'|trans) }}
                                        {{ form_widget(form.ancho, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow','placeholder':'Ancho'} }) }}
                                        {{ form_errors(form.ancho, {'attr':{'class':'form-control cfj-inputs-shadow cfj-inputs-shadow'} }) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel cfj-panel">
                        <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                            Configuración
                        </div>
                        <div class="panel-body">
                            <div class="row">

                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <div class="form-group">
                                        <div class="col-lg-4 col-md-4 col-xs-12">
                                            {{ form_label(form.activo,'Estado') }}
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-xs-12" align="">
                                            <div class="form-group onoffswitch onoffswitch-activo">
                                                {{ form_widget(form.activo, {'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>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-right">
                {{ form_errors(form) }}
                {{ form_rest(form) }}
                {{ form_end(form) }}
            </div>
        </div><!-- /.box-body -->
        {# <div class="box-footer">            
        </div><!-- box-footer --> #}
    </div><!-- /.box -->

    <!-- Modal -->
    <div class="modal fade" id="modal-marca" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Listado marcas parecidas</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-hover" id="tabla-marcas">
                        <thead>
                            <tr style="background: #fff !important;">
                                <th class="text-left">Marca</th>
                                <th class="text-right">Acciones</th>
                            </tr>
                        </thead>
                        <tbody id="body">
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button id="btn-denegar" type="button" class="btn cfj-deg" data-dismiss="modal">Crear Nueva</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script type="text/javascript">const productId = {{productId}};</script>
{% endblock %}

{# Los archivos js de esta vista se incluyen en el bloque javascripts2nd de src/AppBundle/Resources/views/Productosglobal/tabs_productos.html.twig #}