<div style="text-align:center">
	<table style="margin-left: auto; margin-right: auto;">
		<tr>
			<td>
				<img src="{{ template_path }}/images/content/headline-bracer-left.gif"/>
			</td>
			<td style="text-align:center;vertical-align:middle;font-size:17px;font-weight:bold;">{{ welcome_message|raw }}
			</td>
			<td><img src="{{ template_path }}/images/content/headline-bracer-right.gif"/></td>
		</tr>
	</table>
	<br/>
</div>
<div class="TableContainer">
	<div class="CaptionContainer">
	<div class="CaptionInnerContainer">
		<span class="CaptionEdgeLeftTop"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
		<span class="CaptionEdgeRightTop"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
		<span class="CaptionBorderTop"
			  style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
		<span class="CaptionVerticalLeft"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
		<div class="Text">Account Status</div>
		<span class="CaptionVerticalRight"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
		<span class="CaptionBorderBottom"
			  style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
		<span class="CaptionEdgeLeftBottom"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
		<span class="CaptionEdgeRightBottom"
			  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
	</div>
	</div>

	<table class="Table5" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td>
				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tbody>
						<tr>
							<td>
								<div class="TableContentContainer">
									<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
										<tbody>
										<tr>
											<td>
											{% if account_logged.isPremium() %}
												<img class="AccountStatusImage"
													 src="{{ template_path }}/images/account/account-status_green.gif"
													 title="{{ tag }} Account" alt="{{ tag }} account">
											{% else %}
												<img class="AccountStatusImage"
													 src="{{ template_path }}/images/account/account-status_red.gif"
													 title="Free Account" alt="free account">
											{% endif %}
											</td>
											<td width="100%" valign="middle">
												<span class="BigBoldText" style="font-size: 24px;">
													{{ account_status|raw }}
												</span>
												<small><br>{{ account_expire_time[0] }} {% if account_expire_time[1] %}
												(<a href="{{ getLink('points') }}">donate now</a>) {% endif %}</small>
											</td>
											<td>
												{% if config.gifts_system %}
													<a href="{{ getLink('points') }}" target="blank">
														{% set button_name = 'Get Coins' %}
														{% set button_color = 'green' %}
														{{ include('buttons.base.html.twig') }}

														{# Reset color #}
														{% set button_color = 'blue' %}
													</a>
												{% endif %}
												<div style="font-size:1px;height:4px;"></div>

												<form action="{{ getLink('account/logout') }}" method="post" style="padding:0px;margin:0px;">
													{{ csrf() }}
													{{ include('buttons.logout.html.twig') }}
												</form>
											</td>
										</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="TableContentContainer">
									<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
										<tbody>
										<tr>
											<td class="premiumbenefits">
												<div style="justify-content: flex-start">
													<img class="PremiumFeatureImage1"
														 src="{{ template_path }}/images/premiumfeatures/PremiumIcon-Travel.png"
														 alt="premium feature 1" style="margin:0px 5px">
													<div>use instant travel system</div>
												</div>
												<div style="justify-content: center">
													<img class="PremiumFeatureImage1"
														 src="{{ template_path }}/images/premiumfeatures/PremiumIcon-VIPGroups.png"
														 alt="premium feature 1" style="margin:0px 5px">
													<div>add groups to organise your VIP list</div>
												</div>
												<div style="justify-content: flex-end">
													<img class="PremiumFeatureImage1"
														 src="{{ template_path }}/images/premiumfeatures/PremiumIcon-Promotion.png"
														 alt="premium feature 1" style="margin:0px 5px">
													<div>get stronger with a promotion</div>
												</div>
											</td>
										</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
	</tbody>
	</table>
</div>

<br/>

<div class="TableContainer">
	<div class="CaptionContainer">
		<div class="CaptionInnerContainer">
			<span class="CaptionEdgeLeftTop"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightTop"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionBorderTop"
				  style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
			<span class="CaptionVerticalLeft"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
			<div class="Text">Download Client</div>
			<span class="CaptionVerticalRight"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
			<span class="CaptionBorderBottom"
				  style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
			<span class="CaptionEdgeLeftBottom"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightBottom"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
		</div>
	</div>

	<table class="Table5" cellpadding="0" cellspacing="0">
		<tbody>
		<tr>
			<td>
				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tbody>
						<tr>
							<td>
								<div class="TableContentContainer">
									<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
										<tbody>
										<tr>
											<td>
												<div style="height: 55px;">
													<div id="DowloadBox" style="position: relative; float:right;">
														<a href="{{ getLink('downloads') }}"><img
																style="width: 45px; height: 45px; border: 0px; margin-right: 10px;"
																src="{{ template_path }}/images/account/download_windows.gif"></a>
														<br>
														<a style="position: absolute; bottom: -5px; right: 0px;" href="{{ getLink('downloads') }}">Download</a>
													</div>
													<span style="position: relative; top: 18px;">Click <a href="{{ getLink('downloads') }}">here</a> to download the latest {{ config['lua']['serverName'] }} client!</span>
												</div>
											</td>
										</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
		</tbody>
	</table>
</div>

<br>

{% if recovery_key is empty %}
	<div class="SmallBox">
		<div class="MessageContainer">
			<div class="BoxFrameHorizontal"
				 style="background-image:url({{ template_path }}/images/content/box-frame-horizontal.gif);"></div>
			<div class="BoxFrameEdgeLeftTop"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="BoxFrameEdgeRightTop"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="Message">
				<div class="BoxFrameVerticalLeft"
					 style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></div>
				<div class="BoxFrameVerticalRight"
					 style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></div>
				<table>
					<tr>
						<td class="LabelV">Your account is not registered!</td>
						<td>
							<form action="{{ getLink('account/register') }}" method="post" style="border:0;">
								{{ csrf() }}
								{{ include('buttons.register_account.html.twig') }}
							</form>
						</td>
					</tr>
					<tr>
						<td style="width:100%;">You can register your account for increased protection. Click on "Register Account"
			  and get your free recovery key today!
						</td>
					</tr>
				</table>
			</div>
			<div class="BoxFrameHorizontal"
				 style="background-image:url({{ template_path }}/images/content/box-frame-horizontal.gif);"></div>
			<div class="BoxFrameEdgeRightBottom"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="BoxFrameEdgeLeftBottom"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
		</div>
	</div>
	<br/>
{% endif %}

<div class="TopButtonContainer">
	<div class="TopButton">
		<a href="#top">
			<img style="border:0;" src="{{ template_path }}/images/content/back-to-top.gif"/>
		</a>
	</div>
</div>

<div class="TableContainer">
	<div class="CaptionContainer">
		<div class="CaptionInnerContainer">
			<span class="CaptionEdgeLeftTop"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightTop"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionBorderTop"
				  style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
			<span class="CaptionVerticalLeft"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
			<div class="Text">Characters</div>
			<span class="CaptionVerticalRight"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-vertical.gif);"></span>
			<span class="CaptionBorderBottom"
			style="background-image:url({{ template_path }}/images/global/content/table-headline-border.gif);"></span>
			<span class="CaptionEdgeLeftBottom"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightBottom"
				  style="background-image:url({{ template_path }}/images/global/content/box-frame-edge.gif);"></span>
		</div>
	</div>

	<table class="Table5" cellpadding="0" cellspacing="0">
		<tbody>
		<tr>
			<td>
				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tbody>
						<tr>
							<td>
								<div class="TableContentContainer">
									<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
										<tbody>
										<tr>
											<td style="text-align: center; font-weight: bold;">Regular Characters</td>
										</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>

				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tbody>
						<tr>
							<td>
								<div class="TableContentContainer">
									<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
										<tbody>
										<tr class="LabelH">
											<td style="width: 15px !important;"></td>
											<td>Name</td>
											<td style="width: 100px !important;">Status</td>
											<td style="width: 100px !important;"></td>
										</tr>

										{% set i = 0 %}
										{% for player in players %}
											{% set i = i + 1 %}
											<tr style="background-color: {{ getStyle(i) }}; height: 50px;">
												<td style="font-weight: bold;">{{ i }}.</td>
												<td>
													<span style="white-space: nowrap; vertical-align: middle; line-height: 12px;">
														<span id="CharacterNameOf_0"
															  style="font-size:13pt; font-weight: bold;">{{ player.getName() }}

															{% if player.isDeleted() %}
																<span style="color: red"><b> [ DELETED ] </b></span>
															{% endif %}

															{% if player.isMain() %}
																<img src="{{ template_path }}/images//account/maincharacter.png"
																	 alt="(Main Character)" title="Main Character">
															{% endif %}

														</span>

														<br/>

														<small>
															<span
																id="CharacterNameOf_0">{{ config.vocations[player.getVocation()] }} - Level {{ player.getLevel() }} - On {{ config['lua']['serverName'] }}
																<span style="position: relative; top: 3px; margin-left: 5px;">
																	<span class="HelperDivIndicator"
																		  onmouseover="ActivateHelperDiv($(this), 'BattlEye Protected Game World', '<p>This character lives on a game world which has been protected by BattleEye since April 19, 2018.</p>', '');"
																		  onmouseout="$('#HelperDivContainer').hide();">
																		<img style="border:0;"
																			 src="{{ template_path }}/images/global/content/icon_battleye.gif">
																	</span>
																</span>

																{% if guild.rank is not null %}
																	<br>
																	<span>Guild Membership: {{ guild.rank }} of the <a
																			href="">{{ guild.link|raw }}</a></span>
																{% endif %}
															</span>
														</small>
													</span>
												</td>
												<td>
													<img id="DailyReawardState"
														 src="{{ template_path }}/images/global/content/icon-status-dailyreward-collected.png"
														 alt="Daily Reward collected" title="Daily Reward collected">
													{% if player.isOnline() %}
														<img src="{{ template_path }}/images/on.gif" title="Online">
													{% else %}
														<img src="{{ template_path }}/images/off.gif" title="Offline">
													{% endif %}
												</td>

												<td align="center">
													<span id="CharacterOptionsOf_0">
														<span style="font-weight:normal;">{% if not player.isDeleted() %}[<a
																href="{{ getLink('account/characters/change-comment?name=' ~ player.getName|urlencode) }}">Edit</a>]{% endif %}</span>
														<br>
														<span style="font-weight:normal;">[<a href="{{ getLink('account/characters/delete') }}">Delete</a>]</span>
													</span>
												</td>
											</tr>
										{% endfor %}
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<table class="InnerTableButtonRow" cellpadding="0" cellspacing="0"
					   style="padding-bottom: 0; margin-bottom: -6px">
					<tbody>
					<tr>
						<td>
							<div style="display: inline-flex; justify-content: center; margin: 2px 0 0 7px;">
								<form action="{{ getLink('account/characters/create') }}" method="post">
									{{ csrf() }}
									{{ include('buttons.create_character.html.twig') }}
								</form>
								{% if config.account_change_character_main and players | length >= 1 %}
									<form action="{{ getLink('account/characters/change-main') }}" method="post" style="margin-left: 6px">
										{{ csrf() }}
										{{ include('buttons.change_main.html.twig') }}
									</form>
								{% endif %}
								{% if config.account_change_character_name %}
									<form action="{{ getLink('account/characters/change-name') }}" method="post" style="margin-left: 6px">
										{{ csrf() }}
										{{ include('buttons.change_name.html.twig') }}
									</form>
								{% endif %}
								{% if config.account_change_character_sex %}
									<form action="{{ getLink('account/characters/change-sex') }}" method="post" style="margin-left: 6px">
										{{ csrf() }}
										{{ include('buttons.change_sex.html.twig') }}
									</form>
								{% endif %}
							</div>
						</td>
					</tr>
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
</div>

<br>

{# if account dont have recovery key show hint #}

{% if email_request %}
	<div class="SmallBox">
		<div class="MessageContainer">
			<div class="BoxFrameHorizontal"
				 style="background-image:url({{ template_path }}/images/content/box-frame-horizontal.gif);"></div>
			<div class="BoxFrameEdgeLeftTop"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="BoxFrameEdgeRightTop"
				 style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="Message">
				<div class="BoxFrameVerticalLeft"
					 style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></div>
				<div class="BoxFrameVerticalRight"
					 style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></div>
				<table>
					<tr>
						<td class="LabelV">Note:</td>
						<td style="width:100%;">A request has been submitted to change the email address of this account to
			  <b>{{ email_new }}</b>. After <b>{{ email_new_time|date("j F Y, G:i:s") }}</b> you can accept the new
			  email address and finish the process. Please cancel the request if you do not want your email address to
			  be changed! Also cancel the request if you have no access to the new email address!
						</td>
					</tr>
				</table>
				<div style="text-align:center">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td style="border:0;">
								<form action="{{ getLink('account/change-email') }}" method="post">
									{{ csrf() }}
									{{ include('buttons.edit.html.twig') }}
								</form>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="BoxFrameHorizontal" style="background-image:url({{ template_path }}/images/content/box-frame-horizontal.gif);"></div>
			<div class="BoxFrameEdgeRightBottom" style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
			<div class="BoxFrameEdgeLeftBottom" style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></div>
		</div>
	</div>
	<br/><br/>
{% endif %}

{{ hook('HOOK_ACCOUNT_MANAGE_BEFORE_GENERAL_INFORMATION') }}

<a name="General+Information"></a>
<div class="TopButtonContainer">
	<div class="TopButton">
		<a href="#top">
			<img style="border:0;" src="{{ template_path }}/images/content/back-to-top.gif"/>
		</a>
	</div>
</div>

{% set title = 'General Information' %}
{% set tableClass = 'Table3' %}
{% set content %}
	<table style="width:100%;">
		<tr>
			<td>
				<div class="TableShadowContainerRightTop">
				<div class="TableShadowRightTop" style="background-image:url({{ template_path }}/images/content/table-shadow-rt.gif);"></div>
			</div>
			<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-rm.gif);">
				<div class="TableContentContainer">
					<table class="TableContent" width="100%">
						{% if not config.account_login_by_email or config.account_login_by_email_fallback %}
							<tr style="background-color: {{ config.lightborder }};">
								<td class="LabelV">Account {% if constant('USE_ACCOUNT_NAME') %}Name{% else %}Number{% endif %}:</td>
								<td style="width:90%;">{{ account }}</td>
							</tr>
						{% endif %}
						<tr style="background-color: {{ config.darkborder }};">
							<td class="LabelV">Email Address:</td>
							<td style="width:90%;" >{{ account_email }}{{ email_change|raw }}</td>
						</tr>
						<tr style="background-color: {{ config.lightborder }};">
							<td class="LabelV">Created:</td>
							<td>{{ account_created|date("j F Y, G:i:s") }}</td>
						</tr>
						<tr style="background-color: {{ config.darkborder }};">
							<td class="LabelV">Last Login:</td>
							<td>{{ account_web_lastlogin|date("j F Y, G:i:s") }}</td>
						</tr>
						<tr style="background-color: {{ config.lightborder }};">
							<td class="LabelV">Account Status:</td>
							<td>{{ account_status|raw }}</td>
						</tr>
						{% if db.hasColumn('accounts', 'coins') %}
						<tr style="background-color: {{ config.darkborder }};">
							<td class="LabelV">Tibia Coins:</td>
							<td>{{ account_logged.getCustomField('coins') }} <img src="{{ template_path }}/images/account/icon-tibiacoin.png" class="VSCCoinImages"/>
								(Including: {{ account_logged.getCustomField('coins_transferable') }} <img
									src="{{ template_path }}/images/account/icon-tibiacointrusted.png"
									class="VSCCoinImages">)
							</td>
						</tr>
						<tr style="background-color: {{ config.lightborder }};">
							<td class="LabelV">Tournament Coins:</td>
							<td>{{ account_logged.getCustomField('tournament_coins') }} <img
									src="{{ template_path }}/images/account/icon-tournamentcoin.png" class="VSCCoinImages">
							</td>
						</tr>
						{% else %}
						<tr style="background-color: {{ config.lightborder }};">
							<td class="LabelV">Premium Points:</td>
							<td>{{ account_logged.getCustomField('premium_points') }}</td>
						</tr>
						{% endif %}
						<tr style="background-color: {{ config.darkborder }};">
							<td class="LabelV">Registered:</td>
							<td>{{ account_registered|raw }}</td>
						</tr>
					</table>
				</div>
			</div>
			</td>
		</tr>
		<tr>
			<td>
				<table class="InnerTableButtonRow" cellpadding="0" cellspacing="0">
					<tr>
						<td>
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td style="border:0;">
										<form action="{{ getLink('account/change-password') }}" method="post">
											{{ csrf() }}
											{{ include('buttons.change_password.html.twig') }}
										</form>
									</td>
								</tr>
							</table>
						</td>
						<td>
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td style="border:0;">
										<form action="{{ getLink('account/change-email') }}" method="post">
											{{ csrf() }}
											<input type="hidden" name="newemail" value=""/>
											<input type="hidden" name="newemaildate" value="0">
											{{ include('buttons.change_email.html.twig') }}
										</form>
									</td>
								</tr>
							</table>
						</td>

						<td width="100%"></td>
						{# show button "register account" #}
						{% if recovery_key is empty %}
							<td>
								<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td style="border:0;">
											<form action="{{ getLink('account/register') }}" method="post">
												{{ csrf() }}
												{{ include('buttons.register_account.html.twig') }}
											</form>
										</td>
									</tr>
								</table>
							</td>
						{% endif %}
					</tr>
				</table>
			</td>
		</tr>
	</table>
{% endset %}
{% include 'tables.headline.html.twig' %}
<br/>

{{ hook('HOOK_ACCOUNT_MANAGE_BEFORE_PUBLIC_INFORMATION') }}

<a name="Public+Information"></a>
<div class="TopButtonContainer">
	<div class="TopButton">
		<a href="#top">
			<img style="border:0;" src="{{ template_path }}/images/content/back-to-top.gif"/>
		</a>
	</div>
</div>
<div class="TableContainer">
	<div class="CaptionContainer">
		<div class="CaptionInnerContainer">
			<span class="CaptionEdgeLeftTop"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightTop"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionBorderTop"
				  style="background-image:url({{ template_path }}/images/content/table-headline-border.gif);"></span>
			<span class="CaptionVerticalLeft"
				  style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></span>
			<div class="Text">Public Information</div>
			<span class="CaptionVerticalRight"
				  style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></span>
			<span class="CaptionBorderBottom"
				  style="background-image:url({{ template_path }}/images/content/table-headline-border.gif);"></span>
			<span class="CaptionEdgeLeftBottom"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightBottom"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
		</div>
	</div>
	<table class="Table5" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tr>
							<td>
								<div class="TableContentAndRightShadow">
									<div class="TableContentContainer">
										<table class="TableContent" width="100%">
											<tr>
												<td>
													<table style="width:100%;">
														<tr>
															<td class="LabelV">Real Name:</td>
															<td style="width:90%;">{{ account_rlname }}</td>
														</tr>
														<tr>
															<td class="LabelV">Address:</td>
															<td style="width:90%;">{{ account_location }}</td>
														</tr>
														<tr>
															<td class="LabelV">Phone:</td>
															<td style="width:90%;">{{ account_phone }}</td>
														</tr>
													</table>
												</td>
												{% if not account_update_info_on_register %}
													<td align=right>
														<table border="0" cellspacing="0" cellpadding="0">
															<tr>
																<td style="border:0px;">
																  <form action="{{ getLink('account/change-info') }}" method="post">
																		{{ csrf() }}
																		{{ include('buttons.edit.html.twig') }}
																  </form>
																</td>
															</tr>
														</table>
													</td>
												{% endif %}
											</tr>
										</table>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>
</div>

<br/>

{{ hook('HOOK_ACCOUNT_MANAGE_BEFORE_ACCOUNT_LOGS') }}

<a name="Account+Logs"></a>
<div class="TopButtonContainer">
	<div class="TopButton">
		<a href="#top">
			<img style="border:0;" src="{{ template_path }}/images/content/back-to-top.gif"/>
		</a>
  </div>
</div>
<div class="TableContainer">
	<div class="CaptionContainer">
		<div class="CaptionInnerContainer">
			<span class="CaptionEdgeLeftTop"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightTop"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionBorderTop"
				  style="background-image:url({{ template_path }}/images/content/table-headline-border.gif);"></span>
			<span class="CaptionVerticalLeft"
				  style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></span>
			<div class="Text">Account logs</div>
			<span class="CaptionVerticalRight"
				  style="background-image:url({{ template_path }}/images/content/box-frame-vertical.gif);"></span>
			<span class="CaptionBorderBottom"
				  style="background-image:url({{ template_path }}/images/content/table-headline-border.gif);"></span>
			<span class="CaptionEdgeLeftBottom"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
			<span class="CaptionEdgeRightBottom"
				  style="background-image:url({{ template_path }}/images/content/box-frame-edge.gif);"></span>
		</div>
	</div>

	<table class="Table5" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<div class="InnerTableContainer">
					<table style="width:100%;">
						<tr>
							<td>
								<div class="TableContent">
									<div class="TableContentContainer">
										<table class="TableContent" width="100%">
											<tr class="LabelH">
												<td style="width:60%">Action</td>
												<td style="width:30%">Date</td>
												<td style="width:10%">IP</td>
											</tr>
											{% autoescape false %}
												{% set i = 0 %}
												{% for action in actions %}
													{% set i = i + 1 %}
													<tr style="background-color: {{ getStyle(i) }}">
														<td>{{ action.action }}</td>
														<td>{{ action.date|date("d M Y, H:i:s") }}</td>
														<td title="{{ action.ipv6 }}">{{ action.ip }}</td>
													</tr>
												{% endfor %}
											{% endautoescape %}
										</table>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>
</div>

<style>
	.premiumbenefits {
		display: flex;
		margin: 0 auto;
	}

	.premiumbenefits > div {
		display: flex;
		align-items: center;
		flex: 1;
		margin: auto 5px;
	}
</style>
