{% extends "plugins/admin/views/partials/base.html" %}

{% block content %}
{% if fieldsets_list|length > 0 %}
<table class="table no-margin">
    <thead>
        <tr>
            <th>{{ tr('admin_name') }}</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for id, title in fieldsets_list %}
        <tr>
            <td>
                <a href="{{ path_for('admin.fieldsets.edit') }}?id={{ id }}">{{ title }}</a>
            </td>
            <td class="text-right">
                <div class="btn-group">
                  <a class="btn btn-default" href="{{ path_for('admin.fieldsets.edit') }}?id={{ id }}">{{ tr('admin_edit') }}</a>
                  <button type="button" class="btn btn-default dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="sr-only">Toggle Dropdown</span>
                  </button>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="{{ path_for('admin.fieldsets.rename') }}?id={{ id }}">{{ tr('admin_rename') }}</a>
                    <a class="dropdown-item" href="javascript:;"
                       onclick="event.preventDefault();
                                document.getElementById('duplicate-fieldset-id-{{ id }}').submit();">{{ tr('admin_duplicate') }}</a>
                  </div>
                </div>
                <form id="duplicate-fieldset-id-{{ id }}" action="{{ path_for('admin.fieldsets.duplicateProcess') }}" method="POST" style="display: none;">
                    {{ csrf() }}
                    <input type="hidden" name="fieldset-id" value="{{ id }}">
                </form>
                <form id="delete-fieldset-id-{{ id }}" action="{{ path_for('admin.fieldsets.deleteProcess') }}" method="POST" style="display: none;">
                    {{ csrf() }}
                    <input type="hidden" name="fieldset-id" value="{{ id }}">
                </form>
                <a class="btn btn-default" href="javascript:;"
                   onclick="event.preventDefault();
                            document.getElementById('delete-fieldset-id-{{ id }}').submit();">{{ tr('admin_delete') }}</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<div class="empty-list-message">
    <i class="fas fa-list"></i>
    <h3>{{ tr('admin_you_have_not_created_any_fieldsets_yet') }}</h3>
    <a href="{{ path_for('admin.fieldsets.add') }}" class="btn">{{ tr('admin_create_new_fieldset') }}</a>
</div>
{% endif %}
{% endblock %}