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

{% block stylesheets2nd %}
    {% stylesheets
        'bundles/app/css/views/Productomarketplace/table.css'
        filter='cssrewrite'
    %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}

{% block title 'Publicador Global'|trans %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Publicador Global
    </h3>
{% endblock %}    

{% block content %}

    <div class="box">
        <div class="box-body">

            <div class='box views'>

                <div class="row">
                    <div class='col-xs-12 col-lg-12 col-md-12 box-tools mt-4'>
                        <div class='box-tools-inner'>
                            <div class="row">
                                {% include 'AppBundle:Productosmarketplace:header_options.html.twig' %}
                            </div>
                        </div>
                    </div>

                    {% set legendCollection = [
                        {'type': 'icon', 'class': 'clock-o', 'styles': '', 'description': 'Pendiente de publicación'},
                        {'type': 'icon', 'class': 'circle pub-badge-green', 'styles': 'background: none', 'description': 'Publicado y actualizado'},
                        {'type': 'icon', 'class': 'circle pub-badge-yellow', 'styles': 'background: none', 'description': 'Publicado y no actualizado'},
                        {'type': 'icon', 'class': 'circle pub-badge-red', 'styles': 'background: none', 'description': 'Error en publicación'},
                    ]
                    %}

                    {% include 'AppBundle:Default:includes/blocks/legend.html.twig' with {'legend': legendCollection} %}

                </div>

                <div class="table-responsive showview col-lg-12 col-md-12 col-xs-12">
                    <div id="dataListTable" class="col-lg-12 col-md-12 col-xs-12">
                        {% include 'AppBundle:Productosmarketplace:table.html.twig' with {'products': products, 'paginationData': paginationData } %}
                    </div>
                </div>
                
                {% include 'AppBundle:Productosmarketplace:modal_stock_per_product.html.twig' %}

                {% include 'AppBundle:Productosmarketplace:modal_validation.html.twig' %}

                {% include 'AppBundle:Productosmarketplace:modal_publication_options.html.twig' %}
                
                {% include 'AppBundle:Productosmarketplace:modal_all_publications_options.html.twig' %}

                {% include 'AppBundle:Productosmarketplace:sku_modal.html.twig' %}

            </div>

        </div>
    </div>

{% endblock %}

{% block javascripts2nd %}

    {% javascripts
        '@AppBundle/Resources/public/js/Productosmarketplace/initialInstances.js'
        '@AppBundle/Resources/public/js/HTML/global/html_blocks.js'
        '@AppBundle/Resources/public/js/Helpers/productIndexGenericHelper.js'
        '@AppBundle/Resources/public/js/Productosmarketplace/publicationOptions.js'
        '@AppBundle/Resources/public/js/Productosmarketplace/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

{% endblock %}