{% block title ' '|trans %}

{% block content %}

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

        <div class="box-body">

            {{ form_start(form) }}
            <div class="row">

                <div class="col-md-12">
                    <div class="panel cfj-panel">
                        <div class="panel-heading cfj-deg-violeta" style="color: #fff;">Atributos Básicos para Publicar</div>
                        <div class="panel-body">
                            
                            <div class="row">

                                <div class="col-xs-12 col-sm-3 col-md-3">
                                    <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 cfj-inputs-shadow descorta','placeholder':'Maximo 60 caracteres', 'maxlength':59}}) }}
                                        {{ form_errors(form.titulo, {'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.descripcion,'Descripción:'|trans) }}
                                        {{ form_widget(form.descripcion, {'attr':{'class':'form-control','placeholder':'Descripción'}}) }}
                                        {{ form_errors(form.descripcion, {'attr':{'class':'form-control'} }) }}
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-3 col-md-3">
                                    <div class="form-group">
                                        {{ form_label(form.tipogarantia,'Tipo de Garantía:'|trans) }}
                                        {{ form_widget(form.tipogarantia, {'attr':{'class':'form-control','placeholder':'Tipo de Garantía'} }) }}
                                        {{ form_errors(form.tipogarantia, {'attr':{'class':'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-3 col-md-3">
                                    <div class="form-group">
                                        {{ form_label(form.tiempogarantia,'Tiempo de Garantía:'|trans) }}
                                        {{ form_widget(form.tiempogarantia, {'attr':{'class':'form-control','placeholder':'Tiempo de Garantía'} }) }}
                                        {{ form_errors(form.tiempogarantia, {'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.condicion,'Condición:'|trans) }}
                                        {{ form_widget(form.condicion, {'attr':{'class':'form-control','placeholder':'Condición'} }) }}
                                        {{ form_errors(form.condicion, {'attr':{'class':'form-control'} }) }}
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-3 col-md-3">
                                    <div class="form-group">
                                        {{ form_label(form.aceptamercadopago,'Acepta Mercado Pago:'|trans) }}
                                        {{ form_widget(form.aceptamercadopago, {'attr':{'class':'form-control','placeholder':'Acepta Mercado Pago'} }) }}
                                        {{ form_errors(form.aceptamercadopago, {'attr':{'class':'form-control'} }) }}
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-3 col-md-3">
                                    <div class="form-group">
                                        {{ form_label(form.aceptamercadoenvios,'Acepta Mercado Envios:'|trans) }}
                                        {{ form_widget(form.aceptamercadoenvios, {'attr':{'class':'form-control','placeholder':'Acepta Mercado Envios'} }) }}
                                        {{ form_errors(form.aceptamercadoenvios, {'attr':{'class':'form-control'} }) }}
                                    </div>
                                </div>

                            </div>

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

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="panel cfj-panel panel-danger">
                            <div class="panel-heading" style="text-align:center;">Ficha Técnica del Producto</div>
                            <div class="panel-body">

                                <div class="row">

                                    <input type="hidden" id="select_categoria_hoja" name="select_categoria_hoja" value='{{ codigocategoria }}'/>

                                    {% for campo in atributosglobal %}
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <label class="cfj-label-order">{{ campo.name }}</label>

                                                {% if campo.value_type=='string' %}
                                                    <input id='{{ campo.codigo }}' name='{{ campo.codigo }}'
                                                           type="text" class="form-control cfj-inputs-shadow"
                                                           placeholder="{{ campo.name }}"
                                                           value="{{ campo.valorficha }}"
                                                    />
                                                {% endif %}

                                                {% if campo.value_type=='number_unit' or campo.value_type=='number' %}
                                                    <input min=1 ondrop="return false;" onpaste="return false;"
                                                           pattern="^[0-9]+" id='{{ campo.codigo }}'
                                                           name='{{ campo.codigo }}' type="number"
                                                           class="form-control cfj-inputs-shadow numerics"
                                                           placeholder="{{ campo.name }}"
                                                           value="{{ campo.valorficha }}"
                                                    />
                                                {% endif %}

                                                {% if campo.value_type=='list' %}
                                                    {% set valores= campo.valuesa|json_decode() %}
                                                    <select class="form-control cfj-inputs-shadow" id='{{ campo.codigo }}' name='{{ campo.codigo }}'>
                                                        <option value="">Seleccione</option>
                                                        {% for valor in valores %}
                                                            {% if valor.id==campo.valorficha %}
                                                                <option value="{{ valor.id }}" selected>{{ valor.name }}</option>
                                                            {% else %}
                                                                <option value="{{ valor.id }}">{{ valor.name }}</option>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </select>
                                                {% endif %}

                                                {% if campo.value_type=='boolean' %}
                                                    {% set valores= campo.valuesa|json_decode() %}
                                                    <select class="form-control cfj-inputs-shadow" id='{{ campo.codigo }}' name='{{ campo.codigo }}'>
                                                        <option value="">Seleccione</option>
                                                        {% for valor in valores %}
                                                            {% if valor.id==campo.valorficha %}
                                                                <option value="{{ valor.id }}" selected>{{ valor.name }}</option>
                                                            {% else %}
                                                                <option value="{{ valor.id }}">{{ valor.name }}</option>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </select>
                                                {% endif %}

                                            </div>
                                        </div>

                                    {% else %}
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <label class="cfj-label-order">VERIFIQUE EL PRODUCTO, NO TIENE ESPECIFACIONES TECNICAS ASOCIADAS </label>
                                            </div>
                                        </div>
                                    {% endfor %}

                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        {{ form_errors(form) }}
                                        {{ form_rest(form) }}
                                        {{ form_end(form) }}
                                    </div>

                                </div>

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

        </div>

    </div>


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



{% endblock %}

{% block javascripts %}
    <script>
        $(document).ready(function () {

            $(".numerics").on('keypress', function (e) {
                if (event.code == 'Slash' || event.code == 'BracketRight') {
                    return false;
                }
                if ($('.numerics').val() == '') {
                    if (event.code == 0) {
                        return false;
                    }
                }

            })

            $('#btn-agregar').on('submit', function (e) {
                $(this).submit();
            });

        });
    </script>

{% endblock %}