{% extends "sections.twig" %}

{% block subcontent_detail %}

{% if sections|length == 0 %}
    <p>No profile sections found</p>
{% else %}
<div class="listing-filter">
    <label for="list-filter">Filter</label>
    <input type="text" class="listing-filter__input" id="list-filter" placeholder="Start typing to filter list">
</div>

<table>
<thead>
<tr>
    <th class="list-col sort-asc" style="width:25%">Name</th>
    <th class="list-col" style="width: 50%">Content fields</th>
    <th class="list-col" style="width: 20%">Optional</th>
    <th><span class="visuallyhidden" style="width: 5%">Actions</span></th>
</tr>
</thead>
<tbody>
{% for section in sections %}
<tr>
    <td>
        <a href="{{ path('admin.section.edit', {'sectionId': section.id}) }}">{{ section.name }}</a>
    </td>
    <td>
        {{ itemTypes[section.item_type] }}
    </td>
    <td>
        {{ section.optional ? 'optional' : 'required' }}
    </td>
    <td>
        <ul class="action-list">
            <li><a href="{{ path('admin.section.edit', {'sectionId': section.id}) }}">Edit</a></li>
            {# <li><a href="{{ path('admin.theme.delete', {'themeId': theme.id}) }}">Delete</a></li> #}
        </ul>
    </td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}


{% endblock %}