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

{% block title 'Mapeo de Categorias'|trans %}

{% block stylesheets2nd %}

    {% stylesheets %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %} 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.min.css"/>

{% endblock %}

{% block bootstrap_stylesheets %}
    <link 
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" 
        rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 
        crossorigin="anonymous"
    >
{% endblock %}

{% block bootstrap_javascript %}
    <script 
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" 
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" 
        crossorigin="anonymous">
    </script>
{% endblock %}
  
{% block content %}
    {% stylesheets
		'bundles/app/css/views/CategoriesMapping/index.css'
        filter='cssrewrite' 
    %}
	    <link rel="stylesheet" href="{{ asset_url }}"/>
	{% endstylesheets %}
    <div class="box">
        <div class="box-body">
            <div class='box views'>
                <div id="dataListTable">
                    {% include 'AppBundle:CategoriesMapping:table.html.twig' with { 
                        'categoriesSeller' : categoriesSeller,
                        'categoriesMarketplace': categoriesMarketplace,
                        'marketplaceConnections' :marketplaceConnections,
                        'paginationData': paginationData,
                        'connectionId': connectionId
                    } %}
                </div>

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


{% endblock %}

{% block javascripts2nd %}

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