{% extends 'UpdoonAppBundle::base_private_extension.html.twig' %}

{% block title %}{{ parent() }}User • Betrachten{% endblock %}

{% block content %}
	<div class="ui secondary menu">
		<div class="item">
			<div class="ui breadcrumb">
				<a href="{{ path('home_overview') }}" class="section">Home</a>
				<div class="divider"> / </div>
				<a href="{{ path('account_overview') }}" class="section">User</a>
				<div class="divider"> / </div>
				<div class="active section">Betrachten</div>
			</div>
		</div>
		{% if is_granted('ROLE_LOG_VIEW') %}
			<div class="right menu">
				<div class="item">
					<label>Logs pro Seite:</label>
					<div class="ui icon top left pointing dropdown tiny button">
						<div class="text">{{ maxResults }}</div> <i class="dropdown icon"></i>
						<div class="menu">
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 5}) }}" class="item">5</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 10}) }}" class="item">10</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 15}) }}" class="item">15</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 25}) }}" class="item">25</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 50}) }}" class="item">50</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 75}) }}" class="item">75</a>
							<a href="{{ path('account_view', {id: account.id, page: page, maxResults: 100}) }}" class="item">100</a>
						</div>
					</div>
				</div>
			</div>
		{% endif %}
	</div>
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Betrachten</div>
		<div class="ui grid">
			<div class="three wide column">
				<div class="ui card">
					<div class="image">
						{% image '%kernel.root_dir%/Resources/images/avatar.png' %}
							<img class="ui medium rounded image" src="{{ asset_url }}" alt="Avatar">
						{% endimage %}
					</div>
					<div class="content">
						<div class="header">{{ account.firstname }} {{ account.lastname }}</div>
					</div>
				</div>
				<a href="{{ path('account_edit', {id : account.id}) }}" class="ui mini updoon button">Bearbeiten</a>
				<a href="#" class="ui float-right mini red button" id="account-delete-button" data-id="{{ account.id }}" data-name="{{ account.firstname }} {{ account.lastname }}">Löschen</a>
			</div>
			<div class="thirteen wide column">
				<h4 class="ui dividing header">Persönliche Daten</h4>
				<div class="ui grid">
					<div class="four wide column">
						<p class="data-title"><span class="bold">Nachname</span></p>
						<p>{{ account.lastname }}</p>
					</div>
					<div class="four wide column">
						<p class="data-title"><span class="bold">Vorname</span></p>
						<p>{{ account.firstname }}</p>
					</div>
					<div class="four wide column">
						<p class="data-title"><span class="bold">E-Mail Adresse</span></p>
						<p><a title="Email senden" href="mailto:{{ account.email }}">{{ account.email }}</a></p>
					</div>
					<div class="four wide column">
						<p class="data-title"><span class="bold">Telefonnummer</span></p>
						<p>
							{% if account.phoneNumbers.0.countryPrefix is defined and account.phoneNumbers.0.countryPrefix is not empty %}
								+{{ account.phoneNumbers.0.countryPrefix }} {{ account.phoneNumbers.0.countyPrefix }} {{ account.phoneNumbers.0.number }}
							{% else %}
								-
							{% endif %}
						</p>
					</div>
					<div class="four wide column">
						<p class="data-title"><span class="bold">Letzter Login</span></p>
						<p>{{ account.lastLoginTime|date('d.m.Y H:i:s') }}</p>
					</div>
				</div>
				{% if is_granted('ROLE_LOG_VIEW') %}
					<h4 class="ui dividing header">Logs</h4>
					<table class="ui striped structured teal table">
						<thead class="full-width">
							<tr>
								<th class="two wide" data-content="Die von der Datenbank festgelegte ID für diesen Log.">ID</th>
								<th class="two wide" data-content="Genauer Zeitpunkt, der beschreibt, seit wann der Log im System hinterlegt ist.">Datum und Uhrzeit</th>
								<th class="twelve wide" data-content="Die hinterlegte Nachricht für diesen Log.">Eintrag</th>
							</tr>
						</thead>
						<tbody>
							{% for log in logs %}
								<tr>
									<td>{{ log.id }}</td>
									<td>{{ log.datetime|date('d.m.Y H:i:s') }}</td>
									<td>{{ log.entry }}</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
					<div class="ui float-right small buttons">
						<a href="{{ path('account_view', {id: account.id, page: page - 1, maxResults: maxResults}) }}" class="ui updoon labeled icon button{% if page <= 1 %} disabled{% endif %}">
							<i class="left arrow icon"></i>
							Zurück
						</a>
						{% if page > 1 %}
							<a href="{{ path('account_view', {id: account.id, page: 1, maxResults: maxResults}) }}" class="ui button">
								1
							</a>
						{% endif %}
						{% if page > 4 %}
							<a href="#" class="ui disabled button">
								...
							</a>
						{% endif %}
						{% if page - 2 > 1 %}
							<a href="{{ path('account_view', {id: account.id, page: page - 2, maxResults: maxResults}) }}" class="ui button">
								{{ page - 2 }}
							</a>
						{% endif %}
						{% if page - 1 > 1 %}
							<a href="{{ path('account_view', {id: account.id, page: page - 1, maxResults: maxResults}) }}" class="ui button">
								{{ page - 1 }}
							</a>
						{% endif %}
						<a href="#" class="ui button disabled">
							{{ page }}
						</a>
						{% if page + 1 < maxPages %}
							<a href="{{ path('account_view', {id: account.id, page: page + 1, maxResults: maxResults}) }}" class="ui button">
								{{ page + 1 }}
							</a>
						{% endif %}
						{% if page + 2 < maxPages %}
							<a href="{{ path('account_view', {id: account.id, page: page + 2, maxResults: maxResults}) }}" class="ui button">
								{{ page + 2 }}
							</a>
						{% endif %}
						{% if page < maxPages - 3 %}
							<a href="#" class="ui disabled button">
								...
							</a>
						{% endif %}
						{% if page < maxPages %}
							<a href="{{ path('account_view', {id: account.id, page: maxPages, maxResults: maxResults}) }}" class="ui button">
								{{ maxPages }}
							</a>
						{% endif %}
						<a href="{{ path('account_view', {id: account.id, page: page + 1, maxResults: maxResults}) }}" class="ui updoon right labeled icon button{% if page >= maxPages %} disabled{% endif %}">
							Vor
							<i class="right arrow icon"></i>
						</a>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
	{{ include('UpdoonAppBundle::Account/account_delete_modal.html.twig') }}
{% endblock %}