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

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

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

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

{% block breadcrumbs_current %}{{ 'main.customer.breadcrumbs.gestion.urls.details' | 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: customer.getSlug()}) }}">Perfil de {{ customer.getSlug() }}</a></li>
    <li class="c-breadcrumbs__item">{{ 'main.customer.breadcrumbs.gestion.urls.details' | trans }}</li>
{% endblock %}

{% block wrapper -%}

    <div class="o-grid o-grid--no-margin o-grid--vertical-align o-grid--columns-2">

        <div class="o-panel">
            <div class="o-panel__header o-panel__header--color-primary">
                <h4 class="o-panel__title">{{ url.getUrl() }}</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/details.html.twig'  with {'keywords': data, 'totalIndexes' : totalIndexes} %}
                    </div>
                </div>

            </div>
        </div>

        <div class="o-panel" style="flex: 1 1; margin-left: 15px">
            <div class="o-panel__header o-panel__header--color-primary">
                <h4 class="o-panel__title">Información</h4>
            </div>
            <div class="o-panel__content o-grid--columns-2">
                <p><strong>Group:</strong> -</p>
                <p><strong>Detected:</strong> {{ url.createdAt | date("d/m/Y") }}</p>
                <p><strong>Categorized:</strong> {{ url.categorizedAt | date("d/m/Y") }}</p>
            </div>
        </div>

    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('forms') }}
{% endblock %}