{% extends '/layout/admin_layout.html.twig' %}
{% import "user/macro.html.twig" as userMacro %}

{% block title %}User
{% endblock %}

{% block content %}
	<div class="row d-flex justify-content-center">
		<div class="col-xl-8">
			<div class="d-flex justify-content-between align-items-center">
				<h1>{{ user.type.singular }}</h1>
				<div class="d-flex">
					<a href="{{ path('app_user_edit', {'id': user.id}) }}" class="btn btn-warning me-1">
						<svg class="icon icon-xxs" data-slot="icon" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
							<path d="m2.695 14.762-1.262 3.155a.5.5 0 0 0 .65.65l3.155-1.262a4 4 0 0 0 1.343-.886L17.5 5.501a2.121 2.121 0 0 0-3-3L3.58 13.419a4 4 0 0 0-.885 1.343Z"></path>
						</svg>
						Edit
					</a>
					{{ include('user/_delete_form.html.twig') }}
				</div>
			</div>

			<div class="card card-body border-0 shadow">
				<div class="table-wrapper table-responsive">
					<table class="table table-hover">
						<tbody>
							<tr>
								<th>Username</th>
								<td>{{ user.username }}</td>
							</tr>
							<tr>
								<th>Status</th>
								<td>{{ userMacro.statusBadge(user) }}</td>
							</tr>
							<tr>
								<th>Created at</th>
								<td>
									{{ user.createdAt ? user.createdAt|dtz : '-' }}
									{% if user.createdBy %}
										by
										{{ user.createdBy.username }}
									{% endif %}
								</td>
							</tr>
							<tr>
								<th>Updated at</th>
								<td>
									{{ user.updatedAt ? user.updatedAt|dtz : '-' }}
									{% if user.updatedBy %}
										by
										{{ user.updatedBy.username }}
									{% endif %}
								</td>
							</tr>
							<tr>
								<th>Last activity at</th>
								<td>{{ user.lastActivityAt ? user.lastActivityAt|dtz : '-' }}</td>
							</tr>
						</tbody>
					</table>
				</div>

				{% if user.isCustomer %}
					<div class="mt-4">
						{{ include('file/listing.html.twig') }}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}