{% extends "profiles.twig" %}

{% block subcontent %}

	{#<h3>List staff profiles</h3>#}
	<h3>{{subtitle}}</h3>

	{% if profiles|length == 0 %}
		<p>No profiles 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>

		{# is this a listing of current profiles or published profiles? #}
		{% set viewCurrent = active in ['profiles.current','department.profiles.current'] %}
		<table>
			<thead>
				<tr>
					<th class="list-col{{ viewCurrent ? ' sort-asc' : '' }}" style="width: 20%">Name</th>
					{% if is_granted('ROLE_ALL_USERS') %}
						<th class="list-col" style="width: 20%">Department</th>
					{% endif %}
					{% if viewCurrent %}
						<th class="list-col" style="width: 15%">Status</th>
					{% endif %}
					{% if is_granted('ROLE_ADMIN') %}
						<th class="list-col" style="width: 10%">Enabled<br/>in CMS</th>
					{% endif %}
					<th class="list-col{{ not viewCurrent ? ' sort-desc' : '' }}" style="width: 20%">Last
						{{ viewCurrent ? 'modified' : 'published' }}</th>
					<th style="width: 15%">Actions</th>
					{# <th>Live page</th> #}
				</tr>
			</thead>
			<tbody>
				{% for profile in profiles %}
					<tr>
						<td>
							{% if is_granted('EDIT_PROFILE', profile) %}
								<a href="{{ path('user.profile.edit', {'userid': profile.user_id}) }}">{{ profile.displayName }}</a>
							{% else %}
								{{ profile.displayName }}
							{% endif %}
						</td>
						{% if is_granted('ROLE_ALL_USERS') %}
							<td>{{ app.departments.name(profile.department) }}</td>
						{% endif %}
						{% if viewCurrent %}
							<td>{{ profile.id ? app.status_description[profile.status]|default('') : '' }}</td>
						{% endif %}
						{% if is_granted('ROLE_ADMIN') %}
							<td>{{ profile.enabled ? 'yes' : 'no'}}</td>
						{% endif %}
						<td data-sortvalue="{% if profile.modified %}{{ profile.modified|date("YmdHis") }}{% else %}0{% endif %}">
							{% if profile.modified %}
								{{ profile.modified|date("d/m/Y H:i:s") }}
							{% endif %}
						</td>
						<td>
							<ul class="action-list">
								{% if is_granted('EDIT_PROFILE', profile) %}
									<li>
										<a href="{{ path('user.profile.edit', {'userid': profile.user_id}) }}">{{ profile.id ? 'Edit' : 'Create' }}<span class="visuallyhidden">profile for
												{{ profile.displayName }}</span>
										</a>
									</li>

								{% endif %}
								{% if profile.id and is_granted('VIEW_PROFILE', profile) %}
									<li>
										<a href="{{ directpath('profile.preview', {'profileid' : profile.id}) }}" class="preview-profile-link">Preview<span class="visuallyhidden">profile for
												{{ profile.displayName }}</span>
										</a>
									</li>

								{% endif %}
								{% if profile.status == app.status.pending and is_granted('PUBLISH_PROFILE', profile) %}
									<li>
										<a href="{{ path('user.profile.approve', {'userid': profile.user_id}) }}">Approve</a>
									</li>
								{% endif %}
							</ul>
						</td>
						{# <td>{{ profile.pagePath }}</td> #}
					</tr>
				{% endfor %}
			</tbody>
		</table>
	{% endif %}
{% endblock %}