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

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

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Catálogo <i class="fa fa-angle-right"></i> Productos <i class="fa fa-angle-right"></i> Editar
    </h3>
{% endblock %}

{% block content %}

    <div class="box views" style="margin-top:40px">

        <div class="nav-tabs-custom">

            <ul class="nav nav-tabs pull-left">
                <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">Producto</a></li>
                {% if meli %}
                    <li><a href="#tab_2" data-toggle="tab" aria-expanded="true">Mercado Libre</a></li>
                {% endif %}
                <li><a href="#tab_3" data-toggle="tab" aria-expanded="true">Ficha Técnica</a></li>
            </ul>

            <div class="clearfix"></div>

            <div class="tab-content">

                <div class="tab-pane active" id="tab_1">
                    {{ render(controller('AppBundle:Productosglobal:edit',{'id':id})) }}
                </div>

                {% if meli %}
                    <div class="tab-pane" id="tab_2">
                        {{ render(controller('AppBundle:Productosmeli:generar_ficha_tecnica',{'id':id})) }}
                    </div>
                {% endif %}

                <div class="tab-pane" id="tab_3" style="margin-top:50px;"></div>

            </div>

        </div>

    </div>

{% endblock %}

{% block javascripts2nd %}

    <script>
        var maxpostsize = {{maxpostsize}};
        var uploadmaxfilesize = {{uploadmaxfilesize}};
    </script>

    {% javascripts
        '@AppBundle/Resources/public/js/Productosglobal/productosglobalHelper.js'
        '@AppBundle/Resources/public/js/Productosglobal/edit.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}