{% extends "admin/core/edit.html.twig" %}

{% set websiteId = websiteId() %}
{% set excludesFields = ['cols'] %}

{% trans_default_domain 'admin' %}

{% import 'core/src-macro.html.twig' as resources %}

{% block stylesheets %}
    {{ parent() }}
    {{ resources.encore_absolute_link_tags('admin-table', 'admin') }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ resources.encore_entry_js_files('admin-table', 'admin', 'Table') }}
{% endblock %}

{% set outerCustomized %}

    {% set table = entity|table(entitylocale) %}

    {% include 'admin/page/table/actions.html.twig' %}

    <table class="table-edit table-bordered table table-striped mb-0 bg-white mb-4">
        <thead>
            {% for col in form.cols %}
                <th class="align-middle p-0">
                    <div class="actions">
                        <div class="inner float-right">
                            {% if not loop.first %}
                                <span class="active btn" data-toggle="preloader">
                                    <a href="{{ path('admin_tablecol_position', {"website": websiteId, "table": entity.id, "col": col.vars.data.id, "type": "down"}) }}"
                                       data-toggle="tooltip" title="{{ "Modifier la position"|trans|striptags }}"><i class="fas fa-chevron-left text-dark"></i>
                                    </a>
                                </span>
                            {% else %}
                                <span class="disabled btn"><i class="fas fa-chevron-left text-muted"></i></span>
                            {% endif %}
                            {% if not loop.last %}
                                <span class="active btn" data-toggle="preloader">
                                    <a href="{{ path('admin_tablecol_position', {"website": websiteId, "table": entity.id, "col": col.vars.data.id, "type": "up"}) }}"
                                       data-toggle="tooltip" title="{{ "Modifier la position"|trans|striptags }}"><i class="fas fa-chevron-right {% if loop.last %}text-muted{% else %}text-dark{% endif %}"></i>
                                    </a>
                                </span>
                            {% else %}
                                <span class="disabled btn"><i class="fas fa-chevron-right text-muted"></i></span>
                            {% endif %}
                            <span data-toggle="tooltip" title="{{ "Enregistrer"|trans|striptags }}">
                                <button type="submit" class="btn" data-toggle="preloader"><i class="far fa-save"></i></button>
                            </span>
                            <a href="{{ path('admin_tablecol_delete', {"website": website.id, "table": entity.id, "col": col.vars.data.id}) }}"
                               data-toggle="tooltip" title="{{ "Supprimer"|trans|striptags }}"
                               class="swal-delete-link btn"><i class="fas fa-trash text-dark"></i>
                            </a>
                        </div>
                    </div>
                    {% if col.i18ns is defined %}
                        {% for i18n in col.i18ns %}
                            {% set i18nLocale = i18n.vars.data.locale %}
                            <div class="row i18ns-row{% if i18nLocale != entitylocale %} d-none{% endif %}">
                                <div class="col-md-4">{{ form_widget(i18n.titleForce) }}</div>
                                <div class="col-md-8">{{ form_widget(i18n.title) }}</div>
                            </div>
                        {% endfor %}
                    {% endif %}
                </th>
            {% endfor %}
            <th></th>
        </thead>
        <tbody>
            {% if table.body is defined %}
                {% for rows in table.body %}
                    <tr id="cells-row-{{ loop.index }}" class="{% if loop.index is odd %}odd{% else %}even{% endif %}">
                        {% for row in rows %}
                            <td class="edition">
                                {% for col in form.cols %}
                                    {% for cell in col.cells %}
                                        {% if cell.vars.data.id == row.cell.id %}
                                            {% for i18n in cell.i18ns %}
                                                {% set i18nLocale = i18n.vars.data.locale %}
                                                <div class="row{% if i18nLocale != entitylocale %} d-none{% endif %}">
                                                    <div class="col-md-2 form-group">{{ form_widget(i18n.titleForce) }}</div>
                                                    <div class="col-md-10 form-group">{{ form_widget(i18n.title) }}</div>
                                                    <div class="col-12 form-group"> {{ form_widget(i18n.introduction) }}</div>
                                                    <div class="col-12">{{ form_widget(i18n.body) }}</div>
                                                </div>
                                            {% endfor %}
                                        {% endif %}
                                    {% endfor %}
                                {% endfor %}
                            </td>
                        {% endfor %}
                        <td class="actions text-center">
                            <div class="inner">
                                    <span {% if not loop.first %} data-toggle="preloader"{% endif %}>
                                        {% if not loop.first %}
                                            <a href="{{ path('admin_tablecell_position', {"website": websiteId, "table": entity.id, "position": loop.index, "type": "up"}) }}"
                                               class="btn" data-toggle="tooltip" title="{{ "Modifier la position"|trans|striptags }}"><i class="fas fa-chevron-up text-dark"></i>
                                            </a>
                                        {% else %}
                                            <span class="btn disabled"><i class="fas fa-chevron-up text-muted"></i></span>
                                        {% endif %}
                                    </span>
                                <span {% if not loop.last %} data-toggle="preloader"{% endif %}>
                                        {% if not loop.last %}
                                            <a href="{{ path('admin_tablecell_position', {"website": websiteId, "table": entity.id, "position": loop.index, "type": "down"}) }}"
                                               class="btn" data-toggle="tooltip" title="{{ "Modifier la position"|trans|striptags }}"><i class="fas fa-chevron-down text-dark"></i>
                                            </a>
                                        {% else %}
                                            <span class="btn disabled" ><i class="fas fa-chevron-down text-muted"></i></span>
                                        {% endif %}
                                    </span>
                                <span data-toggle="tooltip" title="{{ "Enregistrer"|trans|striptags }}">
                                        <button type="submit" class="btn" data-toggle="preloader"><i class="far fa-save"></i></button>
                                    </span>
                                <a href="{{ path("admin_tablecell_delete", {"website": websiteId, "table": entity.id, "position": loop.index}) }}"
                                   data-toggle="tooltip" title="{{ "Supprimer"|trans|striptags }}"
                                   class="btn swal-delete-link">
                                    <i class="fas fa-trash text-dark"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            {% endif %}
        </tbody>
    </table>

    {% include 'admin/page/table/actions.html.twig' %}

{% endset %}