{% extends 'admin/@layout.html.twig' %}
{% from 'admin/macro/datatable.html.twig' import datatable %}

{% set pageName = 'page_name_category_index'|trans({}, 'admin') %}

{% block content %}
    <div class="row">
        <div class="col-12">
            <div class="crud-heading text-right mb-3">
                <a href="{{ path('admin_category_create', {'id': parent.id}) }}" class="btn btn-primary">
                    <i class="fa-solid fa-plus"></i>
                    {{ 'button_create_category'|trans({}, 'admin') }}
                </a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            {{ _self.showBreadcrubs(parent, rootCategory) }}
            <div class="card">
                <div class="card-body">
                    {% if not categories|length %}
                        {{ component('alert', {
                            type: 'info',
                            message: parent ? 'alert_sub_category_not_found' : 'alert_category_not_found',
                            translationDomain: 'admin'
                        }) }}
                    {% else %}
                        {{ _self.showCategoriesTable(categories, parent, referrer) }}
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% macro showCategoriesTable(categories, parent, referrer) %}
    <table class="table" data-controller="datatable">
        <thead>
        <tr>
            <th></th>
            <th>{{ 'dt.columns.name'|trans({}, 'admin') }}</th>
        </tr>
        </thead>
        <tbody class="category-list" {{ stimulus_controller('sortable') }} data-parent="{{ parent.id }}">
        {% for category in categories %}
            <tr class="draggable" data-id="{{ category.id }}">
                <td>
                    <div class="action move drag-handler" title="{{ 'help_move'|trans({}, 'admin') }}">
                        <i class="fa-solid fa-up-down"></i>
                    </div>
                </td>
                <td>
                    <a href="{{ path('admin_category_index', {'id': category.id}) }}">
                        {{ category.translation(shop.defaultMutation.code).name }}
                    </a>
                </td>
                <td>
                    {{ include('admin/category/_buttons.html.twig', {parent, row: category, referrer}) }}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endmacro %}

{% macro showBreadcrubs(category, rootCategory) %}
    {% set breadcrumbsItems = category.translation(shop.defaultMutation.code).breadcrumbsCache %}
    <div class="card">
        <div class="card-body">
            <i class="fa-solid fa-pen-dto-square"></i>
            <a href="{{ path('admin_category_update', {id: rootCategory.id}) }}">
                <i class="fa-solid fa-pen-to-square"></i>
            </a>
            {% if breadcrumbsItems|length %}
                <a href="{{ path('admin_category_index') }}">
                    {{ 'homepage'|trans({}, 'admin') }}
                </a>
            {% else %}
                {{ 'homepage'|trans({}, 'admin') }}
            {% endif %}
            {% for breadcrumbsItem in breadcrumbsItems %}
                <i class="fa-solid fa-chevron-right"></i>
                {% if loop.last %}
                    {{ breadcrumbsItem.name }}
                {% else %}
                    <a href="{{ path('admin_category_index', {id: breadcrumbsItem.id}) }}">
                        {{ breadcrumbsItem.name }}
                    </a>
                {% endif %}
            {% endfor %}
        </div>
    </div>
{% endmacro %}