{% extends 'layout.html.twig' %}

{% block stylesheets %}
    {{ parent() }}

    {{ encore_entry_link_tags('forms') }}
{% endblock %}

{% block title %}
    {{ 'main.customer.breadcrumbs.gestion.urlTitle' | trans }}
{% endblock %}

{% block breadcrumbs_current %}{{ 'main.customer.breadcrumbs.gestion.urlTitle' | trans }}{% endblock %}


{% block breadcrumbs %}
    <li class="c-breadcrumbs__item"><a class="c-breadcrumbs__link" href="{{ path('dashboard') }}">{{ 'main.app.name' | trans }}</a></li>
    <li class="c-breadcrumbs__item">
        <a class="c-breadcrumbs__link" href="{{ path('customer_view', {slug: CustomerId.getSlug()}) }}">
            {{ 'main.customer.breadcrumbs.perfil.name' | trans({ '%name%': CustomerId.getName() }) }}
        </a>
    </li>
    <li class="c-breadcrumbs__item">{{ 'main.customer.breadcrumbs.gestion.url' | trans }}</li>
{% endblock %}

{% block wrapper -%}

    {% include 'customer/menu/menu.html.twig'  with {'menu': 'url'} %}
    {% include 'url/forms/filter.html.twig' %}

    {% include 'url/forms/urlGroup.html.twig' with {
        'submitText': 'main.default.actions.guardar-cambios'
    } %}


    <div class="c-bulk">
        <div class="c-bulk__wrapper">
            <h4 class="c-bulk__title">{{ 'main.url.bulk' | trans }}: </h4>
            <div  class="c-bulk__actions">
                <a href="#" class="o-button o-button--size-small o-button--color-success js-bulk-categorize"  data-status="0">
                    Positiva
                </a>

                <a href="#" class="o-button o-button--size-small o-button--color-info js-bulk-categorize" data-status="1">
                    Neutral
                </a>

                <a href="#" class="o-button o-button--size-small o-button--color-error js-bulk-categorize" data-status="2">
                    Negativa
                </a>
            </div>
        </div>
    </div>


    <div id="urls" class="o-tabs__content">
        <div id="Keywords" class="o-tabs__content">
            <div class="o-panel o-panel--full">
                <div class="o-panel__header o-panel__header--color-primary">
                    <h4 class="o-panel__title">Listado de Urls {{ status }}</h4>
                </div>
                <div class="o-panel__content o-panel__content--no-margin">
                    <div class="o-table">
                        <div class="o-table__inner js-table__inner js-table-draggable kinetic-active start">

                            {% include 'url/tables/Categorized.html.twig'  with {'urls': list, 'status' : status} %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

     
    <div class="u-flex-space-between">
        <div>{{ 'main.url.actions.numresultados' | trans({'%num%': list.totalItemCount }) }}: {{ totalResults }}</div>        
        {{ knp_pagination_render(list) }}
    </div>


{% endblock %}

{% block javascripts %}
    <script>
        var bulkUrl = '{{ path('url_bulk_categorize', {slug: CustomerId.getSlug()}) }}';
    </script>

    {{ parent() }}


    {{ encore_entry_script_tags('forms') }}
{% endblock %}