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

{% block title 'Ficha Técnica del 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 content %}



        <div class="box">
            <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><!-- /.box-header -->
            <div class="box-body">


                <form action="{{ path('app_producto_update_fichatecnica',{'productoglobalid':productoglobalid}) }}"
                      method="get">
                    <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;">
                                        Datos Producto Mercado Libre
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Título:</label>

                                                    <label class="cfj-label-order">{{ productoglobal.titulo }}</label>


                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-3 col-md-3">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Sku:</label>
                                                    <label class="cfj-label-order">{{ productoglobal.sku }}</label>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-3 col-md-3">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">CodProdProveedor:</label>
                                                    <label class="cfj-label-order">{{ productoglobal.codprodproveedor }}</label>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Descripción Corta</label>


                                                    <textarea readonly='true' id="xdesc" name="xdesc"
                                                              class="form-control cfj-inputs-shadow cfj-inputs-shadow cfj-inputs-shadow cfj-textarea-height"
                                                              placeholder="Descripción Larga">{{ productoglobal.descripcion }}</textarea>

                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Categoria Proveedor:</label>
                                                    <label class="cfj-label-order">{{ codigocategoria~"-"~nombrecategoria }}</label>
                                                </div>
                                            </div>

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

                            <div class="row">
                                <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>
                                                        <li class="nav-item">
                                                            <a class="nav-link" href="#tabVariaciones"
                                                               data-toggle="tab">Variaciones</a>
                                                        </li>
                                                    </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">
                                                                    <label class="cfj-label-order">Moneda Id:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.moneda }}</label>
                                                                </div>
                                                            </div>

                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Alicuota:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.alicuota }}</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Precio Neto:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.precioneto }}</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Precio:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.precio }}</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tabStock">
                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Cantidad
                                                                        Inicial:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.stockinicial }}</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Cantidad
                                                                        Disponible:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.stock }}</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4 col-md-4"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">Reserva:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.reserva }}</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tabVariaciones">
                                                            <div class="col-xs-12 col-sm-6 col-md-6"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">FechaInicio:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.fechainicio|date('d/m/y') }}</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-6 col-md-6"
                                                                 style="margin-top:10px;">
                                                                <div class="form-group">
                                                                    <label class="cfj-label-order">FechaFinal:</label>
                                                                    <label class="cfj-label-order">{{ productoglobal.fechafinal |date('d/m/y') }}</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <script>
                            $(function () {
                                $("#sortable").sortable();
                                $("#sortable").disableSelection();
                            });
                        </script>
                        <ul id="sortable">
                            {% for d in fotos %}
                                <div align="center"
                                     class="form-group cfj-image-drag-drop col-xs-2 col-sm-2 col-md-2 col-lg-2">
                                    {% if (d.nombre) %}
                                        {% set foto1=asset(d.nombre,'directoriofotosbanco') %}
                                        <img class="ui-state-default" id="img_foto1" height="150" width="150"
                                             src="{{ foto1 }}"/>
                                    {% else %}
                                        <img class="ui-state-default" id="img_foto1" height="150" width="150"
                                             src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>
                                    {% endif %}
                                </div>
                            {% else %}
                                <div class="form-group cfj-image-drag-drop">
                                    {% if (productoglobal.tumbnail) %}
                                        <img class="ui-state-default" id="img_foto1" height="150" width="150"
                                             src="{{ productoglobal.tumbnail }}"/>
                                    {% else %}
                                        <img class="ui-state-default" id="img_foto1" height="150" width="150"
                                             src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>
                                    {% endif %}
                                </div>
                            {% endfor %}
                        </ul>
                    </div>

                    <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">
                                                <label class="cfj-label-order">Tipo de Garantía</label>

                                                <select class="form-control cfj-inputs-shadow" id='seltipogarantia'
                                                        name='seltipogarantia'>
                                                    <option value="">Seleccione</option>
                                                    <option value="2230279">Garantía de fábrica</option>
                                                    <option value="2230280">Garantía del vendedor</option>
                                                </select>


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

                                                <label class="cfj-label-order">Tiempo de Garantía</label>

                                                <select class="form-control cfj-inputs-shadow" id='seltiempogarantia'
                                                        name='seltiempogarantia'>
                                                    <option value="">Seleccione</option>
                                                    <option value="10 días">10 días</option>
                                                    <option value="15 días">15 días</option>
                                                    <option value="20 días">20 días</option>
                                                    <option value="25 días">25 días</option>
                                                    <option value="30 días">30 días</option>
                                                    <option value="35 días">35 días</option>
                                                    <option value="40 días">40 días</option>
                                                    <option value="45 días">45 días</option>
                                                    <option value="50 días">50 días</option>
                                                    <option value="55 días">55 días</option>
                                                    <option value="60 días">60 días</option>
                                                    <option value="65 días">65 días</option>
                                                    <option value="70 días">70 días</option>
                                                    <option value="75 días">75 días</option>
                                                    <option value="80 días">80 días</option>
                                                    <option value="85 días">85 días</option>
                                                    <option value="90 días">90 días</option>
                                                    <option value="1 mes">1 mes</option>
                                                    <option value="2 meses">2 meses</option>
                                                    <option value="3 meses">3 meses</option>
                                                    <option value="4 meses">4 meses</option>
                                                    <option value="5 meses">5 meses</option>
                                                    <option value="6 meses">6 meses</option>
                                                    <option value="7 meses">7 meses</option>
                                                    <option value="8 meses">8 meses</option>
                                                    <option value="9 meses">9 meses</option>
                                                    <option value="10 meses">10 meses</option>
                                                    <option value="11 meses">11 meses</option>
                                                    <option value="12 meses">12 meses</option>
                                                    <option value="24 meses">24 meses</option>


                                                </select>


                                            </div>
                                        </div>


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


                                                <label class="cfj-label-order">Tipo de Publicación</label>

                                                <select class="form-control cfj-inputs-shadow" id='seltipopublicacion'
                                                        name='seltipopublicacion'>
                                                    <option value="">Seleccione</option>

                                                    <option value="gold_pro">Oro Premium Full</option>
                                                    <option value="gold_premium">Oro Premium</option>
                                                    <option value="gold_special">Oro Profesional</option>
                                                    <option value="gold">Oro</option>
                                                    <option value="silver">Plata</option>
                                                    <option value="bronze">Bronce</option>
                                                    <option value="free">Gratuita</option>

                                                </select>

                                            </div>
                                        </div>


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


                                                <label class="cfj-label-order">Condición</label>
                                                <select class="form-control cfj-inputs-shadow" id='selcondicion'
                                                        name='selcondicion'>
                                                    <option value="">Seleccione</option>
                                                    <option value="new">Nuevo</option>
                                                    <option value="used">Usado</option>
                                                    <option value="not_specified">No especificado</option>
                                                </select>
                                            </div>
                                        </div>


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


                                                <label class="cfj-label-order">Acepta Mercado Pago</label>
                                                <select class="form-control cfj-inputs-shadow" id='selaceptamercadopago'
                                                        name='selaceptamercadopago'>
                                                    <option value="">Seleccione</option>
                                                    <option value="1">Si</option>
                                                    <option value="0">No</option>
                                                </select>
                                            </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">

                                            {% 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' or campo.value_type=='number_unit' or campo.value_type=='number' %}
                                                            <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=='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
                                                            CATEGORIA FULLJAUS ASOCIADA </label>
                                                    </div>
                                                </div>

                                            {% endfor %}


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

                                                <button class="btn btn-primary btn-flat cfj-save-button" type="submit">
                                                    <i class="fa fa-save"></i>{% trans %}&nbsp;Guardar{% endtrans %}
                                                </button>


                                            </div>

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


                        </div>


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


        </form>


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

        </div><!-- box-footer -->
        </form>
        </div><!-- /.box -->
        </div>



    {% 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();
                });
                //$('#appbundle_producto_publicado').click(function(){
                //alert('ingreso');


            });
        </script>



    {% endblock %}