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

{% block headercontent %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
            <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
                Configuración <i class="fa fa-angle-right"></i> Marketplaces

            </h3>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <div class="row">
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-lg-1 col-md-1 col-xs-12">
                </div>
                <div class="col-xs-12 col-sm-12 col-md-offset-2 col-lg-offset-2 col-md-6 col-lg-6">
                    <div class="panel cfj-panel">
                        <div class="mkt-panel-head panel-heading cfj-deg-violeta">
                            <div class="mkt-ph-left">
                                Marketplaces Configurados
                            </div>
                            <div class="mkt-ph-right">
                                <div class="dropdown">
                                    <button class="btn cfj-bgcolor-two cfj-actions-btn cfj-color-three" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-plus"></i> Nuevo
                                    </button>
                                    <ul class="dropdown-menu new-mkt-menu" aria-labelledby="dLabel">
                                        {% for marketplace in marketplaces %}
                                        <li>
                                            {% if marketplace.id in disabledMarketplaces %}
                                                <div class="mkt-dm-item disabled">
                                            {% else %}
                                                <div class="mkt-dm-item" data-toggle="link" data-link="{{marketplace.id}}" data-mkpcode="{{marketplace.codigo}}" id="mkp_list_element_{{marketplace.codigo}}" data-action="new">
                                            {% endif %}
                                                <div class="mkt-dm-item-left">
                                                    <img src="{{asset('uploads/images/market/'~marketplace.logo)}}">
                                                </div>
                                                <div class="mkt-dm-item-right">
                                                    {{marketplace.nombre}}
                                                </div>
                                            </div>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body mkt-config-panel">
                            {% if sellerMarketplaces|length > 0 %}
                            <table class="table table-wrapped marketplaces-table">
                                <thead>
                                    <tr>
                                        <th>ID Config.</th>
                                        <th>Plataforma</th>
                                        <th>Nombre</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for config in sellerMarketplaces %}
                                        {% if config.marketplace.activo == 1 %}
                                        <tr>
                                            <td>
                                                {{config.id}}
                                            </td>
                                            <td>
                                                {{config.marketplace.nombre}}
                                            </td>
                                            <td>
                                                {{ config.nombreconfiguracion|default("Sin nombre") }}
                                            </td>
                                            <td>
                                                <button type="button" class="btn cfj-bgcolor-three cfj-actions-btn cfj-color-three market-edit-trigger" style="width:100%;" data-toggle="link" data-action="edit" data-link="{{config.id}}" data-mkpcode="{{config.marketplace.codigo}}" data-mkpconnection="{{config.id}}"><i class="fa fa-edit" style="margin-left: -20%"></i> Editar</button>
                                            </td>
                                        </tr>
                                        {% endif %}
                                    {% endfor %}
                                </tbody>
                            </table>
                            {% else %}
                                <div class="no-mkt-container">
                                    <h1><i class="fa fa-exclamation-circle"></i></h1>
                                    <h3>No tienes ningún Marketplace configurado.</h3>
                                    <p>Haz click en el botón "Nuevo" para configurar uno.</p>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" id="data_marketplace"></div>
        </div>
        {% include 'AppBundle:Productosmarketplace:modal_publication_options.html.twig' %}
    </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'
        '@AppBundle/Resources/public/js/EmpresaMarketplace/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}