Fixes to tables headline

* phpstan v1 + workflow

* Fix intend

* More fixes

* Update phpstan.neon

* phpstan level 2

* Move errors ignoring into phpstan.neon

* phpstan level 3

* Don't ignore templates folder

* Something from level 4

* Update phpstan.neon

.github/workflows/phpstan.yml

@@ -0,0 +1,47 @@
+name: "PHPStan"
+
+on:
+  pull_request:
+    branches: [develop]
+  push:
+    branches: [develop]
+
+jobs:
+  tests:
+    name: PhpStan on PHP ${{ matrix.php-versions }}
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        php-versions: [ '8.1', '8.2', '8.3' ]
+    steps:
+      - name: "Checkout"
+        uses: "actions/checkout@v4"
+
+      - name: "Install PHP"
+        uses: "shivammathur/setup-php@v2"
+        with:
+          coverage: "none"
+          extensions: "intl, zip"
+          ini-values: "memory_limit=-1"
+          php-version: "${{ matrix.php-version }}"
+
+      - name: Get composer cache directory
+        id: composer-cache
+        run: echo "dir=$(composer config cache-files-dir)" >> $GITHUB_OUTPUT
+
+      - name: Cache composer dependencies
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.composer-cache.outputs.dir }}
+          # Use composer.json for key, if composer.lock is not committed.
+          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.json') }}
+          #key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
+          restore-keys: ${{ runner.os }}-composer-${{ hashFiles('**/composer.json') }}
+
+      - name: "Install composer dependencies"
+        run: "composer install"
+
+      - name: "Run PHPStan"
+        run: "/usr/bin/php vendor/bin/phpstan analyse"

admin/pages/notepad.php

@@ -16,7 +16,7 @@ $title = 'Notepad';
 csrfProtect();
 
 /**
- * @var $account_logged OTS_Account
+ * @var OTS_Account $account_logged
  */
 $_content = '';
 $notepad = ModelsNotepad::where('account_id', $account_logged->getId())->first();

admin/template/template.php

@@ -6,7 +6,7 @@
 	<?php echo template_header(true); ?>
 	<title><?php echo (isset($title) ? $title . ' - ' : '') . $config['lua']['serverName'];?></title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-	<link rel="stylesheet" href="<?php echo BASE_URL; ?>tools/ext/admin-lte/css/adminlte.min.css">
+	<link rel="stylesheet" href="<?php echo BASE_URL; ?>tools/css/adminlte.min.css">
 	<link rel="stylesheet" href="<?php echo BASE_URL; ?>tools/css/font-awesome.min.css">
 	<?php if (isset($use_datatable)) { ?>
 	<link rel="stylesheet" href="<?php echo BASE_URL; ?>tools/css/datatables.bs.min.css">
@@ -197,7 +197,7 @@ if ($logged && admin()) {
 <script src="<?php echo BASE_URL; ?>tools/js/datatables.min.js"></script>
 <script src="<?php echo BASE_URL; ?>tools/js/datatables.bs.min.js"></script>
 <?php } ?>
-<script src="<?php echo BASE_URL; ?>tools/ext/admin-lte/js/adminlte.min.js"></script>
+<script src="<?php echo BASE_URL; ?>tools/js/adminlte.min.js"></script>
 <?php $hooks->trigger(HOOK_ADMIN_BODY_END); ?>
 </body>
 </html>

composer.json

@@ -19,7 +19,8 @@
     },
     "require-dev": {
         "filp/whoops": "^2.15",
-        "maximebf/debugbar": "dev-master"
+        "maximebf/debugbar": "dev-master",
+        "phpstan/phpstan": "^1.10"
     },
     "autoload": {
         "psr-4": {

install/includes/functions.php

@@ -11,13 +11,13 @@ function query($query)
 		error($error_);
 		$error = true;
 	}
-	
+
 	return !$error;
 }
 
 // define php version id if its not already
 if(!defined('PHP_VERSION_ID')) {
-	$version = explode('.', PHP_VERSION);
+	$version = array_map('intval', explode('.', PHP_VERSION));
 
 	define('PHP_VERSION_ID', ($version[0] * 10000 + $version[1] * 100 + $version[2]));
 }
@@ -97,4 +97,4 @@ function win_is_writable($path) {
 		unlink($path);
 
 	return true;
-}
+}

phpstan-bootstrap.php

@@ -0,0 +1,13 @@
+<?php
+
+require __DIR__ . '/system/libs/pot/OTS.php';
+$ots = POT::getInstance();
+
+require __DIR__ . '/system/libs/pot/InvitesDriver.php';
+require __DIR__ . '/system/libs/rfc6238.php';
+require __DIR__ . '/common.php';
+
+const ACTION = '';
+const PAGE = '';
+const URI = '';
+define('SELF_NAME', basename(__FILE__));

phpstan.neon

@@ -0,0 +1,38 @@
+parameters:
+	level: 3
+	paths:
+		- .
+		- templates/tibiacom
+		- templates/kathrine
+	excludePaths:
+		- system/cache/*
+		- vendor/*
+		- plugins/*
+		- system/libs
+		- tools/signature/mango.php
+		- tools/signature/gd.class.php
+	bootstrapFiles:
+		- phpstan-bootstrap.php
+	ignoreErrors:
+		- '#Variable \$db might not be defined#'
+		- '#Variable \$twig might not be defined#'
+		- '#Variable \$hooks might not be defined#'
+		- '#Variable \$account_logged might not be defined#'
+		- '#Variable \$logged might not be defined#'
+		- '#Variable \$config might not be defined#'
+		- '#Variable \$action might not be defined#'
+		- '#Variable \$errors might not be defined#'
+		- '#Variable \$cache might not be defined#'
+		- '#Variable \$status might not be defined#'
+		- '#Variable \$player might not be defined#'
+		- '#Variable \$guild might not be defined#'
+		- '#Variable \$[a-zA-Z0-9\\_]+ might not be defined#'
+		# Eloquent models
+		- '#Call to an undefined static method [a-zA-Z0-9\\_]+::[a-zA-Z0-9\\_]+()#'
+		# system/pages/highscores.php
+		- '#Call to an undefined method Illuminate\\Database\\Query\\Builder::withOnlineStatus\(\)#'
+		- '#Access to an undefined property Illuminate\\Database\\Eloquent\\Model::\$online_status#'
+		- '#Access to an undefined property Illuminate\\Database\\Eloquent\\Model::\$vocation_name#'
+		-
+			message: '#Variable \$tmp in empty\(\) always exists and is always falsy#'
+			path: templates\kathrine\javascript.php

system/functions.php

@@ -418,7 +418,10 @@ function delete_guild($id)
 	if(count($rank_list) > 0) {
 		$rank_list->orderBy('level');
 
-		global $db, $ots;
+		global $db;
+		/**
+		 * @var OTS_GuildRank $rank_in_guild
+		 */
 		foreach($rank_list as $rank_in_guild) {
 			if($db->hasTable('guild_members'))
 				$players_with_rank = $db->query('SELECT `players`.`id` as `id`, `guild_members`.`rank_id` as `rank_id` FROM `players`, `guild_members` WHERE `guild_members`.`rank_id` = ' . $rank_in_guild->getId() . ' AND `players`.`id` = `guild_members`.`player_id` ORDER BY `name`;');
@@ -710,11 +713,8 @@ function getSkillName($skillId, $suffix = true)
 /**
  * Performs flag check on the current logged in user.
  * Table in database: accounts, field: website_flags
- *
- * @param int @flag Flag to be verified.
- * @return bool If user got flag.
  */
-function hasFlag($flag) {
+function hasFlag(int $flag): bool {
 	global $logged, $logged_flags;
 	return ($logged && ($logged_flags & $flag) == $flag);
 }

system/pages/account/lost.php

@@ -55,7 +55,7 @@ elseif($action == 'step1' && $action_type == 'email')
 				</TD></TR></FORM></TABLE></TABLE>';
 			else
 			{
-				$insec = $account->getCustomField('email_next') - time();
+				$insec = (int)$account->getCustomField('email_next') - time();
 				$minutesleft = floor($insec / 60);
 				$secondsleft = $insec - ($minutesleft * 60);
 				$timeleft = $minutesleft.' minutes '.$secondsleft.' seconds';
@@ -118,7 +118,7 @@ elseif($action == 'sendcode')
 			}
 			else
 			{
-				$insec = $account->getCustomField('email_next') - time();
+				$insec = (int)$account->getCustomField('email_next') - time();
 				$minutesleft = floor($insec / 60);
 				$secondsleft = $insec - ($minutesleft * 60);
 				$timeleft = $minutesleft.' minutes '.$secondsleft.' seconds';

system/pages/characters.php

@@ -199,7 +199,7 @@ if($player->isLoaded() && !$player->isDeleted())
 		unset($storage);
 	}
 
-	if($config['characters']['equipment'] && $db->hasTable('player_items') && $db->hasColumn('player_items', 'pid') && $db->hasColumn('player_items', 'sid') && $db->hasColumn('player_items', 'itemtype')) {
+	if($db->hasTable('player_items') && $db->hasColumn('player_items', 'pid') && $db->hasColumn('player_items', 'sid') && $db->hasColumn('player_items', 'itemtype')) {
 		$eq_sql = $db->query('SELECT `pid`, `itemtype` FROM player_items WHERE player_id = '.$player->getId().' AND (`pid` >= 1 and `pid` <= 10)');
 		$equipment = array();
 		foreach($eq_sql as $eq)

system/pages/guilds/cleanup_guilds.php

@@ -23,9 +23,15 @@ $guilds_list = new OTS_Guilds_List();
 $guilds_list->init();
 if(count($guilds_list) > 0)
 {
+	/**
+	 * @var OTS_Guild $guild
+	 */
 	foreach($guilds_list as $guild)
 	{
 		$error = 0;
+		/**
+		 * @var OTS_Player $leader
+		 */
 		$leader = $guild->getOwner();
 		if($leader->isLoaded())
 		{

system/pages/guilds/create.php

@@ -117,6 +117,9 @@ if(isset($todo) && $todo == 'save')
 	$ranks = $new_guild->getGuildRanksList();
 	$ranks->orderBy('level', POT::ORDER_DESC);
 	foreach($ranks as $rank) {
+		/**
+		 * @var OTS_GuildRank $rank
+		 */
 		if($rank->getLevel() == 3) {
 			$player->setRank($rank);
 		}

system/pages/guilds/list.php

@@ -19,6 +19,9 @@ $guilds_list->orderBy("name");
 $guilds = array();
 if(count($guilds_list) > 0)
 {
+	/**
+	 * @var OTS_Guild $guild
+	 */
 	foreach ($guilds_list as $guild) {
 		$guild_logo = $guild->getCustomField('logo_name');
 		if (empty($guild_logo) || !file_exists(GUILD_IMAGES_DIR . $guild_logo))

system/pages/last-kills.php

@@ -39,13 +39,13 @@ else {
 						if($i == 1) {
 							if($count <= 4)
 								$killers_string .= 'killed';
-							else if($count > 4 and $count < 10)
+							else if($count < 10)
 								$killers_string .= 'slain';
-							else if($count > 9 and $count < 15)
+							else if($count < 15)
 								$killers_string .= 'crushed';
-							else if($count > 14 and $count < 20)
+							else if($count < 20)
 								$killers_string .= 'eliminated';
-							else if($count > 19)
+							else
 								$killers_string .= 'annihilated';
 							$killers_string .= ' at level <b>' . $death['level'] . '</b> ';
 						} else if($i == $count)

system/router.php

@@ -236,7 +236,7 @@ else {
 				// parse for define PAGE
 				$tmp = BASE_DIR;
 				$uri = $_SERVER['REQUEST_URI'];
-				if (!empty($tmp)) {
+				if (strlen($tmp) > 0) {
 					$uri = str_replace(BASE_DIR . '/', '', $uri);
 				}
 

system/src/CsrfToken.php

@@ -25,7 +25,7 @@ class CsrfToken
 	 *
 	 * @access public
 	 * @static true
-	 * @return void
+	 * @return string
 	 **/
 	public static function create(bool $return = false): string {
 		$input = '<input type="hidden" name="csrf_token" value="' . self::get() . '" />';

system/src/Models/Changelog.php

@@ -4,6 +4,14 @@ namespace MyAAC\Models;
 
 use Illuminate\Database\Eloquent\Model;
 
+/**
+ * @property int $id
+ * @property int $type
+ * @property int $where
+ * @property string $body
+ * @property int $player_id
+ * @property int $date
+ */
 class Changelog extends Model {
 
 	protected $table = TABLE_PREFIX . 'changelog';

system/src/Models/Pages.php

@@ -3,6 +3,13 @@
 namespace MyAAC\Models;
 use Illuminate\Database\Eloquent\Model;
 
+/**
+ * @property int $id
+ * @property string $name
+ * @property string $title
+ * @property int $php
+ * @property int $hide
+ */
 class Pages extends Model {
 
 	protected $table = TABLE_PREFIX . 'pages';

system/src/Models/Settings.php

@@ -3,6 +3,11 @@
 namespace MyAAC\Models;
 use Illuminate\Database\Eloquent\Model;
 
+/**
+ * @property string $name
+ * @property string $key
+ * @property string $value
+ */
 class Settings extends Model {
 
 	protected $table = TABLE_PREFIX . 'settings';

system/src/Validator.php

@@ -141,8 +141,8 @@ class Validator
 	 * Validate account password
 	 * Name lenght must be 3-32 chars
 	 *
-	 * @param string $name Account name to check
-	 * @return bool Is account name valid?
+	 * @param string $password Password to check
+	 * @return bool Is password valid?
 	 */
 	public static function password($password)
 	{

system/status.php

@@ -102,6 +102,9 @@ if($status_interval && $status_timeout < $status_interval) {
 	$status_timeout = $status_interval;
 }
 
+/**
+ * @var int $status_timeout
+ */
 if($status['lastCheck'] + $status_timeout < time()) {
 	updateStatus();
 }

system/template.php

@@ -171,8 +171,6 @@ function get_template_menus() {
 	$new_menus = array();
 	/**
 	 * @var array $configMenuCategories
-	 * @var int $id
-	 * @var array $options
 	 */
 	$configMenuCategories = config('menu_categories');
 	if($configMenuCategories === null) {

system/templates/account.change_info.html.twig

@@ -1,102 +1,84 @@
 Here you can tell other players about yourself. This information will be displayed alongside the data of your characters. If you do not want to fill in a certain field, just leave it blank.<br/><br/>
-<form action="{{ getLink('account/info') }}" method="post">
-	{{ csrf() }}
-	<div class="TableContainer" >
-		<table class="Table1" cellpadding="0" cellspacing="0" >
-			<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" >Change 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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer" >
-						<table style="width:100%;" >
-							<tr>
-								<td class="LabelV" >Real Name:</td>
-								<td style="width:90%;" >
-									<input name="info_rlname" value="{{ account_rlname }}" size="30" maxlength="50" >
-								</td>
-							</tr>
-							<tr>
-								<td class="LabelV" >Location:</td>
-								<td>
-									<input name="info_location" value="{{ account_location }}" size="30" maxlength="50" >
-								</td>
-							</tr>
-							{% if setting('core.account_country') %}
-							<tr>
-								<td class="LabelV" >Country:</td>
-								<td>
-									<select name="info_country" id="account_country">
-										{% for code, country in countries %}
-										<option value="{{ code}}"{% if account_country == code %} selected{% endif %}>{{ country }} </option>
-										{% endfor %}
-									</select>
-									<img src="" id="account_country_img"/>
-									<script>
-										function updateFlag()
-										{
-											var img = $('#account_country_img');
-											var country = $('#account_country :selected').val();
-											if(country.length) {
-												img.attr('src', 'images/flags/' + country + '.gif');
-												img.show();
-											}
-											else {
-												img.hide();
-											}
-										}
+{% set title = 'Change Public Information' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width: 100%;" >
+	<tr>
+		<td class="LabelV">Real Name:</td>
+		<td style="width:90%;" >
+			<input form="form" name="info_rlname" value="{{ account_rlname }}" size="30" maxlength="50" >
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV" >Location:</td>
+		<td>
+			<input form="form" name="info_location" value="{{ account_location }}" size="30" maxlength="50" >
+		</td>
+	</tr>
+	{% if setting('core.account_country') %}
+	<tr>
+		<td class="LabelV">Country:</td>
+		<td>
+			<select form="form" name="info_country" id="account_country">
+				{% for code, country in countries %}
+				<option value="{{ code}}"{% if account_country == code %} selected{% endif %}>{{ country }} </option>
+				{% endfor %}
+			</select>
+			<img src="" id="account_country_img"/>
+			<script>
+				function updateFlag()
+				{
+					var img = $('#account_country_img');
+					var country = $('#account_country :selected').val();
+					if(country.length) {
+						img.attr('src', 'images/flags/' + country + '.gif');
+						img.show();
+					}
+					else {
+						img.hide();
+					}
+				}
 
-										$(function() {
-											updateFlag();
-											$('#account_country').change(function() {
-												updateFlag();
-											});
-										});
-									</script>
-								</td>
-							</tr>
-							{% endif %}
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table width="100%">
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0" >
-					<tr>
-						<td style="border:0px;" >
+				$(function() {
+					updateFlag();
+					$('#account_country').change(function() {
+						updateFlag();
+					});
+				});
+			</script>
+		</td>
+	</tr>
+	{% endif %}
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+<br/>
+<table width="100%">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0" >
+				<tr>
+					<td style="border:0px;" >
+						<form id="form" action="{{ getLink('account/info') }}" method="post">
+							{{ csrf() }}
 							<input type="hidden" name="changeinfosave" value="1">
-								{{ include('buttons.submit.html.twig') }}
-						</td>
-					</tr>
-				</table>
-			</td>
-			<td>
-</form>
-				<table border="0" cellspacing="0" cellpadding="0" >
-					<form action="{{ getLink('account/manage') }}" method="post" >
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;" >
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+							{{ include('buttons.submit.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0" >
+				<tr>
+					<td style="border:0px;" >
+						<form action="{{ getLink('account/manage') }}" method="post" >
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>

system/templates/account.change_mail.html.twig

@@ -1,47 +1,27 @@
 Please enter your password and the new email address. Make sure that you enter a valid email address which you have access to. <br/><b>For security reasons, the actual change will be finalised after a waiting period of {{ setting('core.account_mail_change') }} days.</b><br/><br/>
-<form action="{{ getLink('account/email') }}" method="post">
-	{{ csrf() }}
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0">
-		<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" >Change Email Address</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>
+{% set title = 'Change Email Address' %}
+{% set background = config('darkborder') %}
+{% set content %}
+	<table style="width:100%;">
 		<tr>
+			<td class="LabelV" >
+				<span>New Email Address:</span>
+			</td>
+			<td style="width:90%;">
+				<input form="form" name="new_email" value="{% if new_email is defined %}{{ new_email }}{% endif %}" size="30" maxlength="50" autofocus/>
+			</td>
+		</tr>
+		<tr>
+			<td class="LabelV">
+				<span >Password:</span>
+			</td>
 			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;">
-						<tr>
-							<td class="LabelV" >
-								<span >New Email Address:</span>
-							</td>
-							<td style="width:90%;">
-								<input name="new_email" value="{% if new_email is defined %}{{ new_email }}{% endif %}" size="30" maxlength="50" autofocus/>
-							</td>
-						</tr>
-						<tr>
-							<td class="LabelV">
-								<span >Password:</span>
-							</td>
-							<td>
-								<input type="password" name="password" size="30" maxlength="29">
-							</td>
-						</tr>
-					</table>
-				</div>
+				<input form="form" type="password" name="password" size="30" maxlength="29">
 			</td>
 		</tr>
 	</table>
-</div>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <table style="width:100%;">
 	<tr align="center">
@@ -49,13 +29,15 @@ Please enter your password and the new email address. Make sure that you enter a
 			<table border="0" cellspacing="0" cellpadding="0">
 				<tr>
 					<td style="border:0px;">
-						<input type="hidden" name="changeemailsave" value="1"/>
-						{{ include('buttons.submit.html.twig') }}
+						<form id="form" action="{{ getLink('account/email') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="changeemailsave" value="1"/>
+							{{ include('buttons.submit.html.twig') }}
+						</form>
 					</td>
 				<tr>
 			</table>
 		</td>
-</form>
 		<td>
 			<table border="0" cellspacing="0" cellpadding="0">
 				<form action="{{ getLink('account/manage') }}" method="post">

system/templates/account.change_name.html.twig

@@ -1,79 +1,62 @@
 To change a name of character select player and choose a new name.<br/>
 <span style="color: red">Change name cost {{ setting('core.account_change_character_name_price') }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}. You have {{ points }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}.</span><br/><br/>
-<form action="{{ getLink('account/character/name') }}" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="changenamesave" value="1">
-	<div class="TableContainer">
-		<table class="Table1" cellpadding="0" cellspacing="0">
-			<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" >Change Name</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer" >
-						<table style="width:100%;" >
-							<tr>
-                                <td class="LabelV" ><span>Character:</span></td>
-								<td style="width:90%;" >
-									<select name="player_id">
-										{% for player in account_logged.getPlayersList(false) %}
-										<option value="{{ player.getId() }}">{{ player.getName() }}</option>
-										{% endfor %}
-									</select>
-								</td>
-							</tr>
-							<tr>
-                                <td class="LabelV" ><span>New Name:</span></td>
-								<td>
-									<input type="text" name="name" id="character_name" size="25" maxlength="25" >
-									<img id="character_indicator" src="images/global/general/{% if not save or errors|length > 0 %}n{% endif %}ok.gif" />
-									<br/>
-									<span style="font-size: 10px">
-										<div id="character_error">Please enter your character name.</div>
-									</span>
-								</td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%" >
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<tr>
-						<td style="border:0px;">
+
+{% set title = 'Change Name' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td class="LabelV" ><span>Character:</span></td>
+		<td style="width:90%;" >
+			<select form="form" name="player_id">
+				{% for player in account_logged.getPlayersList(false) %}
+				<option value="{{ player.getId() }}">{{ player.getName() }}</option>
+				{% endfor %}
+			</select>
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV" ><span>New Name:</span></td>
+		<td>
+			<input form="form" type="text" name="name" id="character_name" size="25" maxlength="25" >
+			<img id="character_indicator" src="images/global/general/{% if not save or errors|length > 0 %}n{% endif %}ok.gif" />
+			<br/>
+			<span style="font-size: 10px">
+				<div id="character_error">Please enter your character name.</div>
+			</span>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+<br/>
+<table style="width:100%" >
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/character/name') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="changenamesave" value="1">
 							{{ include('buttons.submit.html.twig') }}
-						</td>
-					</tr>
-</form>
-				</table>
-			</td>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;">
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form action="{{ getLink('account/manage') }}" method="post">
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>
 <script type="text/javascript" src="tools/check_name.js"></script>

system/templates/account.change_password.html.twig

@@ -1,80 +1,62 @@
 Please enter your current password and a new password. For your security, please enter the new password twice.<br/>
 <br/>
-<form action="{{ getLink('account/password') }}" method="post">
-	{{ csrf() }}
-	<div class="TableContainer">
-		<table class="Table1" cellpadding="0" cellspacing="0">
-			<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" >Change Password</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table style="width:100%;">
-							<tr>
-								<td class="LabelV">
-									<span>New Password:</span>
-								</td>
-								<td style="width:90%;">
-									<input type="password" name="newpassword" size="30" maxlength="29">
-								</td>
-							</tr>
-							<tr>
-								<td class="LabelV">
-									<span>New Password Again:</span>
-								</td>
-								<td>
-									<input type="password" name="newpassword_confirm" size="30" maxlength="29">
-								</td>
-							</tr>
-							<tr>
-								<td class="LabelV">
-									<span>Current Password:</span>
-								</td>
-								<td>
-									<input type="password" name="oldpassword" size="30" maxlength="29">
-								</td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%;">
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<tr>
-						<td style="border:0px;">
+{% set title = 'Change Password' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td class="LabelV">
+			<span>New Password:</span>
+		</td>
+		<td style="width:90%;">
+			<input form="form" type="password" name="newpassword" size="30" maxlength="29">
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV">
+			<span>New Password Again:</span>
+		</td>
+		<td>
+			<input form="form" type="password" name="newpassword_confirm" size="30" maxlength="29">
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV">
+			<span>Current Password:</span>
+		</td>
+		<td>
+			<input form="form" type="password" name="oldpassword" size="30" maxlength="29">
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+<br/>
+<table style="width:100%;">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/password') }}" method="post">
+							{{ csrf() }}
 							{{ include('buttons.submit.html.twig') }}
-						</td>
-					<tr>
-				</table>
-			</td>
-</form>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;">
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+						</form>
+					</td>
+				<tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form action="{{ getLink('account/manage') }}" method="post">
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>

system/templates/account.change_sex.html.twig

@@ -1,78 +1,61 @@
 To change a sex of character select player and choose a new sex.<br/>
-<span style="color: red">Change sex cost {{ setting('core.account_change_character_sex_price') }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}. You have {{ points }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}.</span><br/><br/>
-<form action="{{ getLink('account/character/sex') }}" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="changesexsave" value="1"/>
-	<div class="TableContainer">
-		<table class="Table1" cellpadding="0" cellspacing="0">
-			<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" >Change sex</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table style="width:100%;" >
-							<tr>
-								<td class="LabelV" ><span >Character:</td>
-								<td style="width:90%;" >
-									<select name="player_id">
-										{% for player in players %}
-										<option value="{{ player.getId() }}">{{ player.getName() }}</option>
-										{% endfor %}
-									</select>
-								</td>
-							</tr>
-							<tr>
-								<td class="LabelV" ><span >New Sex:</td>
-								<td>
-									<select name="new_sex">
-										{% for id, gender in config.genders %}
-										<option value="{{ id }}"{% if player_sex == id %} selected{% endif %}>{{ gender }}</option>
-										{% endfor %}
-									</select>
-								</td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%">
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0" >
-					<tr>
-						<td style="border:0px;" >
+<span style="color: red">Change sex cost {{ setting('core.account_change_character_sex_price') }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}. You have {{ points }} {{ setting('core.donate_column') == 'coins' ? 'coins' : 'premium points' }}.</span>
+<br/><br/>
+{% set title = 'Change sex' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td class="LabelV" ><span>Character:</span></td>
+		<td style="width:90%;" >
+			<select form="form" name="player_id">
+				{% for player in players %}
+				<option value="{{ player.getId() }}">{{ player.getName() }}</option>
+				{% endfor %}
+			</select>
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV" ><span>New Sex:</span></td>
+		<td>
+			<select form="form" name="new_sex">
+				{% for id, gender in config.genders %}
+				<option value="{{ id }}"{% if player_sex == id %} selected{% endif %}>{{ gender }}</option>
+				{% endfor %}
+			</select>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+
+<br/>
+<table style="width:100%">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0" >
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/character/sex') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="changesexsave" value="1"/>
 							{{ include('buttons.submit.html.twig') }}
-						</td>
-					</tr>
-					<tr>
-</form>
-				</table>
-			</td>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;" >
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form action="{{ getLink('account/manage') }}" method="post">
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>

system/templates/account.create_character.html.twig

@@ -6,145 +6,145 @@ In any case the name must not violate the naming conventions stated in the <a hr
 <b><span style="color: red"> You have maximum number of characters per account on your account. Delete one before you make new.</span></b>
 {% endif %}
 <br/><br/>
-<form action="{{ getLink('account/character/create') }}" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="save" value="1">
-	<div class="TableContainer">
-		<table class="Table3" cellpadding="0" cellspacing="0">
-			<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" >Create Character</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 class="TableContainer">
+	<table class="Table3" cellpadding="0" cellspacing="0">
+		<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" >Create Character</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<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%">
-												<tr class="LabelH">
-													<td style="width:50%;">
-														<span>Name</span>
-													</td>
-													<td>
-														<span>Sex</span>
-													</td>
-												</tr>
-												<tr class="Odd">
-													<td>
-														<input name="name" id="character_name" value="{{ name }}" size="{{ setting('core.create_character_name_max_length') }}" maxlength="{{ setting('core.create_character_name_max_length') }}" >
-														<img id="character_indicator" src="images/global/general/{% if not save or errors.name is defined %}n{% endif %}ok.gif" />
-														<br/>
-														<span style="font-size: 10px">
-															<div id="character_error">{% if not save or errors.name is defined %}Please enter your character name.{% endif %}</div>
-														</span>
-													</td>
-													<td>
-														{% set i = 0 %}
-														{% for id, gender in config.genders|reverse(true) %}
-														{% set i = i + 1 %}
-														<input type="radio" name="sex" id="sex{{ i }}" value="{{ id }}"{% if sex is not null and sex == id %} checked="checked"{% endif %}
-														><label for="sex{{ i }}">{{ gender|lower }}</label><br/>
-														{% endfor %}
-													</td>
-												</tr>
-											</table>
-										</div>
-									</div>
-						</table>
-					</div>
-					<div class="InnerTableContainer">
-						<table style="width: 100%;">
-							<tr>
-								{% if config.character_samples|length > 1 %}
-								<td>
-									<table class="TableContent" width="100%">
-										<tr class="Odd" valign="top">
-											<td width="160"><br/><b>Select your vocation:</b></td>
-											<td>
-												<table class="TableContent" width="100%" >
-													{% for key, sample_char in config.character_samples %}
-													<tr>
-														<td>
-															<input type="radio" name="vocation" id="vocation{{ key }}" value="{{ key }}"
-															{% if vocation is not null and vocation == key %} checked="checked"{% endif %}>
-															<label for="vocation{{ key }}">{{ config['vocations'][key] }}</label>
-														</td>
-													</tr>
-													{% endfor %}
-												</table>
-											</td>
-										</tr>
-									</table>
-								{% endif %}
-								{% if config.character_towns|length > 1 %}
-								<td>
-									<table class="TableContent" width="100%">
-										<tr class="Odd" valign="top">
-											<td width="160"><br/><b>Select your city:</b></td>
-											<td>
-												<table class="TableContent" width="100%">
-													{% for town_id in config.character_towns %}
-													<tr>
-														<td>
-															<input type="radio" name="town" id="town{{ town_id }}" value="{{ town_id }}"
-															{% if town is not null and town == town_id %} checked="checked"{% endif %}>
-															<label for="town{{ town_id }}">{{ config.towns[town_id] }}</label>
-														</td>
-													</tr>
-													{% endfor %}
-												</table>
-											</td>
-										</tr>
-									</table>
-								</td>
-								{% endif %}
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%;">
-		<tr align="center">
+		</div>
+		<tr>
 			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<tr>
-						<td style="border:0px;">
-							{{ include('buttons.submit.html.twig') }}
-						</td>
-					</tr>
-</form>
-				</table>
-			</td>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
+				<div class="InnerTableContainer">
+					<table style="width:100%;">
 						<tr>
-							<td style="border:0px;">
-								{{ include('buttons.back.html.twig') }}
+							<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%">
+											<tr class="LabelH">
+												<td style="width:50%;">
+													<span>Name</span>
+												</td>
+												<td>
+													<span>Sex</span>
+												</td>
+											</tr>
+											<tr class="Odd">
+												<td>
+													<input form="form" name="name" id="character_name" value="{{ name }}" size="{{ setting('core.create_character_name_max_length') }}" maxlength="{{ setting('core.create_character_name_max_length') }}" >
+													<img id="character_indicator" src="images/global/general/{% if not save or errors.name is defined %}n{% endif %}ok.gif" />
+													<br/>
+													<span style="font-size: 10px">
+														<div id="character_error">{% if not save or errors.name is defined %}Please enter your character name.{% endif %}</div>
+													</span>
+												</td>
+												<td>
+													{% set i = 0 %}
+													{% for id, gender in config.genders|reverse(true) %}
+													{% set i = i + 1 %}
+													<input form="form" type="radio" name="sex" id="sex{{ i }}" value="{{ id }}"{% if sex is not null and sex == id %} checked="checked"{% endif %}
+													><label for="sex{{ i }}">{{ gender|lower }}</label><br/>
+													{% endfor %}
+												</td>
+											</tr>
+										</table>
+									</div>
+								</div>
+					</table>
+				</div>
+				<div class="InnerTableContainer">
+					<table style="width: 100%;">
+						<tr>
+							{% if config.character_samples|length > 1 %}
+							<td>
+								<table class="TableContent" width="100%">
+									<tr class="Odd" valign="top">
+										<td width="160"><br/><b>Select your vocation:</b></td>
+										<td>
+											<table class="TableContent" width="100%" >
+												{% for key, sample_char in config.character_samples %}
+												<tr>
+													<td>
+														<input form="form" type="radio" name="vocation" id="vocation{{ key }}" value="{{ key }}"
+														{% if vocation is not null and vocation == key %} checked="checked"{% endif %}>
+														<label for="vocation{{ key }}">{{ config['vocations'][key] }}</label>
+													</td>
+												</tr>
+												{% endfor %}
+											</table>
+										</td>
+									</tr>
+								</table>
+							{% endif %}
+							{% if config.character_towns|length > 1 %}
+							<td>
+								<table class="TableContent" width="100%">
+									<tr class="Odd" valign="top">
+										<td width="160"><br/><b>Select your city:</b></td>
+										<td>
+											<table class="TableContent" width="100%">
+												{% for town_id in config.character_towns %}
+												<tr>
+													<td>
+														<input form="form" type="radio" name="town" id="town{{ town_id }}" value="{{ town_id }}"
+														{% if town is not null and town == town_id %} checked="checked"{% endif %}>
+														<label for="town{{ town_id }}">{{ config.towns[town_id] }}</label>
+													</td>
+												</tr>
+												{% endfor %}
+											</table>
+										</td>
+									</tr>
+								</table>
 							</td>
+							{% endif %}
 						</tr>
-					</form>
-				</table>
+					</table>
+				</div>
 			</td>
 		</tr>
 	</table>
+</div>
+<br/>
+<table style="width:100%;">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/character/create') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="save" value="1">
+							{{ include('buttons.submit.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form action="{{ getLink('account/manage') }}" method="post">
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>
 <script type="text/javascript" src="tools/check_name.js"></script>

system/templates/account.delete_character.html.twig

@@ -1,68 +1,50 @@
 To delete a character enter the name of the character and your password.<br/><br/>
-<form action="{{ getLink('account/character/delete') }}" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="deletecharactersave" value="1"/>
-	<div class="TableContainer">
-		<table class="Table1" cellpadding="0" cellspacing="0" >
-			<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" >Delete Character</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table style="width:100%;">
-							<tr>
-								<td class="LabelV" ><span>Character Name:</span></td>
-								<td style="width:90%;">
-									<input name="delete_name" value="" size="30" maxlength="29"/>
-								</td>
-							</tr>
-							<tr>
-								<td class="LabelV" ><span>Password:</span></td>
-								<td>
-									<input type="password" name="delete_password" size="30" maxlength="29"/>
-								</td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%">
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
+{% set title = 'Delete Character' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td class="LabelV" ><span>Character Name:</span></td>
+		<td style="width:90%;">
+			<input form="form" name="delete_name" value="" size="30" maxlength="29"/>
+		</td>
+	</tr>
+	<tr>
+		<td class="LabelV" ><span>Password:</span></td>
+		<td>
+			<input form="form" type="password" name="delete_password" size="30" maxlength="29"/>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+<br/>
+<table style="width:100%">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/character/delete') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="deletecharactersave" value="1"/>
+							{{ include('buttons.submit.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<form action="{{ getLink('account/manage') }}" method="post">
+					{{ csrf() }}
 					<tr>
 						<td style="border:0px;">
-							{{ include('buttons.submit.html.twig') }}
+							{{ include('buttons.back.html.twig') }}
 						</td>
-					<tr>
-</form>
-				</table>
-			</td>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;">
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+					</tr>
+				</form>
+			</table>
+		</td>
+	</tr>
+</table>

system/templates/account.generate_new_recovery_key.html.twig

@@ -1,61 +1,44 @@
 To generate new recovery key for your account please enter your password.<br/>
-<span style="color: red"><b>New recovery key cost {{ setting('core.account_generate_new_reckey_price') }} Premium Points.</span> You have {{ points }} premium points. You will receive e-mail with this recovery key.</b><br/>
-<form action="{{ getLink('account/register/new') }}" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="registeraccountsave" value="1">
-	<div class="TableContainer" >
-		<table class="Table1" cellpadding="0" cellspacing="0">
-			<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" >Generate recovery key</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>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table style="width:100%;">
-							<tr>
-								<td class="LabelV" ><span>Password:</span></td>
-								<td><input type="password" name="reg_password" size="30" maxlength="29" ></td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<br/>
-	<table style="width:100%">
-		<tr align="center">
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<tr>
-						<td style="border:0px;">
+<span style="color: red"><b>New recovery key cost {{ setting('core.account_generate_new_reckey_price') }} Premium Points</b>.</span> You have {{ points }} premium points. You will receive e-mail with this recovery key.
+<br/>
+{% set title = 'Generate recovery key' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td class="LabelV"><span>Password:</span></td>
+		<td><input form="form" type="password" name="reg_password" size="30" maxlength="29" ></td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+<br/>
+<table style="width:100%">
+	<tr align="center">
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form id="form" action="{{ getLink('account/register/new') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="registeraccountsave" value="1">
 							{{ include('buttons.submit.html.twig') }}
-						</td>
-					</tr>
-</form>
-				</table>
-			</td>
-			<td>
-				<table border="0" cellspacing="0" cellpadding="0">
-					<form action="{{ getLink('account/manage') }}" method="post">
-						{{ csrf() }}
-						<tr>
-							<td style="border:0px;">
-								{{ include('buttons.back.html.twig') }}
-							</td>
-						</tr>
-					</form>
-				</table>
-			</td>
-		</tr>
-	</table>
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+		<td>
+			<table border="0" cellspacing="0" cellpadding="0">
+				<tr>
+					<td style="border:0px;">
+						<form action="{{ getLink('account/manage') }}" method="post">
+							{{ csrf() }}
+							{{ include('buttons.back.html.twig') }}
+						</form>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>

system/templates/account.generate_recovery_key.html.twig

@@ -1,40 +1,18 @@
 To generate recovery key for your account please enter your password.<br/><br/>
-<form action="{{ getLink('account/register') }}" method="post">
-	{{ csrf() }}
-<input type="hidden" name="registeraccountsave" value="1"/>
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0">
-		<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" >Generate recovery key</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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;" >
-						<tr>
-							<td class="LabelV">
-								<span>Password:</span>
-							</td>
-							<td>
-								<input type="password" name="reg_password" size="30" maxlength="29" autofocus/>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+{% set title = 'Generate recovery key' %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td class="LabelV">
+			<span>Password:</span>
+		</td>
+		<td>
+			<input form="form" type="password" name="reg_password" size="30" maxlength="29" autofocus/>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <table style="width:100%">
 	<tr align="center">
@@ -42,12 +20,15 @@ To generate recovery key for your account please enter your password.<br/><br/>
 			<table border="0" cellspacing="0" cellpadding="0" >
 				<tr>
 					<td style="border:0px;">
-						{{ include('buttons.submit.html.twig') }}
+						<form id="form" action="{{ getLink('account/register') }}" method="post">
+							{{ csrf() }}
+							<input type="hidden" name="registeraccountsave" value="1"/>
+							{{ include('buttons.submit.html.twig') }}
+						</form>
 					</td>
 				<tr>
 			</table>
 		</td>
-</form>
 		<td>
 			<table border="0" cellspacing="0" cellpadding="0">
 				<form action="{{ getLink('account/manage') }}" method="post">

system/templates/account.logout.html.twig

@@ -1,28 +1,10 @@
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0" >
-		<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">Logout Successful</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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;">
-						<tr>
-							<td>You have logged out of your {{ config.serverName }} account. In order to view your account you need to <a href="{{ getLink('account/manage') }}" >log in</a> again.</td>
-						</tr>
-					</table>
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+{% set title = 'Logout Successful' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td>You have logged out of your {{ config.serverName }} account. In order to view your account you need to <a href="{{ getLink('account/manage') }}" >log in</a> again.</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}

system/templates/guilds.change_description.html.twig

@@ -1,14 +1,24 @@
-<div style="text-align:center"><h2>Change guild description</h2></div>
-Here you can change description of your guild.<br/>
-<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_description" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="todo" value="save"/>
-	<textarea name="description" cols="60" rows="{{ setting('core.guild_description_lines_limit') - 1 }}">{{ guild.getCustomField('description')|raw }}</textarea><br>
-	(max. {{ setting('core.guild_description_lines_limit') }} lines, max. {{ setting('core.guild_description_chars_limit') }} chars) <input type="submit" value="Save description"/></form><br/>
-<br/>
-<div style="text-align:center">
-	<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">
-		{{ csrf() }}
-		{{ include('buttons.back.html.twig') }}
-	</form>
-</div>
+{% set title = 'Change guild description' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td>
+			Here you can change description of your guild.<br/>
+			<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_description" method="post">
+				{{ csrf() }}
+				<input type="hidden" name="todo" value="save"/>
+				<textarea name="description" cols="60" rows="{{ setting('core.guild_description_lines_limit') - 1 }}">{{ guild.getCustomField('description')|raw }}</textarea><br>
+				(max. {{ setting('core.guild_description_lines_limit') }} lines, max. {{ setting('core.guild_description_chars_limit') }} chars) <input type="submit" value="Save description"/></form><br/>
+			<br/>
+			<div style="text-align:center">
+				<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">
+					{{ csrf() }}
+					{{ include('buttons.back.html.twig') }}
+				</form>
+			</div>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}

system/templates/guilds.change_logo.html.twig

@@ -1,20 +1,32 @@
-<div style="text-align:center"><h2>Change guild logo</h2></div>
-Here you can change logo of your guild.<br/>Actuall logo: <img src="{{ constant('GUILD_IMAGES_DIR') }}{{ guild_logo }}" height="64" width="64"><br/><br/>
-<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_logo" method="post" id="upload_form">
-	{{ csrf() }}
-	<input type="hidden" name="todo" value="save" />
-	<input type="hidden" name="MAX_FILE_SIZE" value="{{ max_image_size_b }}" />
-	Select new logo: <input name="newlogo" id="newlogo" type="file" />
-	<input type="submit" value="Send new logo" />
-</form>
-Only <b>jpg, gif, png, bmp</b> pictures. Max. size: <b>{{ setting('core.guild_image_size_kb') }} KB</b><br>
-<br/>
+{% set title = 'Change guild logo' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td>
+			Here you can change logo of your guild.<br/>Actuall logo: <img src="{{ constant('GUILD_IMAGES_DIR') }}{{ guild_logo }}" height="64" width="64"><br/><br/>
+			<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_logo" method="post" id="upload_form">
+				{{ csrf() }}
+				<input type="hidden" name="todo" value="save" />
+				<input type="hidden" name="MAX_FILE_SIZE" value="{{ max_image_size_b }}" />
+				Select new logo: <input name="newlogo" id="newlogo" type="file" />
+				<input type="submit" value="Send new logo" />
+			</form>
+			Only <b>jpg, gif, png, bmp</b> pictures. Max. size: <b>{{ setting('core.guild_image_size_kb') }} KB</b><br>
+			<br/>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+
 <div style="text-align:center">
 	<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">
 		{{ csrf() }}
 		{{ include('buttons.back.html.twig') }}
 	</form>
 </div>
+
 <script type="text/javascript">
 	$(function() {
 		$('#upload_form').submit(function (event) {

system/templates/guilds.change_motd.html.twig

@@ -1,11 +1,22 @@
-<div style="text-align:center"><h2>Change guild MOTD</h2></div>
-Here you can change MOTD (Message of the Day, showed in game!) of your guild.<br/>
-<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_motd" method="post">
-	{{ csrf() }}
-	<input type="hidden" name="todo" value="save"/>
-	<textarea name="motd" cols="60" rows="3">{{ guild.getCustomField('motd')|raw }}</textarea><br/>
-	(max. {{ setting('core.guild_motd_chars_limit') }} chars) <input type="submit" value="Save MOTD" /></form><br/>
-<br/>
+{% set title = 'Change guild MOTD' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td>
+			Here you can change MOTD (Message of the Day, showed in game!) of your guild.<br/>
+			<form enctype="multipart/form-data" action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=change_motd" method="post">
+				{{ csrf() }}
+				<input type="hidden" name="todo" value="save"/>
+				<textarea name="motd" cols="60" rows="3">{{ guild.getCustomField('motd')|raw }}</textarea><br/>
+				(max. {{ setting('core.guild_motd_chars_limit') }} chars) <input type="submit" value="Save MOTD" />
+			</form>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+
 <div style="text-align:center">
 	<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">
 		{{ csrf() }}

system/templates/guilds.delete_guild.html.twig

@@ -1,37 +1,19 @@
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0">
-		<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" >Delete Guild</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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;" >
-						<tr>
-							<td>Are you sure you want delete guild <b>{{ guild.getName() }}</b>?<br/>
-								<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=delete_guild" method="post">
-									{{ csrf() }}
-									<input type="hidden" name="todo" value="save"/>
-									<input type="submit" value="Yes, delete"/>
-								</form>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+{% set title = 'Delete Guild' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;" >
+	<tr>
+		<td>Are you sure you want delete guild <b>{{ guild.getName() }}</b>?<br/>
+			<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=delete_guild" method="post">
+				{{ csrf() }}
+				<input type="hidden" name="todo" value="save"/>
+				<input type="submit" value="Yes, delete"/>
+			</form>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <div style="text-align:center">
 	<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">

system/templates/guilds.list.html.twig

@@ -1,118 +1,96 @@
-<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">Active Guilds on {{ config.lua.serverName }}</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="Table3">
-		<tbody>
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table style="width:100%;">
+{% set title = 'Active Guilds on ' ~ config.lua.serverName %}
+{% set content %}
+<table style="width:100%;">
+	<tbody>
+		<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%">
 							<tbody>
-								<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%">
-													<tbody>
-														{% if guilds|length > 0 %}
-														<tr bgcolor="{{ config.darkborder }}">
-															<td width="64"><b>Logo</b></td>
-															<td><b>Description</b></td>
-															<td width="12%"><b>&nbsp;</b></td>
-														</tr>
-
-															{% set i = 0 %}
-															{% for guild in guilds %}
-															{% set i = i + 1 %}
-															<tr bgcolor="{{ getStyle(i) }}">
-																<td>
-																	<img src="{{ constant('GUILD_IMAGES_DIR') }}{{ guild.logo }}" width="64" height="64">
-																</td>
-
-																<td style="word-break: break-all">
-																	<span{% if guild.description is not empty %} valign="top"{% endif %}>
-																		<b>{{ guild.name }}</b>{% if isAdmin %}<a href="{{ getLink('guilds') }}?action=delete_by_admin&guild={{ guild.name }}"> - Delete this guild (for ADMIN only!)</a>{% endif %}
-																	</span>
-
-																	{% if guild.description is not empty %}
-																	<br>
-																	<span>{{ guild.description }}</span>
-																	{% endif %}
-																</td>
-
-																<td>
-																	<table border="0" cellspacing="0" cellpadding="0" width="100%">
-																		<tbody>
-																			<tr>
-																				<td style="border:0;">
-																					<form action="{{ guild.link }}" method="post">
-																						{{ csrf() }}
-																						{{ include('buttons.view.html.twig') }}
-																					</form>
-																				</td>
-																			</tr>
-																		</tbody>
-																	</table>
-																</td>
-															</tr>
-															{% endfor %}
-														{% else %}
-														<tr bgcolor="{{ config.darkborder }}">
-															<td valign="top">
-																<b>Create Guild</b>
-																<br/>
-																Actually there is no guild on server.{% if logged %} Create first! Press button "Create Guild"{% endif %}
-															</td>
-
-															{% if logged %}
-															<td>
-																<table border="0" cellpadding="0" cellspacing="0" width="100%">
-																	<form action="{{ getLink('guilds') }}?action=create" method="post">
-																		{{ csrf() }}
-																		{% set button_name = 'Found Guild' %}
-																		{% set button_image = '_sbutton_foundguild' %}
-																		{% include('buttons.base.html.twig') %}
-																	</form>
-																</table>
-															</td>
-															{% endif %}
-														</tr>
-														{% endif %}
-													</tbody>
-												</table>
-											</div>
-										</div>
-										<div class="TableShadowContainer">
-											<div class="TableBottomShadow" style="background-image:url(https://static.tibia.com/images/global/content/table-shadow-bm.gif);">
-												<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-												<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
-											</div>
-										</div>
-									</td>
+								{% if guilds|length > 0 %}
+								<tr bgcolor="{{ config.darkborder }}">
+									<td width="64"><b>Logo</b></td>
+									<td><b>Description</b></td>
+									<td width="12%"><b>&nbsp;</b></td>
 								</tr>
+
+									{% set i = 0 %}
+									{% for guild in guilds %}
+									{% set i = i + 1 %}
+									<tr bgcolor="{{ getStyle(i) }}">
+										<td>
+											<img src="{{ constant('GUILD_IMAGES_DIR') }}{{ guild.logo }}" width="64" height="64">
+										</td>
+
+										<td style="word-break: break-all">
+											<span{% if guild.description is not empty %} valign="top"{% endif %}>
+												<b>{{ guild.name }}</b>{% if isAdmin %}<a href="{{ getLink('guilds') }}?action=delete_by_admin&guild={{ guild.name }}"> - Delete this guild (for ADMIN only!)</a>{% endif %}
+											</span>
+
+											{% if guild.description is not empty %}
+											<br>
+											<span>{{ guild.description }}</span>
+											{% endif %}
+										</td>
+
+										<td>
+											<table border="0" cellspacing="0" cellpadding="0" width="100%">
+												<tbody>
+													<tr>
+														<td style="border:0;">
+															<form action="{{ guild.link }}" method="post">
+																{{ csrf() }}
+																{{ include('buttons.view.html.twig') }}
+															</form>
+														</td>
+													</tr>
+												</tbody>
+											</table>
+										</td>
+									</tr>
+									{% endfor %}
+								{% else %}
+								<tr bgcolor="{{ config.darkborder }}">
+									<td valign="top">
+										<b>Create Guild</b>
+										<br/>
+										Actually there is no guild on server.{% if logged %} Create first! Press button "Create Guild"{% endif %}
+									</td>
+
+									{% if logged %}
+									<td>
+										<table border="0" cellpadding="0" cellspacing="0" width="100%">
+											<form action="{{ getLink('guilds') }}?action=create" method="post">
+												{{ csrf() }}
+												{% set button_name = 'Found Guild' %}
+												{% set button_image = '_sbutton_foundguild' %}
+												{% include('buttons.base.html.twig') %}
+											</form>
+										</table>
+									</td>
+									{% endif %}
+								</tr>
+								{% endif %}
 							</tbody>
 						</table>
 					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-</div>
+				</div>
+				<div class="TableShadowContainer">
+					<div class="TableBottomShadow" style="background-image:url(https://static.tibia.com/images/global/content/table-shadow-bm.gif);">
+						<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+						<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
+					</div>
+				</div>
+			</td>
+		</tr>
+	</tbody>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br>
 
 <table border="0" cellspacing="1" cellpadding="4" width="100%">

system/templates/guilds.manager.html.twig

@@ -54,41 +54,25 @@ Here you can change names of ranks, delete and add ranks, pass leadership to oth
 	</tr>
 </table>
 <br/>
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0">
-		<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" >Add new rank</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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;">
-						<tr>
-							<td width="120" valign="top">New rank name:</td>
-							<td>
-								<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=add_rank" method="post">
-									{{ csrf() }}
-									<input type="text" name="rank_name" size="20"/>
-									<input type="submit" value="Add"/>
-								</form>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
-<div style="text-align:center"><h3>Change rank names and levels</h3></div>
+{% set title = 'Add new rank' %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td width="120" valign="top">New rank name:</td>
+		<td>
+			<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=add_rank" method="post">
+				{{ csrf() }}
+				<input type="text" name="rank_name" size="20"/>
+				<input type="submit" value="Add"/>
+			</form>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+
+{% set title = 'Change rank names and levels' %}
+{% set content %}
 <form action="{{ getLink('guilds') }}?action=save_ranks&guild={{ guild.getName() }}" method="post">
 	{{ csrf() }}
 	<table style="clear:both" border="0" cellpadding="0" cellspacing="0" width="100%">
@@ -146,6 +130,7 @@ Here you can change names of ranks, delete and add ranks, pass leadership to oth
 		</tr>
 	</table>
 </form>
+
 <h3>Ranks info:</h3>
 <b>0. Owner of guild</b> - it's highest rank, only one player in guild may has this rank. Player with this rank can:
 <li>Invite/Cancel Invitation/Kick Player from guild</li>
@@ -155,15 +140,19 @@ Here you can change names of ranks, delete and add ranks, pass leadership to oth
 <li>Change {% if constant('MOTD_EXISTS') %}MOTD, {% endif %}logo and description of guild</li>
 <hr/>
 <b>1. Leader</b> - it's second rank in guild. Player with this rank can:
-<li>Invite/Cancel Invitation/Kick Player from guild (only with lower rank than his)
-<li>Change ranks of players with lower rank level ("vice leader", "member") in guild<hr>
+<li>Invite/Cancel Invitation/Kick Player from guild (only with lower rank than his)</li>
+<li>Change ranks of players with lower rank level ("vice leader", "member") in guild</li>
+<hr>
 <b>2. Vice Leader</b> - it's third rank in guild. Player with this rank can:
-<li>Invite/Cancel Invitation
-<li>Change ranks of players with lower rank level ("member") in guild<hr>
+<li>Invite/Cancel Invitation</li>
+<li>Change ranks of players with lower rank level ("member") in guild</li>
+<hr>
 <b>3. Member</b> - it's lowest rank in guild. Player with this rank can:
-<li>Be a member of guild
+<li>Be a member of guild</li>
 <br/>
-<div style="text-align:center">
+{% endset %}
+{% include 'tables.headline.html.twig' %}
+	<div style="text-align:center">
 	<form action="{{ getLink('guilds') }}?action=show&guild={{ guild.getName() }}" method="post">
 		{{ csrf() }}
 		{{ include('buttons.back.html.twig') }}

system/templates/guilds.pass_leadership.html.twig

@@ -1,38 +1,20 @@
-<div class="TableContainer">
-	<table class="Table1" cellpadding="0" cellspacing="0">
-		<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" >Pass leadership</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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer" >
-					<table style="width:100%;">
-						<tr>
-							<td>Pass leadership to: </b><br>
-								<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=pass_leadership" method="post">
-									{{ csrf() }}
-									<input type="hidden" name="todo" value="save"/>
-									<input type="text" size="40" name="player"/>
-									<input type="submit" value="Save">
-								</form>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+{% set title = 'Pass leadership' %}
+{% set background = config('darkborder') %}
+{% set content %}
+<table style="width:100%;">
+	<tr>
+		<td><strong>Pass leadership to: </strong><br>
+			<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=pass_leadership" method="post">
+				{{ csrf() }}
+				<input type="hidden" name="todo" value="save"/>
+				<input type="text" size="40" name="player"/>
+				<input type="submit" value="Save">
+			</form>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <div style="text-align:center">
 	<form action="{{ getLink('guilds') }}?guild={{ guild.getName() }}&action=manager" method="post">

system/templates/guilds.view.html.twig

@@ -21,64 +21,170 @@
 
 			{{ hook('HOOK_GUILDS_AFTER_GUILD_HEADER') }}
 
-			<table width="100%">
+			{% set title = 'Guild Information' %}
+			{% set background = config('darkborder') %}
+			{% set content %}
+			<table style="width:100%;">
 				<tbody>
 				<tr>
-					<td style="vertical-align:top;">
-						<div class="TableContainer">
-							<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">Guild 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>
+					<td style="word-break: break-all">
+						<div id="GuildInformationContainer">
+							{% if description is not empty %}
+								{{ description|raw }}
+								<br>
+								<br>
+							{% endif %}
+
+							{% if guild_owner is not empty %}
+								{% set guildOwnerName = guild_owner.getName() %}
+
+								<a href="{{ getPlayerLink(guildOwnerName, false) }}"><b>{{ guildOwnerName }}</b></a> is guild leader of <b>{{ guild_name }}</b>.
+								<br>
+							{% endif %}
+
+							The guild was founded on {{ config.lua.serverName }} on {{ guild_creation_date|date("j F Y") }}.
+							{% if isLeader %}
+								<a href="{{ getLink('guilds') }}?action=manager&guild={{ guild_name }}" style="float: right;">
+									{% set button_name = 'Manage Guild' %}
+									{% include('buttons.base.html.twig') %}
+								</a>
+							{% endif %}
+						</div>
+					</td>
+				</tr>
+				</tbody>
+			</table>
+			{% endset %}
+			{% include 'tables.headline.html.twig' %}
+			<br/>
+
+			{{ hook('HOOK_GUILDS_AFTER_GUILD_INFORMATION') }}
+
+			{% set title = 'Guild Members' %}
+			{% set content %}
+			<table style="width:100%;">
+				<tbody>
+				<tr>
+					<td>
+						<div class="TableContentAndRightShadow">
+							<div class="TableContentContainer">
+								<table class="TableContent" width="100%">
+									<tbody>
+									<tr class="LabelH">
+										<td>Rank</td>
+										<td>Name{% if useGuildNick %} and Title{% endif %}</td>
+										<td>Vocation</td>
+										<td>Level</td>
+										<td>Status</td>
+									</tr>
+
+									{% set showedRank, i = false, 0 %}
+									{% for rank in guild_members if rank.members|length > 0 %}
+										{% set rankStyle, i = getStyle(i), i + 1  %}
+
+										{% for player in rank.members %}
+											<tr bgcolor="{{ rankStyle }}">
+												<td>
+													{% if not showedRank %}{{ rank.rank_name }}{% endif %}
+													{% set showedRank = true %}
+												</td>
+
+												<td>
+													{% set playerName = player.getName() %}
+													<form action="{{ getLink('guilds') }}?action=change_nick&name={{ playerName }}&guild={{ guild_name }}" method="post">
+														{{ csrf() }}
+														{{ getPlayerLink(playerName, true)|raw }}
+
+														{% set showGuildNick = false %}
+														{% if player.getGuildNick() is not empty %}
+															{% set showGuildNick = true %}
+															{% set guildNickRaw = player.getGuildNick()|raw %}
+														{% endif %}
+
+														{% if logged %}
+															{% if player.getId() in players_from_account_ids %}
+																(<input type="text" name="nick" value="{{ guildNickRaw }}"><input type="submit" value="Change">)
+															{% else %}
+																{% if showGuildNick %} ({{ guildNickRaw }}){% endif %}
+															{% endif %}
+
+															{% if level_in_guild > rank.rank_level or isLeader %}
+																{% if guildOwnerName != playerName %}
+																	<span style="font-size: 10px; float: right">
+																		{<a href="{{ getLink('guilds') }}?action=kick_player&guild={{ guild_name|url_encode }}&name={{ playerName|url_encode }}">KICK</a>}
+																	</span>
+																{% endif %}
+															{% endif %}
+														{% else %}
+															{% if showGuildNick %} ({{ guildNickRaw }}){% endif %}
+														{% endif %}
+													</form>
+												</td>
+
+												<td>{{ player.getVocationName() }}</td>
+												<td>{{ player.getLevel() }}</td>
+												<td>
+													<span style="color: {% if player.isOnline() %} green;"><b>Online{% else %} red;"><b>Offline{% endif %}</b></span>
+												</td>
+											</tr>
+										{% endfor %}
+
+										{% set showedRank = false %}
+									{% else %}
+										<tr bgcolor="{{ getStyle(i) }}">
+											<td colspan="5">No guild members found.</td>
+										</tr>
+									{% endfor %}
+									</tbody>
+								</table>
 							</div>
+						</div>
+					</td>
+				</tr>
+				</tbody>
+			</table>
+			{% endset %}
+			{% include 'tables.headline.html.twig' %}
+			<br/>
 
-							<table class="Table1" cellpadding="0" cellspacing="0">
+			{{ hook('HOOK_GUILDS_AFTER_GUILD_MEMBERS') }}
+			{% set title = 'Invited Characters' %}
+			{% set content %}
+			<table style="width:100%;">
+				<tbody>
+				<tr>
+					<td>
+						<div class="TableContentContainer">
+							<table class="TableContent" width="100%">
 								<tbody>
-								<tr>
-									<td>
-										<div class="InnerTableContainer">
-											<table style="width:100%;">
-												<tbody>
-												<tr>
-													<td style="word-break: break-all">
-														<div id="GuildInformationContainer">
-															{% if description is not empty %}
-																{{ description|raw }}
-																<br>
-																<br>
-															{% endif %}
-
-															{% if guild_owner is not empty %}
-																{% set guildOwnerName = guild_owner.getName() %}
-
-																<a href="{{ getPlayerLink(guildOwnerName, false) }}"><b>{{ guildOwnerName }}</b></a> is guild leader of <b>{{ guild_name }}</b>.
-																<br>
-															{% endif %}
-
-															The guild was founded on {{ config.lua.serverName }} on {{ guild_creation_date|date("j F Y") }}.
-															{% if isLeader %}
-																<a href="{{ getLink('guilds') }}?action=manager&guild={{ guild_name }}" style="float: right;">
-																	<img src="{{ template_path }}/images/global/buttons/sbutton_manageguild.png" style="width: 120px; height: 20px;" alt="Manage Guild">
-																</a>
-															{% endif %}
-														</div>
-													</td>
-												</tr>
-												</tbody>
-											</table>
-										</div>
-									</td>
+								<tr class="LabelH">
+									<td><b>Name</b></td>
 								</tr>
+
+								{% set i = 0 %}
+								{% for invited_player in invited_list if invited_list|length > 0 %}
+									{% if invited_player.isLoaded() %}
+										<tr bgcolor="{{ getStyle(i) }}">
+											{% set i = i + 1 %}
+
+											<td>
+												{{ getPlayerLink(invited_player.getName(), true)|raw }}
+
+												{% if isVice %}
+													<div style="float: right">
+														{<a href="{{ getLink('guilds') }}?action=delete_invite&guild={{ guild_name|url_encode }}&name={{ invited_player.getName()|url_encode }}">Cancel Invitation</a>}
+													</div>
+												{% endif %}
+											</td>
+										</tr>
+									{% endif %}
+								{% else %}
+									<tr bgcolor="{{ getStyle(i) }}">
+										<td>
+											No invited characters found.
+										</td>
+									</tr>
+								{% endfor %}
 								</tbody>
 							</table>
 						</div>
@@ -86,191 +192,8 @@
 				</tr>
 				</tbody>
 			</table>
-			<br/>
-
-			{{ hook('HOOK_GUILDS_AFTER_GUILD_INFORMATION') }}
-
-			<div class="TableContainer">
-				<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">Guild Members</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>
-				</div>
-
-				<table class="Table3" cellpadding="0" cellspacing="0">
-					<tbody>
-					<tr>
-						<td>
-							<div class="InnerTableContainer">
-								<table style="width:100%;">
-									<tbody>
-									<tr>
-										<td>
-											<div class="TableContentAndRightShadow">
-												<div class="TableContentContainer">
-													<table class="TableContent" width="100%">
-														<tbody>
-														<tr class="LabelH">
-															<td>Rank</td>
-															<td>Name{% if useGuildNick %} and Title{% endif %}</td>
-															<td>Vocation</td>
-															<td>Level</td>
-															<td>Status</td>
-														</tr>
-
-														{% set showedRank, i = false, 0 %}
-														{% for rank in guild_members if rank.members|length > 0 %}
-															{% set rankStyle, i = getStyle(i), i + 1  %}
-
-															{% for player in rank.members %}
-																<tr bgcolor="{{ rankStyle }}">
-																	<td>
-																		{% if not showedRank %}{{ rank.rank_name }}{% endif %}
-																		{% set showedRank = true %}
-																	</td>
-
-																	<td>
-																		{% set playerName = player.getName() %}
-																		<form action="{{ getLink('guilds') }}?action=change_nick&name={{ playerName }}&guild={{ guild_name }}" method="post">
-																			{{ csrf() }}
-																			{{ getPlayerLink(playerName, true)|raw }}
-
-																			{% set showGuildNick = false %}
-																			{% if player.getGuildNick() is not empty %}
-																				{% set showGuildNick = true %}
-																				{% set guildNickRaw = player.getGuildNick()|raw %}
-																			{% endif %}
-
-																			{% if logged %}
-																				{% if player.getId() in players_from_account_ids %}
-																					(<input type="text" name="nick" value="{{ guildNickRaw }}"><input type="submit" value="Change">)
-																				{% else %}
-																					{% if showGuildNick %} ({{ guildNickRaw }}){% endif %}
-																				{% endif %}
-
-																				{% if level_in_guild > rank.rank_level or isLeader %}
-																					{% if guildOwnerName != playerName %}
-																						<span style="font-size: 10px; float: right">
-																							{<a href="{{ getLink('guilds') }}?action=kick_player&guild={{ guild_name|url_encode }}&name={{ playerName|url_encode }}">KICK</a>}
-																						</span>
-																					{% endif %}
-																				{% endif %}
-																			{% else %}
-																				{% if showGuildNick %} ({{ guildNickRaw }}){% endif %}
-																			{% endif %}
-																		</form>
-																	</td>
-
-																	<td>{{ player.getVocationName() }}</td>
-																	<td>{{ player.getLevel() }}</td>
-																	<td>
-																		<span style="color: {% if player.isOnline() %} green;"><b>Online{% else %} red;"><b>Offline{% endif %}</b></span>
-																	</td>
-																</tr>
-															{% endfor %}
-
-															{% set showedRank = false %}
-														{% else %}
-															<tr bgcolor="{{ getStyle(i) }}">
-																<td colspan="5">No guild members found.</td>
-															</tr>
-														{% endfor %}
-														</tbody>
-													</table>
-												</div>
-											</div>
-										</td>
-									</tr>
-									</tbody>
-								</table>
-							</div>
-						</td>
-					</tr>
-					</tbody>
-				</table>
-			</div>
-			<br/>
-
-			{{ hook('HOOK_GUILDS_AFTER_GUILD_MEMBERS') }}
-
-			<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">Invited Characters</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="Table3" 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%">
-													<tbody>
-													<tr class="LabelH">
-														<td><b>Name</b></td>
-													</tr>
-
-													{% set i = 0 %}
-													{% for invited_player in invited_list if invited_list|length > 0 %}
-														{% if invited_player.isLoaded() %}
-															<tr bgcolor="{{ getStyle(i) }}">
-																{% set i = i + 1 %}
-
-																<td>
-																	{{ getPlayerLink(invited_player.getName(), true)|raw }}
-
-																	{% if isVice %}
-																		<div style="float: right">
-																			{<a href="{{ getLink('guilds') }}?action=delete_invite&guild={{ guild_name|url_encode }}&name={{ invited_player.getName()|url_encode }}">Cancel Invitation</a>}
-																		</div>
-																	{% endif %}
-																</td>
-															</tr>
-														{% endif %}
-													{% else %}
-														<tr bgcolor="{{ getStyle(i) }}">
-															<td>
-																No invited characters found.
-															</td>
-														</tr>
-													{% endfor %}
-													</tbody>
-												</table>
-											</div>
-										</td>
-									</tr>
-									</tbody>
-								</table>
-							</div>
-						</td>
-					</tr>
-					</tbody>
-				</table>
-			</div>
+			{% endset %}
+			{% include 'tables.headline.html.twig' %}
 			<br/>
 
 			{{ hook('HOOK_GUILDS_AFTER_INVITED_CHARACTERS', { 'guild': guild, 'isLeader': isLeader }) }}

system/templates/houses.html.twig

@@ -1,171 +1,151 @@
-<div class="TableContainer">
-	{% if errors is not empty %}
-		{% for error in errors %}
-			<p class="error">{{ error }}</p>
-		{% endfor %}
-	{% else %}
-		<table class="Table1" cellpadding="0" cellspacing="0" style="background-color: {{ config.lightborder }}">
-			<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" >House Search</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>
+{% set title = 'House Search' %}
+{% set content %}
+{% if errors is not empty %}
+	{% for error in errors %}
+		<p class="error">{{ error }}</p>
+	{% endfor %}
+{% else %}
+Here you can see the list of all available houses, flats{{ guildString }}.
+Click on any view button to get more information about a house or adjust
+the search criteria and start a new search.
+<br><br>
+{% if cleanOldHouse is not empty or rentType != 'never' %}
+	Every morning during global server save there is automatic house cleaning. Server delete house owners who have not logged in last {{ cleanOldHouse }} days{% if rentType != 'never' %} or have not paid {{ rentType }} house rent. Remember to leave money for a rent in {% if config.lua.bankSystem is not empty %}your house bank or {% else %}depo in same city where you have house!{% endif %}{% else %}.{% endif %}
+	<br><br>
+{% endif %}
 
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						Here you can see the list of all available houses, flats{{ guildString }}.
-						Click on any view button to get more information about a house or adjust
-						the search criteria and start a new search.
-						<br><br>
-						{% if cleanOldHouse is not empty or rentType != 'never' %}
-							Every morning during global server save there is automatic house cleaning. Server delete house owners who have not logged in last {{ cleanOldHouse }} days{% if rentType != 'never' %} or have not paid {{ rentType }} house rent. Remember to leave money for a rent in {% if config.lua.bankSystem is not empty %}your house bank or {% else %}depo in same city where you have house!{% endif %}{% else %}.{% endif %}
-							<br><br>
-						{% endif %}
+{% if houses is not empty or housesSearch %}
+<table border="0" cellspacing="1" cellpadding="4" width="100%">
+	<tbody>
+		<tr bgcolor="{{ config.vdarkborder }}">
+			<td colspan="6" class="white"><b>Available {{ houseType }}{% if townName is not empty %} in {{ townName }}{% endif %} on <b>{{ config.lua.serverName }}</b></b></td>
+		</tr>
 
-						{% if houses is not empty or housesSearch %}
-						<table border="0" cellspacing="1" cellpadding="4" width="100%">
-							<tbody>
-								<tr bgcolor="{{ config.vdarkborder }}">
-									<td colspan="6" class="white"><b>Available {{ houseType }}{% if townName is not empty %} in {{ townName }}{% endif %} on <b>{{ config.lua.serverName }}</b></b></td>
-								</tr>
+		<tr bgcolor="{{ config.darkborder }}">
+			{% if houses is not empty %}
+				<td width="40%"><b>Name</b></td>
+				<td width="10%"><b>Size</b></td>
+				<td width="10%"><b>Rent</b></td>
 
-								<tr bgcolor="{{ config.darkborder }}">
-									{% if houses is not empty %}
-										<td width="40%"><b>Name</b></td>
-										<td width="10%"><b>Size</b></td>
-										<td width="10%"><b>Rent</b></td>
+				<td width="40%"><b>Status</b></td>
+				<td>&nbsp;</td>
+			{% elseif housesSearch %}
+				<td>No {{ houseType }} with specified criterias.</td>
+			{% endif %}
+		</tr>
 
-										<td width="40%"><b>Status</b></td>
-										<td>&nbsp;</td>
-									{% elseif housesSearch %}
-										<td>No {{ houseType }} with specified criterias.</td>
-									{% endif %}
-								</tr>
+		{% if houses is not empty %}
+			{% set i = 0 %}
+			{% for house in houses %}
+				{% set i = i + 1 %}
+				<tr bgcolor="{{ getStyle(i) }}">
+					<td width="40%">
+						{{ house.name }}
+					</td>
 
-								{% if houses is not empty %}
-									{% set i = 0 %}
-									{% for house in houses %}
-										{% set i = i + 1 %}
-										<tr bgcolor="{{ getStyle(i) }}">
-											<td width="40%">
-												{{ house.name }}
-											</td>
+					<td width="10%">
+						{{ house.size }}
+					</td>
 
-											<td width="10%">
-												{{ house.size }}
-											</td>
+					<td width="10%">
+						{{ house.rent }} golds
+					</td>
 
-											<td width="10%">
-												{{ house.rent }} golds
-											</td>
+					<td width="40%">
+						{{ house.rentedBy|raw }}
+					</td>
 
-											<td width="40%">
-												{{ house.rentedBy|raw }}
-											</td>
-
-											<td>
-												<form action="{{ getLink('houses/view') }}" method="post">
-													<input type="hidden" name="house" value="{{ house.name }}">
-													{{ include('buttons.view.html.twig') }}
-												</form>
-											</td>
-										</tr>
-									{% endfor %}
-								{% endif %}
-							</tbody>
-						</table>
-						<br>
-						{% endif %}
-
-						<form action="{{ getLink('houses') }}" method="post">
-							<table border="0" cellspacing="1" cellpadding="4" width="100%">
-								<tbody>
-									<tr bgcolor="{{ config.vdarkborder }}">
-										<td colspan="4" class="white"><b>House Search</b></td>
-									</tr>
-
-									<tr bgcolor="{{ config.darkborder }}">
-										<td width="25%"><b>Town</b></td>
-										<td width="25%"><b>Status</b></td>
-										<td width="25%"><b>Order</b></td>
-									</tr>
-
-									<tr bgcolor="{{ config.darkborder }}">
-										<td valign="top" rowspan="2">
-											{% set checked = false %}
-											{% for id, name in config.towns if id > 0 %}
-												{% if ((townId is empty and name is not empty) or id == townId) and not checked %}
-													{% set variable = "checked" %}
-													{% set checked = true %}
-												{% else %}
-													{% set variable = "" %}
-												{% endif %}
-
-												<input type="radio" name="town" id="town_{{ id }}" value="{{ id }}"{% if variable is defined %} {{ variable }}{% endif %}>
-												<label for="town_{{ id }}"> {{ name }}</label>
-												<br>
-											{% endfor %}
-										</td>
-
-										<td valign="top">
-											<input type="radio" name="state" id="state_all" value=""{% if state is empty %} checked{% endif %}>
-											<label for="state_all">all states</label><br>
-
-											<input type="radio" name="state" id="state_free" value="free"{% if state == 'free' %} checked{% endif %}>
-											<label for="state_free">free</label><br>
-
-											<input type="radio" name="state" id="state_rented" value="rented"{% if state == 'rented' %} checked{% endif %}>
-											<label for="state_rented">rented</label><br>
-										</td>
-
-										<td valign="top" rowspan="2">
-											<input type="radio" name="order" id="order_name" value=""{% if order is empty %} checked{% endif %}>
-											<label for="order_name"> by name</label><br>
-
-											<input type="radio" name="order" id="order_size" value="size"{% if order == 'size' %} checked{% endif %}>
-											<label for="order_size"> by size</label><br>
-
-											<input type="radio" name="order" id="order_rent" value="rent"{% if order == 'rent' %} checked{% endif %}>
-											<label for="order_rent"> by rent</label><br>
-										</td>
-									</tr>
-
-									<tr bgcolor="{{ config.darkborder }}">
-										<td valign="top">
-											<input type="radio" name="type" id="type_all" value=""{% if type is empty %} checked{% endif %}>
-											<label for="type"> all</label><br>
-											<input type="radio" name="type" id="type_houses" value="houses"{% if type == 'houses' %} checked{% endif %}>
-											<label for="type_houses"> houses and flats</label><br>
-											<input type="radio" name="type" id="type_guildhalls" value="guildhalls"{% if type == 'guildhalls' %} checked{% endif %}>
-											<label for="type_guildhalls"> guildhalls</label><br>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-							<br>
-
-							<table border="0" cellspacing="0" cellpadding="0" width="100%">
-								<tbody>
-									<tr align="center">
-										<td>
-											{{ include('buttons.submit.html.twig') }}
-										</td>
-									</tr>
-								</tbody>
-							</table>
+					<td>
+						<form action="{{ getLink('houses/view') }}" method="post">
+							<input type="hidden" name="house" value="{{ house.name }}">
+							{{ include('buttons.view.html.twig') }}
 						</form>
-					</div>
+					</td>
+				</tr>
+			{% endfor %}
+		{% endif %}
+	</tbody>
+</table>
+<br>
+{% endif %}
+
+<form action="{{ getLink('houses') }}" method="post">
+	<table border="0" cellspacing="1" cellpadding="4" width="100%">
+		<tbody>
+			<tr bgcolor="{{ config.vdarkborder }}">
+				<td colspan="4" class="white"><b>House Search</b></td>
+			</tr>
+
+			<tr bgcolor="{{ config.darkborder }}">
+				<td width="25%"><b>Town</b></td>
+				<td width="25%"><b>Status</b></td>
+				<td width="25%"><b>Order</b></td>
+			</tr>
+
+			<tr bgcolor="{{ config.darkborder }}">
+				<td valign="top" rowspan="2">
+					{% set checked = false %}
+					{% for id, name in config.towns if id > 0 %}
+						{% if ((townId is empty and name is not empty) or id == townId) and not checked %}
+							{% set variable = "checked" %}
+							{% set checked = true %}
+						{% else %}
+							{% set variable = "" %}
+						{% endif %}
+
+						<input type="radio" name="town" id="town_{{ id }}" value="{{ id }}"{% if variable is defined %} {{ variable }}{% endif %}>
+						<label for="town_{{ id }}"> {{ name }}</label>
+						<br>
+					{% endfor %}
+				</td>
+
+				<td valign="top">
+					<input type="radio" name="state" id="state_all" value=""{% if state is empty %} checked{% endif %}>
+					<label for="state_all">all states</label><br>
+
+					<input type="radio" name="state" id="state_free" value="free"{% if state == 'free' %} checked{% endif %}>
+					<label for="state_free">free</label><br>
+
+					<input type="radio" name="state" id="state_rented" value="rented"{% if state == 'rented' %} checked{% endif %}>
+					<label for="state_rented">rented</label><br>
+				</td>
+
+				<td valign="top" rowspan="2">
+					<input type="radio" name="order" id="order_name" value=""{% if order is empty %} checked{% endif %}>
+					<label for="order_name"> by name</label><br>
+
+					<input type="radio" name="order" id="order_size" value="size"{% if order == 'size' %} checked{% endif %}>
+					<label for="order_size"> by size</label><br>
+
+					<input type="radio" name="order" id="order_rent" value="rent"{% if order == 'rent' %} checked{% endif %}>
+					<label for="order_rent"> by rent</label><br>
 				</td>
 			</tr>
-		</table>
-	{% endif %}
-</div>
+
+			<tr bgcolor="{{ config.darkborder }}">
+				<td valign="top">
+					<input type="radio" name="type" id="type_all" value=""{% if type is empty %} checked{% endif %}>
+					<label for="type"> all</label><br>
+					<input type="radio" name="type" id="type_houses" value="houses"{% if type == 'houses' %} checked{% endif %}>
+					<label for="type_houses"> houses and flats</label><br>
+					<input type="radio" name="type" id="type_guildhalls" value="guildhalls"{% if type == 'guildhalls' %} checked{% endif %}>
+					<label for="type_guildhalls"> guildhalls</label><br>
+				</td>
+			</tr>
+		</tbody>
+	</table>
+	<br>
+
+	<table border="0" cellspacing="0" cellpadding="0" width="100%">
+		<tbody>
+			<tr align="center">
+				<td>
+					{{ include('buttons.submit.html.twig') }}
+				</td>
+			</tr>
+		</tbody>
+	</table>
+</form>
+{% endif %}
+{% endset %}
+{% include 'tables.headline.html.twig' %}

system/templates/houses.view.html.twig

@@ -1,51 +1,32 @@
-<div class="TableContainer">
-	{% if errors is not empty %}
-		{% for error in errors %}
-			<p class="error">{{ error }}</p>
-		{% endfor %}
-	{% else %}
-		<table class="Table1" cellpadding="0" cellspacing="0" style="background-color: {{ config.lightborder }}">
-			<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" >{{ houseName }}</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>
+{% set title = houseName %}
+{% set content %}
 
-			<tr>
-				<td>
-					<div class="InnerTableContainer">
-						<table border="0" cellpadding="4" cellspacing="1" width="100%">
-							<tr style="display: inline-flex;">
-								<td><img src="{{ imgPath }}"></td>
-								<td>
-									{{ bedsMessage }} and has a size of <b>{{ houseSize }} square meters</b>.
+{% if errors is not empty %}
+	{% for error in errors %}
+		<p class="error">{{ error }}</p>
+	{% endfor %}
+{% else %}
+<table border="0" cellpadding="4" cellspacing="1" width="100%">
+	<tr style="display: inline-flex;">
+		<td><img src="{{ imgPath }}"></td>
+		<td>
+			{{ bedsMessage }} and has a size of <b>{{ houseSize }} square meters</b>.
 
-									{% if rentType != 'never' %}
-										The {{ rentType }} is <b>{{ houseRent }} gold</b> and will be debited to the bank account on <b>{{ config.lua.serverName }}</b>.
-									{% endif %}
-									<br>
+			{% if rentType != 'never' %}
+				The {{ rentType }} is <b>{{ houseRent }} gold</b> and will be debited to the bank account on <b>{{ config.lua.serverName }}</b>.
+			{% endif %}
+			<br>
 
-									{% if owner is not empty  %}
-									The house has been rented by <b>{{ owner|raw }}</b>.
-									{% else %}
-									No one has bought this house yet.
-									{% endif %}
-								</td>
-							</tr>
-						</table>
-					</div>
-				</td>
-			</tr>
-		</table>
-	{% endif %}
+			{% if owner is not empty  %}
+			The house has been rented by <b>{{ owner|raw }}</b>.
+			{% else %}
+			No one has bought this house yet.
+			{% endif %}
+		</td>
+	</tr>
+</table>
+{% endif %}
 
-</div>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br><br>

system/templates/lastkills.html.twig

@@ -1,72 +1,53 @@
-<div class="TableContainer" >
-	<table class="Table3">
-		<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" >Last Kills</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>
+{% set title = 'Last Kills' %}
+{% set content %}
+<table style="width:100%;">
+	<tbody>
+	<tr>
+		<td>
+			<div class="TableShadowContainerRightTop">
+				<div class="TableShadowRightTop" style="background-image:url({{ template_path }}/images/content/table-shadow-rt.gif);"></div>
 			</div>
-		</div>
-		<tr>
-			<td>
-				<div class="InnerTableContainer" >
-					<table style="width:100%;">
-						<tbody>
-						<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 lastkills|length <= 0 %}
-												<tr>
-													<td>
-														No one died on {{ config.lua.serverName }}
-													</td>
-												</tr>
-											{% else %}
-												{% for lastkill in lastkills %}
-												<tr bgcolor="{{ getStyle(lastkill.id) }}">
-													<td class="centralizeContent" width="30">
-														{{ lastkill.id }}.
-													</td>
-													<td width="125">
-														<small>{{ lastkill.time|date("j.m.Y, G:i:s") }}</small>
-													</td>
-													<td>
-														{{ lastkill.killers_string|raw }}
-													</td>
-													{% if config.multiworld %}
-														<td>
-															{{ lastkill.world_id }}
-														</td>
-													{% endif %}
-												</tr>
-												{% endfor %}
-											{% endif %}
-										</table>
-									</div>
-								</div>
-								<div class="TableShadowContainer">
-									<div class="TableBottomShadow" style="background-image:url(https://static.tibia.com/images/global/content/table-shadow-bm.gif);">
-										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
-									</div>
-								</div>
-							</td>
-						</tr>
-						</tbody>
+			<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-rm.gif);">
+				<div class="TableContentContainer">
+					<table class="TableContent" width="100%">
+						{% if lastkills|length <= 0 %}
+							<tr>
+								<td>
+									No one died on {{ config.lua.serverName }}
+								</td>
+							</tr>
+						{% else %}
+							{% for lastkill in lastkills %}
+							<tr bgcolor="{{ getStyle(lastkill.id) }}">
+								<td class="centralizeContent" width="30">
+									{{ lastkill.id }}.
+								</td>
+								<td width="125">
+									<small>{{ lastkill.time|date("j.m.Y, G:i:s") }}</small>
+								</td>
+								<td>
+									{{ lastkill.killers_string|raw }}
+								</td>
+								{% if config.multiworld %}
+									<td>
+										{{ lastkill.world_id }}
+									</td>
+								{% endif %}
+							</tr>
+							{% endfor %}
+						{% endif %}
 					</table>
 				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+			</div>
+			<div class="TableShadowContainer">
+				<div class="TableBottomShadow" style="background-image:url(https://static.tibia.com/images/global/content/table-shadow-bm.gif);">
+					<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+					<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
+				</div>
+			</div>
+		</td>
+	</tr>
+	</tbody>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}

system/templates/tables.headline.html.twig

@@ -1,24 +1,14 @@
-<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" >{{ title|raw }}</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" style="background-color: {{ config.lightborder }}">
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					{{ content|raw }}
-				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+<table border="0" cellspacing="1" cellpadding="4" width="100%">
+	<thead>
+	<tr bgcolor="{{ config.vdarkborder }}">
+		<td colspan="3" class="white"><b>{{ title|raw }}</b></td>
+	</tr>
+	</thead>
+	<tbody>
+	<tr style="background-color: {% if background is not null %}{{ background }}{% else %}{{ config.lightborder }}{% endif %}">
+		<td>
+			{{ content|raw }}
+		</td>
+	</tr>
+	</tbody>
+</table>

system/templates/team.html.twig

@@ -1,186 +1,170 @@
-<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" >Support in game</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="Table1" cellpadding="0" cellspacing="0" style="background-color: {{ config.darkborder }}">
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					{% set i = 0 %}
-					{% if setting('core.team_style') == 1 %}
+{% set title = 'Support in game' %}
+{% set content %}
+{% set i = 0 %}
 
-						<table border="0" cellpadding="4" cellspacing="1" width="100%">
-							<tr bgcolor="{{ config.vdarkborder }}">
-								<td width="10%" class="white">
-									<b>Group</b>
-								</td>
-
-								{% if setting('core.team_outfit') %}
-								<td width="5%" class="white">
-									<b>Outfit</b>
-								</td>
-								{% endif %}
-
-								<td width="40%" class="white">
-									<b>Name</b>
-								</td>
-
-								{% if setting('core.team_status') %}
-								<td class="white">
-									<b>Status</b>
-								</td>
-								{% endif %}
-
-								{% if (setting('core.multiworld') or setting('core.team_world')) %}
-								<td class="white">
-									<b>World</b>
-								</td>
-								{% endif %}
-
-								{% if setting('core.team_lastlogin') %}
-								<td class="white">
-									<b>Last login</b>
-								</td>
-								{% endif %}
-							</tr>
-
-							{% for group in groupmember|reverse %}
-								{% if group.members is not empty %}
-									{% for member in group.members|reverse %}
-									{% set i = i + 1 %}
-									<tr bgcolor="{{ getStyle(i) }}" style="height: 32px;">
-										<td>{{ group.group_name|capitalize }}</td>
-
-										{% if setting('core.team_outfit') %}
-										<td>
-											<img style="position: absolute; margin-top: {% if member.player.looktype in setting('core.outfit_images_wrong_looktypes') %}-16px;margin-left:-0px;{% else %} -45px; margin-left: -30px;{%  endif %}" src="{{ member.outfit }}" alt="player outfit"/>
-										</td>
-										{% endif %}
-
-										<td>
-											{% if setting('core.account_country') %}
-												{{ member.flag_image|raw }}
-											{% endif %}
-											{{ member.link|raw }}
-										</td>
-
-										{% if setting('core.team_status') %}
-										<td>
-											{% if member.status %}
-												<span style="color: green"><b>Online</b></span>
-											{% else %}
-												<span style="color: red"><b>Offline</b></span>
-											{% endif %}
-										</td>
-										{% endif %}
-
-										{% if (setting('core.multiworld') or setting('core.team_world')) %}
-										<td>
-											<span><b>{{ member.world_name }}</b></span>
-										</td>
-										{% endif %}
-
-										{% if setting('core.team_lastlogin') %}
-										<td>
-											<span>{{ member.last_login }}</span>
-										</td>
-										{% endif %}
-									</tr>
-									{% endfor %}
-								{% endif %}
-							{% endfor %}
-						</table>
-					{% elseif setting('core.team_style') == 2 %}
-						{% for group in groupmember|reverse %}
-							{% if group.members is not empty %}
-							<div style="text-align:center"><h2>{{ group.group_name|capitalize }}</h2></div>
-
-							<table cellspacing="1" cellpadding="4" border="0" width="100%">
-								<tr bgcolor="{{ config.vdarkborder }}">
-									{% if setting('core.team_outfit') %}
-									<td width="5%" class="white">
-										<b>Outfit</b>
-									</td>
-									{% endif %}
-
-									<td width="40%" class="white">
-										<b>Name</b>
-									</td>
-
-									{% if setting('core.team_status') %}
-									<td class="white">
-										<b>Status</b>
-									</td>
-									{% endif %}
-
-									{% if (setting('core.multiworld') or setting('core.team_world')) %}
-									<td class="white">
-										<b>World</b>
-									</td>
-									{% endif %}
-
-									{% if setting('core.team_lastlogin') %}
-									<td class="white">
-										<b>Last login</b>
-									</td>
-									{% endif %}
-								</tr>
-
-								{% for member in group.members %}
-								{% set i = i + 1 %}
-									<tr bgcolor="{{ getStyle(i) }}" style="height: 32px;">
-									{% if setting('core.team_outfit') %}
-									<td>
-										<img style="position: absolute; margin-top: {% if member.player.looktype in setting('core.outfit_images_wrong_looktypes') %}-16px;margin-left:-0px;{% else %} -45px; margin-left: -30px;{%  endif %}" src="{{ member.outfit }}" alt="player outfit"/>
-									</td>
-									{% endif %}
-
-									<td>
-										{% if setting('core.account_country') %}
-											{{ member.flag_image|raw }}
-										{% endif %}
-										{{ member.link|raw }}
-									</td>
-
-									{% if setting('core.team_status') %}
-									<td>
-										{% if member.status %}
-											<span style="color: green"><b>Online</b></span>
-										{% else %}
-											<span style="color: red"><b>Offline</b></span>
-										{% endif %}
-									</td>
-									{% endif %}
-
-									{% if (setting('core.multiworld') or setting('core.team_world')) %}
-									<td>
-										<span><b>{{ member.world_name }}</b></span>
-									</td>
-									{% endif %}
-
-									{% if setting('core.team_lastlogin') %}
-									<td>
-										<span>{{ member.last_login }}</span>
-									</td>
-									{% endif %}
-								</tr>
-								{% endfor %}
-							</table>
-							{% endif %}
-						{% endfor %}
-					{% endif %}
-				</div>
+{% if setting('core.team_style') == 1 %}
+	<table border="0" cellpadding="4" cellspacing="1" width="100%">
+		<tr bgcolor="{{ config.vdarkborder }}">
+			<td width="10%" class="white">
+				<b>Group</b>
 			</td>
+
+			{% if setting('core.team_outfit') %}
+			<td width="5%" class="white">
+				<b>Outfit</b>
+			</td>
+			{% endif %}
+
+			<td width="40%" class="white">
+				<b>Name</b>
+			</td>
+
+			{% if setting('core.team_status') %}
+			<td class="white">
+				<b>Status</b>
+			</td>
+			{% endif %}
+
+			{% if (setting('core.multiworld') or setting('core.team_world')) %}
+			<td class="white">
+				<b>World</b>
+			</td>
+			{% endif %}
+
+			{% if setting('core.team_lastlogin') %}
+			<td class="white">
+				<b>Last login</b>
+			</td>
+			{% endif %}
 		</tr>
+
+		{% for group in groupmember|reverse %}
+			{% if group.members is not empty %}
+				{% for member in group.members|reverse %}
+				{% set i = i + 1 %}
+				<tr bgcolor="{{ getStyle(i) }}" style="height: 32px;">
+					<td>{{ group.group_name|capitalize }}</td>
+
+					{% if setting('core.team_outfit') %}
+					<td>
+						<img style="position: absolute; margin-top: {% if member.player.looktype in setting('core.outfit_images_wrong_looktypes') %}-16px;margin-left:-0px;{% else %} -45px; margin-left: -30px;{%  endif %}" src="{{ member.outfit }}" alt="player outfit"/>
+					</td>
+					{% endif %}
+
+					<td>
+						{% if setting('core.account_country') %}
+							{{ member.flag_image|raw }}
+						{% endif %}
+						{{ member.link|raw }}
+					</td>
+
+					{% if setting('core.team_status') %}
+					<td>
+						{% if member.status %}
+							<span style="color: green"><b>Online</b></span>
+						{% else %}
+							<span style="color: red"><b>Offline</b></span>
+						{% endif %}
+					</td>
+					{% endif %}
+
+					{% if (setting('core.multiworld') or setting('core.team_world')) %}
+					<td>
+						<span><b>{{ member.world_name }}</b></span>
+					</td>
+					{% endif %}
+
+					{% if setting('core.team_lastlogin') %}
+					<td>
+						<span>{{ member.last_login }}</span>
+					</td>
+					{% endif %}
+				</tr>
+				{% endfor %}
+			{% endif %}
+		{% endfor %}
 	</table>
-</div>
+
+	{% elseif setting('core.team_style') == 2 %}
+
+	{% for group in groupmember|reverse %}
+		{% if group.members is not empty %}
+		<div style="text-align:center"><h2>{{ group.group_name|capitalize }}</h2></div>
+
+		<table cellspacing="1" cellpadding="4" border="0" width="100%">
+			<tr bgcolor="{{ config.vdarkborder }}">
+				{% if setting('core.team_outfit') %}
+				<td width="5%" class="white">
+					<b>Outfit</b>
+				</td>
+				{% endif %}
+
+				<td width="40%" class="white">
+					<b>Name</b>
+				</td>
+
+				{% if setting('core.team_status') %}
+				<td class="white">
+					<b>Status</b>
+				</td>
+				{% endif %}
+
+				{% if (setting('core.multiworld') or setting('core.team_world')) %}
+				<td class="white">
+					<b>World</b>
+				</td>
+				{% endif %}
+
+				{% if setting('core.team_lastlogin') %}
+				<td class="white">
+					<b>Last login</b>
+				</td>
+				{% endif %}
+			</tr>
+
+			{% for member in group.members %}
+			{% set i = i + 1 %}
+				<tr bgcolor="{{ getStyle(i) }}" style="height: 32px;">
+				{% if setting('core.team_outfit') %}
+				<td>
+					<img style="position: absolute; margin-top: {% if member.player.looktype in setting('core.outfit_images_wrong_looktypes') %}-16px;margin-left:-0px;{% else %} -45px; margin-left: -30px;{%  endif %}" src="{{ member.outfit }}" alt="player outfit"/>
+				</td>
+				{% endif %}
+
+				<td>
+					{% if setting('core.account_country') %}
+						{{ member.flag_image|raw }}
+					{% endif %}
+					{{ member.link|raw }}
+				</td>
+
+				{% if setting('core.team_status') %}
+				<td>
+					{% if member.status %}
+						<span style="color: green"><b>Online</b></span>
+					{% else %}
+						<span style="color: red"><b>Offline</b></span>
+					{% endif %}
+				</td>
+				{% endif %}
+
+				{% if (setting('core.multiworld') or setting('core.team_world')) %}
+				<td>
+					<span><b>{{ member.world_name }}</b></span>
+				</td>
+				{% endif %}
+
+				{% if setting('core.team_lastlogin') %}
+				<td>
+					<span>{{ member.last_login }}</span>
+				</td>
+				{% endif %}
+			</tr>
+			{% endfor %}
+		</table>
+		{% endif %}
+	{% endfor %}
+{% endif %}
+
+{% endset %}
+{% include 'tables.headline.html.twig' %}

templates/tibiacom/account.management.html.twig

@@ -119,124 +119,107 @@
 		</a>
 	</div>
 </div>
-<div class="TableContainer">
-	<table class="Table3" cellpadding="0" cellspacing="0">
-		<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" >General 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>
+{% 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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<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}}</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>{{ "now"|date("j F Y, G:i:s") }}</td>
-											</tr>
-											{% autoescape false %}
-											<tr style="background-color: {{ config.lightborder }};" >
-												<td class="LabelV" >Account Status:</td>
-												<td>{{ account_status }}</td>
-											</tr>
-											<tr style="background-color: {{ config.darkborder }};" >
-												<td class="LabelV" >Registered:</td>
-												<td>{{ account_registered }}</td>
-											</tr>
-											{% endautoescape %}
-										</table>
-									</div>
-								</div>
-								<div class="TableShadowContainer">
-									<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);" >
-										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>  									</div>
-								</div>
-							</td>
+			<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>
-						<tr>
-							<td>
-								<table class="InnerTableButtonRow" cellpadding="0" cellspacing="0">
-									<tr>
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0">
-												<form action="{{ getLink('account/password') }}" method="post">
-													<tr>
-														<td style="border:0px;" >
-															{{ include('buttons.change_password.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0">
-												<form action="{{ getLink('account/email') }}" method="post">
-													<tr>
-														<td style="border:0px;">
-															<input type="hidden" name="newemail" value=""/>
-															<input type="hidden" name="newemaildate" value="0">
-															{{ include('buttons.change_email.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										<td width="100%"></td>
-										{# show button "register account" #}
-										{% if recovery_key is empty %}
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0">
-												<form action="{{ getLink('account/register') }}" method="post">
-													<tr>
-														<td style="border:0px;">
-															{{ include('buttons.register_account.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										{% endif %}
-									</tr>
-								</table>
-							</td>
+						{% endif %}
+						<tr style="background-color: {{ config.darkborder }};" >
+							<td class="LabelV" >Email Address:</td>
+							<td style="width:90%;" >{{ account_email ~ email_change}}</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>{{ "now"|date("j F Y, G:i:s") }}</td>
+						</tr>
+						{% autoescape false %}
+						<tr style="background-color: {{ config.lightborder }};">
+							<td class="LabelV" >Account Status:</td>
+							<td>{{ account_status }}</td>
+						</tr>
+						<tr style="background-color: {{ config.darkborder }};" >
+							<td class="LabelV" >Registered:</td>
+							<td>{{ account_registered }}</td>
+						</tr>
+						{% endautoescape %}
 					</table>
 				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+			</div>
+			<div class="TableShadowContainer">
+				<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);" >
+					<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+					<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
+				</div>
+			</div>
+		</td>
+	</tr>
+	<tr>
+		<td>
+			<table class="InnerTableButtonRow" cellpadding="0" cellspacing="0">
+				<tr>
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0">
+							<form action="{{ getLink('account/password') }}" method="post">
+								<tr>
+									<td style="border:0px;" >
+										{{ include('buttons.change_password.html.twig') }}
+									</td>
+								</tr>
+							</form>
+						</table>
+					</td>
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0">
+							<form action="{{ getLink('account/email') }}" method="post">
+								<tr>
+									<td style="border:0px;">
+										<input type="hidden" name="newemail" value=""/>
+										<input type="hidden" name="newemaildate" value="0">
+										{{ include('buttons.change_email.html.twig') }}
+									</td>
+								</tr>
+							</form>
+						</table>
+					</td>
+					<td width="100%"></td>
+					{# show button "register account" #}
+					{% if recovery_key is empty %}
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0">
+							<form action="{{ getLink('account/register') }}" method="post">
+								<tr>
+									<td style="border:0px;">
+										{{ include('buttons.register_account.html.twig') }}
+									</td>
+								</tr>
+							</form>
+						</table>
+					</td>
+					{% endif %}
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <a name="Public+Information"></a>
 <div class="TopButtonContainer">
@@ -246,74 +229,56 @@
 		</a>
 	</div>
 </div>
-<div class="TableContainer">
-	<table class="Table5" cellpadding="0" cellspacing="0">
-		<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>
+{% set title = 'Public Information' %}
+{% set tableClass = 'Table5' %}
+{% 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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<table style="width:100%;">
+			<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-rm.gif);" >
+				<div class="TableContentContainer">
+					<table class="TableContent" 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%">
-											<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" >Location:</td>
-															<td style="width:90%;" >{{ account_location }}</td>
-														</tr>
-													</table>
-												</td>
-												<td align=right>
-													<table border="0" cellspacing="0" cellpadding="0">
-														<form action="{{ getLink('account/info') }}" method="post">
-															<tr>
-																<td style="border:0px;">
-																	{{ include('buttons.edit.html.twig') }}
-																</td>
-															</tr>
-														</form>
-													</table>
-												</td>
-											</tr>
-										</table>
-									</div>
-								</div>
-								<div class="TableShadowContainer">
-									<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);">
-										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>  									</div>
-								</div>
+								<table style="width:100%;">
+									<tr>
+										<td class="LabelV" >Real Name:</td>
+										<td style="width:90%;" >{{ account_rlname }}</td>
+									</tr>
+									<tr>
+										<td class="LabelV" >Location:</td>
+										<td style="width:90%;" >{{ account_location }}</td>
+									</tr>
+								</table>
+							</td>
+							<td align=right>
+								<table border="0" cellspacing="0" cellpadding="0">
+									<form action="{{ getLink('account/info') }}" method="post">
+										<tr>
+											<td style="border:0px;">
+												{{ include('buttons.edit.html.twig') }}
+											</td>
+										</tr>
+									</form>
+								</table>
 							</td>
 						</tr>
 					</table>
 				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+			</div>
+			<div class="TableShadowContainer">
+				<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);">
+					<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+					<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>  									</div>
+			</div>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <a name="Account+Logs" ></a>
 <div class="TopButtonContainer">
@@ -323,68 +288,50 @@
 		</a>
 	</div>
 </div>
-<div class="TableContainer">
-	<table class="Table5" cellpadding="0" cellspacing="0">
-		<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>
+{% set title = 'Account logs' %}
+{% 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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<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%">
-											<tr class="LabelH">
-												<td style="width:60%">Action</td>
-												<td style="width:25%">Date</td>
-												<td style="width:15%">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("jS F Y H:i:s") }}</td>
-												<td>{{ action.ip }}</td>
-											</tr>
-											{% endfor %}
-											{% endautoescape %}
-										</table>
-									</div>
-								</div>
-								<div class="TableShadowContainer" >
-									<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);" >
-										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
-									</div>
-								</div>
-							</td>
-							<td align=right>
-							</td>
+			<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-rm.gif);" >
+				<div class="TableContentContainer" >
+					<table class="TableContent" width="100%">
+						<tr class="LabelH">
+							<td style="width:60%">Action</td>
+							<td style="width:25%">Date</td>
+							<td style="width:15%">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("jS F Y H:i:s") }}</td>
+							<td>{{ action.ip }}</td>
+						</tr>
+						{% endfor %}
+						{% endautoescape %}
 					</table>
 				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+			</div>
+			<div class="TableShadowContainer" >
+				<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);" >
+					<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+					<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
+				</div>
+			</div>
+		</td>
+		<td align=right>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/>
 <a name="Characters" ></a>
 <div class="TopButtonContainer">
@@ -394,128 +341,110 @@
 		</a>
 	</div>
 </div>
-<div class="TableContainer">
-	<table class="Table5" cellpadding="0" cellspacing="0">
-		<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">Characters</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>
+{% set title = 'Characters' %}
+{% 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>
-		<tr>
-			<td>
-				<div class="InnerTableContainer">
-					<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%">
-											<tr class="LabelH">
-												<td style="width:65%">Name</td>
-												<td style="width:15%">Level</td>
-												<td style="width:7%">Status</td>
-												<td style="width:5%">&#160;</td>
-											</tr>
-											{% set i = 0 %}
-											{% for player in players %}
-												{% set i = i + 1 %}
-											<tr style="background-color: {{ getStyle(i) }};">
-												<td>
-													<nobr>{{ i }}. {{ player.getName() }}{% if player.isDeleted() %}<span style="color: red"><b> [ DELETED ] </b></span>{% endif %}</nobr>
-												</td>
-												<td>
-													<nobr>{{ player.getLevel() }} {{ config.vocations[player.getVocation()] }}</nobr>
-												</td>
-												{% if player.isOnline() %}
-												<td><span style="color: green"><b>Online</b></span></td>
-												{% else %}
-												<td><span style="color: red"><b>Offline</b></span></td>
-												{% endif %}
-												<td>{% if not player.isDeleted() %}[<a href="{{ getLink('account/character/comment/' ~ player.getName|urlencode) }}" >Edit</a>]{% endif %}</td>
-											</tr>
-											{% endfor %}
-										</table>
-									</div>
-								</div>
-								<div class="TableShadowContainer">
-									<div class="TableBottomShadow" style="background-image:url('.$template_path.'/images/content/table-shadow-bm.gif);" >
-										<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
-										<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>  									</div>
-								</div>
-							</td>
+			<div class="TableContentAndRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-rm.gif);">
+				<div class="TableContentContainer">
+					<table class="TableContent" width="100%">
+						<tr class="LabelH">
+							<td style="width:65%">Name</td>
+							<td style="width:15%">Level</td>
+							<td style="width:7%">Status</td>
+							<td style="width:5%">&#160;</td>
 						</tr>
-						<tr>
+						{% set i = 0 %}
+						{% for player in players %}
+							{% set i = i + 1 %}
+						<tr style="background-color: {{ getStyle(i) }};">
 							<td>
-								<table class="InnerTableButtonRow" cellpadding="0" cellspacing="0" >
-									<tr>
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0" >
-												<form action="{{ getLink('account/character/create') }}" method="post" >
-													<tr>
-														<td style="border:0px;" >
-															{{ include('buttons.create_character.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										{% if setting('core.account_change_character_name') %}
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0" >
-												<form action="{{ getLink('account/character/name') }}" method="post" >
-													<tr>
-														<td style="border:0px;" >
-															{{ include('buttons.change_name.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										{% endif %}
-										{% if setting('core.account_change_character_sex') %}
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0" >
-												<form action="{{ getLink('account/character/sex') }}" method="post" >
-													<tr>
-														<td style="border:0px;" >
-															{{ include('buttons.change_sex.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-										{% endif %}
-										<td style="width:100%;" ></td>
-										<td>
-											<table border="0" cellspacing="0" cellpadding="0">
-												<form action="{{ getLink('account/character/delete') }}" method="post">
-													<tr>
-														<td style="border:0px;">
-															{{ include('buttons.delete_character.html.twig') }}
-														</td>
-													</tr>
-												</form>
-											</table>
-										</td>
-									</tr>
-								</table>
+								<nobr>{{ i }}. {{ player.getName() }}{% if player.isDeleted() %}<span style="color: red"><b> [ DELETED ] </b></span>{% endif %}</nobr>
 							</td>
+							<td>
+								<nobr>{{ player.getLevel() }} {{ config.vocations[player.getVocation()] }}</nobr>
+							</td>
+							{% if player.isOnline() %}
+							<td><span style="color: green"><b>Online</b></span></td>
+							{% else %}
+							<td><span style="color: red"><b>Offline</b></span></td>
+							{% endif %}
+							<td>{% if not player.isDeleted() %}[<a href="{{ getLink('account/character/comment/' ~ player.getName|urlencode) }}" >Edit</a>]{% endif %}</td>
 						</tr>
+						{% endfor %}
 					</table>
 				</div>
-			</td>
-		</tr>
-	</table>
-</div>
+			</div>
+			<div class="TableShadowContainer">
+				<div class="TableBottomShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bm.gif);" >
+					<div class="TableBottomLeftShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-bl.gif);"></div>
+					<div class="TableBottomRightShadow" style="background-image:url({{ template_path }}/images/content/table-shadow-br.gif);"></div>
+				</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:0px;">
+									<form action="{{ getLink('account/character/create') }}" method="post" >
+										{{ include('buttons.create_character.html.twig') }}
+									</form>
+								</td>
+							</tr>
+						</table>
+					</td>
+					{% if setting('core.account_change_character_name') %}
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0" >
+							<tr>
+								<td style="border:0px;">
+									<form action="{{ getLink('account/character/name') }}" method="post" >
+										{{ include('buttons.change_name.html.twig') }}
+									</form>
+								</td>
+							</tr>
+						</table>
+					</td>
+					{% endif %}
+					{% if setting('core.account_change_character_sex') %}
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0" >
+							<tr>
+								<td style="border:0px;">
+									<form action="{{ getLink('account/character/sex') }}" method="post">
+										{{ include('buttons.change_sex.html.twig') }}
+									</form>
+								</td>
+							</tr>
+						</table>
+					</td>
+					{% endif %}
+					<td style="width:100%;" ></td>
+					<td>
+						<table border="0" cellspacing="0" cellpadding="0">
+							<tr>
+								<td style="border: 0px;">
+									<form action="{{ getLink('account/character/delete') }}" method="post">
+										{{ include('buttons.delete_character.html.twig') }}
+									</form>
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>
+{% endset %}
+{% include 'tables.headline.html.twig' %}
 <br/><br/>

templates/tibiacom/tables.headline.html.twig

@@ -0,0 +1,24 @@
+<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" >{{ title|raw }}</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="{% if tableClass is not null %}{{ tableClass }}{% else %}Table3{% endif %}" cellpadding="0" cellspacing="0" style="background-color: {% if background is not null %}{{ background }}{% else %}{{ config.lightborder }}{% endif %}">
+		<tr>
+			<td>
+				<div class="InnerTableContainer">
+					{{ content|raw }}
+				</div>
+			</td>
+		</tr>
+	</table>
+</div>

tools/news_preview.php

@@ -67,6 +67,9 @@ if(isset($_GET['title'], $_GET['body'], $_GET['player_id'], $_GET['category'], $
 		);
 
 		foreach($tickers as &$ticker) {
+			/**
+			 * @var array $ticker
+			 */
 			$ticker['icon'] = $categories[$ticker['category']]['icon_id'];
 			$ticker['body_short'] = short_text(strip_tags($ticker['body']), 100);
 			$ticker['hidden'] = $ticker['hide'];