{% extends 'admin/@layout.html.twig' %}

{% set removedList = app.request.attributes.get('_route') == 'admin_template_index' and removedTemplates|length %}

{% if removedList %}
    {% set pageName = 'page_name_template_index'|trans({}, 'admin') %}
{% else %}
    {% set pageName = 'page_name_template_removed_index'|trans({}, 'admin') %}
{% endif %}


{% macro printTemplateSnippet(template) %}
    <div class="col-4">
        <div class="card template-snippet" data-id="{{ template.id }}" data-name="{{ template.name }}">
            <div class="card-header">
                <h5>{{ template.name }}</h5>
            </div>
            <div class="card-body text-center">
                <img src="{{ asset(template.previewPath) }}" alt="{{ template.name }}" class="img-fluid"/>
            </div>
            <div class="card-footer">
                {% if template.isRemoved %}
                    {{ _self.templateRemovedCardFooter(template) }}
                {% else %}
                    {{ _self.templateCardFooter(template) }}
                {% endif %}
            </div>
        </div>
    </div>
{% endmacro %}

{% macro templateCardFooter(template) %}
    <div class="row">
        <div class="col-6 template-tools">
            <a href="{{ path('admin_template_copy', {
                id: template.id
            }) }}"
               title="{{ 'template_copy'|trans({}, 'admin') }}"
               class="tool-duplicate"
            >
                <i class="fa-solid fa-copy"></i>
            </a>
            <a href="{{ path('admin_template_set_default', {
                id: template.id
            }) }}"
               title="{{ 'template_set_as_default'|trans({}, 'admin') }}"
               class="tool-default{% if template.id == shop.template.id %} template-default{% endif %}">
                <i class="fa-regular fa-square-check"></i>
            </a>
            <a href="{{ path('admin_template_live_preview', {
                hash: template.livePreviewHash
            }) }}"
               title="{{ 'template_live_preview'|trans({}, 'admin') }}"
               target="_blank"
               class="tool-preview">
                <i class="fa-regular fa-eye"></i>
            </a>
            <a href="{{ path('admin_template_remove', {
                id: template.id
            }) }}"
               title="{{ 'template_remove'|trans({}, 'admin') }}"
               data-action="template#removeTemplate:prevent"
               class="tool-remove text-danger">
                <i class="fa-solid fa-trash"></i>
            </a>
        </div>
        <div class="col-6 text-right">
            <a href="{{ path('admin_template_update', {
                id: template.id
            }) }}">
                {{ 'button_update'|trans({}, 'admin') }}
            </a>
        </div>
    </div>
{% endmacro %}

{% macro templateRemovedCardFooter(template) %}
    <div class="row">
        <div class="col-6 template-tools">
            <a href="{{ path('admin_template_restore', {
                id: template.id
            }) }}"
               class="tool-restore text-success">
                <i class="fa-solid fa-undo"></i>
                {{ 'template_restore'|trans({}, 'admin') }}
            </a>
        </div>
        <div class="col-6 text-right">
            <a href="{{ path('admin_template_remove_permanently', {
                id: template.id
            }) }}"
               data-action="template#permanentlyRemoveTemplate:prevent"
               class="text-danger">
                <i class="fa-solid fa-trash"></i>
                {{ 'template_remove_permanently'|trans({}, 'admin') }}
            </a>
        </div>
    </div>
{% endmacro %}

{% block content %}
    {% if app.request.attributes.get('_route') == 'admin_template_index' and removedTemplates|length %}
        <div class="row">
            <div class="col-12 text-right">
                <a href="{{ path('admin_template_removed') }}" class="btn btn-outline-danger">
                    {{ 'button_show_removed_templates'|trans({}, 'admin') }} ({{ removedTemplates|length }})
                </a>
            </div>
        </div>
    {% endif %}
    <div class="row template-collection" data-controller="template">
        {% for template in templates %}
            {{ _self.printTemplateSnippet(template) }}
        {% endfor %}
        <div class="col-12">
            <div class="row">
                <div class="col-12">
                    <a href="{{ path('admin_template_create') }}" class="btn btn-primary">
                        <i class="fa-solid fa-plus"></i>
                        <span>
                            {{ 'button_create_template'|trans({}, 'admin') }}
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block body_class %}template-list{% endblock %}