diff --git a/.docker/docker-compose.yml b/.docker/docker-compose.yml
index 86ca9b3..a2fb50f 100644
--- a/.docker/docker-compose.yml
+++ b/.docker/docker-compose.yml
@@ -11,6 +11,14 @@ services:
     ports:
       - "80:80"
 
+  node:
+    build:
+      dockerfile: node/Dockerfile
+    working_dir: /var/www/html
+    volumes:
+      - ../:/var/www/html
+    command: [ "tail", "-f", "/dev/null" ]
+
   mysql:
     image: mysql:8.0.29
     environment:
@@ -29,11 +37,3 @@ services:
       - "1000:8080"
     depends_on:
       - mysql
-
-  node:
-    build:
-      dockerfile: node/Dockerfile
-    working_dir: /var/www/html
-    volumes:
-      - ../:/var/www/html
-    command: [ "tail", "-f", "/dev/null" ]
diff --git a/.docker/node/Dockerfile b/.docker/node/Dockerfile
index 5155ee9..1c84547 100644
--- a/.docker/node/Dockerfile
+++ b/.docker/node/Dockerfile
@@ -1,3 +1 @@
 FROM node:18.17.0
-
-WORKDIR /var/www/html
diff --git a/.docker/php/Dockerfile b/.docker/php/Dockerfile
index ea20f4a..3306d0f 100644
--- a/.docker/php/Dockerfile
+++ b/.docker/php/Dockerfile
@@ -1,20 +1,27 @@
 FROM php:8.2-apache
 
+# Change default Apache config
 ENV APACHE_DOCUMENT_ROOT /var/www/html/www
 
 RUN sed -ri -e 's!/var/www/html!${APACHE_DOCUMENT_ROOT}!g' /etc/apache2/sites-available/*.conf
 RUN sed -ri -e 's!/var/www/!${APACHE_DOCUMENT_ROOT}!g' /etc/apache2/apache2.conf /etc/apache2/conf-available/*.conf
 
+# Enable .htaccess
 RUN a2enmod rewrite
 
-WORKDIR /var/www/html
-
+# For managing PHP packages
 COPY --from=composer /usr/bin/composer /usr/bin/composer
 
+# Install base (from Docker) extensions
 RUN docker-php-ext-install \
+    # For accessing databases in PHP
     pdo \
     pdo_mysql \
     mysqli
 
+# Install extra (from Debian) extensions
 RUN apt-get update && apt-get -y install \
-    git
+    # For repository actions
+    git \
+    # For reading ZIP compressed archives (required by nextras/migrations)
+    zip
diff --git a/Makefile b/Makefile
index 6d70ab7..fd72c44 100644
--- a/Makefile
+++ b/Makefile
@@ -1,14 +1,25 @@
+# run environment scripts
+init\:env:
+	cd config && touch local.neon
+	make up
+	docker compose -f .docker/docker-compose.yml exec php composer install
+	docker compose -f .docker/docker-compose.yml exec php bin/console migration:reset
+	docker compose -f .docker/docker-compose.yml exec node npm install
+	docker compose -f .docker/docker-compose.yml exec node npm run build
+
+# run containers scripts
 up:
-	docker-compose -f .docker/docker-compose.yml up -d
+	docker compose -f .docker/docker-compose.yml up -d
 
 build:
-	docker-compose -f .docker/docker-compose.yml up -d --build
+	docker compose -f .docker/docker-compose.yml up -d --build
 
 down:
-	docker-compose -f .docker/docker-compose.yml down
+	docker compose -f .docker/docker-compose.yml down
 
+# join container scripts
 php:
-	docker-compose -f .docker/docker-compose.yml exec php bash;
+	docker compose -f .docker/docker-compose.yml exec php bash;
 
 node:
-	docker-compose -f .docker/docker-compose.yml exec node bash;
+	docker compose -f .docker/docker-compose.yml exec node bash;
diff --git a/README.md b/README.md
index 0a2d2eb..36254b2 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,19 @@
-# Snyt
+## Snyt
 
-website for restaurant with small CMS
+Website for restaurant with small CMS
 
-> more tech-info find in project's Wiki (tab in Github repository)
+### Used technology
 
-## Start project
+- `Layouts` are designed in Adobe XDesign
+- `Devops` is runned by [Docker](https://www.docker.com/) & Apache virtual server
+- `Frontend` is coded in HTML stylesheet [Latte](https://latte.nette.org/cs/)
+- `Backend` is programmed in [PHP](https://www.php.net/) framework [Nette](https://nette.org/cs/)
+- `Database` is build by MYSQL with [Adminer](https://www.adminer.org/cs/) interface & [Dibi](https://dibiphp.com/cs/) (database layer)
 
-- start containers
-```
-docker-compse up -d
-```
+### Start project
 
-- join php container
-```
-docker exec php bash
-```
+Run this command in Terminal & open `localhost:80` in Browser
 
-- install dependencies
 ```
-composer install
+make init:env
 ```
-
-- add `local.neon` file to `config` folder
-```neon
-parameters:
-
-database:
-    dsn: 'mysql:host=127.0.0.1;dbname=test'
-    user:
-    password:
-```
-
-- run `localhost:80` in your browser
\ No newline at end of file
diff --git a/app/Model/BaseRepository.php b/app/Model/BaseRepository.php
deleted file mode 100644
index 756de3b..0000000
--- a/app/Model/BaseRepository.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Model;
-
-use Dibi\Connection;
-
-abstract class BaseRepository
-{
-	public function __construct(private Connection $database)
-	{
-	}
-
-	public function getDibiConnection(): Connection
-	{
-		return $this->database;
-	}
-}
diff --git a/app/Model/Factory/LoginFactory.php b/app/Model/Factory/LoginFactory.php
new file mode 100644
index 0000000..cd9abd5
--- /dev/null
+++ b/app/Model/Factory/LoginFactory.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Factory;
+
+use App\Module\components\Login\LoginControl;
+
+interface LoginFactory
+{
+	public function create(): LoginControl;
+}
diff --git a/app/Model/Mapper/BaseListTable.php b/app/Model/Mapper/BaseListTable.php
new file mode 100644
index 0000000..eb60e36
--- /dev/null
+++ b/app/Model/Mapper/BaseListTable.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Mapper;
+
+abstract class BaseListTable
+{
+    public int $id;
+}
diff --git a/app/Model/Mapper/Event.php b/app/Model/Mapper/Event.php
new file mode 100644
index 0000000..3b3b170
--- /dev/null
+++ b/app/Model/Mapper/Event.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Mapper;
+
+use App\Model\Mapper\Trait\CreatedAt;
+use App\Model\Mapper\Trait\EditedAt;
+use DateTime;
+
+class Event extends BaseListTable
+{
+    use CreatedAt;
+    use EditedAt;
+
+    public string $title;
+
+    public DateTime|null $event_time;
+
+    public string|null $event_place;
+}
diff --git a/app/Model/Mapper/Trait/CreatedAt.php b/app/Model/Mapper/Trait/CreatedAt.php
new file mode 100644
index 0000000..d2ba192
--- /dev/null
+++ b/app/Model/Mapper/Trait/CreatedAt.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Mapper\Trait;
+
+use DateTime;
+
+trait CreatedAt
+{
+    public DateTime $createdAt;
+}
diff --git a/app/Model/Mapper/Trait/EditedAt.php b/app/Model/Mapper/Trait/EditedAt.php
new file mode 100644
index 0000000..d3843f7
--- /dev/null
+++ b/app/Model/Mapper/Trait/EditedAt.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Mapper\Trait;
+
+use DateTime;
+
+trait EditedAt
+{
+    public DateTime $editedAt;
+}
diff --git a/app/Model/Mapper/User.php b/app/Model/Mapper/User.php
new file mode 100644
index 0000000..0146010
--- /dev/null
+++ b/app/Model/Mapper/User.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Mapper;
+
+use App\Model\Mapper\Trait\CreatedAt;
+use App\Model\Mapper\Trait\EditedAt;
+
+class User extends BaseListTable
+{
+    use CreatedAt;
+    use EditedAt;
+
+    public string $email;
+
+    public string $password;
+}
diff --git a/app/Model/Repository/BaseRepository.php b/app/Model/Repository/BaseRepository.php
new file mode 100644
index 0000000..2a648fb
--- /dev/null
+++ b/app/Model/Repository/BaseRepository.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Repository;
+
+use Dibi\Connection;
+use Dibi\Row;
+use ReflectionClass;
+
+/**
+ * @template T of Row
+ */
+abstract class BaseRepository
+{
+    protected string $tableName;
+
+	public function __construct(
+		protected Connection $dibi
+	) {
+        $reflect = new ReflectionClass($this);
+        $repositoryName = str_replace('Repository', '', $reflect->getShortName());
+
+        $this->tableName = strtolower($repositoryName);
+	}
+
+    /**
+     * @return T
+     */
+    public function find(mixed $id): Row|null
+    {
+        $result = $this->dibi->query("
+            SELECT * FROM {$this->tableName} WHERE id=?
+        ",
+            $id
+        );
+
+        return $result->fetch();
+    }
+
+    /**
+     * @return T
+     */
+    public function findOneBy(array $criteria, array|null $orderBy = null): Row|null
+    {
+        $query = "SELECT * FROM {$this->tableName} WHERE %and";
+
+        if ($orderBy) {
+            $query = $query . " ORDER BY %by";
+        }
+
+        $arguments = [
+            $query,
+            $criteria
+        ];
+
+        if ($orderBy) {
+            $arguments[] = $orderBy;
+        }
+
+        $result = $this->dibi->query(...$arguments);
+
+        return $result->fetch();
+    }
+
+    /**
+     * @return array<array-key, T>
+     */
+    public function findAll(): array
+    {
+        $result = $this->dibi->query("
+            SELECT * FROM {$this->tableName}
+        ");
+
+        return $result->fetchAll();
+    }
+
+    public function getAllCount(): int
+    {
+        $result = $this->dibi->query("
+            SELECT * FROM {$this->tableName}
+        ");
+
+        return $result->getRowCount();
+    }
+}
diff --git a/app/Model/Repository/EventRepository.php b/app/Model/Repository/EventRepository.php
index a54c192..2d42384 100644
--- a/app/Model/Repository/EventRepository.php
+++ b/app/Model/Repository/EventRepository.php
@@ -4,37 +4,23 @@
 
 namespace App\Model\Repository;
 
-use App\Model\BaseRepository;
+use App\Model\Mapper\Event;
 
+/**
+ * @extends BaseRepository<Event>
+ */
 class EventRepository extends BaseRepository
 {
-	private const TABLE = 'event';
-
-	public function findAll(): array
-	{
-		$result = $this->getDibiConnection()
-			->select('*')
-			->from(self::TABLE);
-
-		return $result->fetchAssoc('id');
-	}
-
-	public function getAllCount(): int
-	{
-		$result = $this->getDibiConnection()
-			->select('COUNT(id)')
-			->from(self::TABLE);
-
-		return $result->fetchSingle();
-	}
-
 	public function findAllForPaginator(int $limit, int $offset): array
 	{
-		$result = $this->getDibiConnection()
-			->select('*')
-			->from(self::TABLE)
-			->limit($limit)
-			->offset($offset);
+		$result = $this->dibi->query("
+            SELECT * FROM {$this->tableName}
+            LIMIT ?
+            OFFSET ?
+        ",
+            $limit,
+            $offset
+        );
 
 		return $result->fetchAssoc('id');
 	}
diff --git a/app/Model/Repository/UserRepository.php b/app/Model/Repository/UserRepository.php
new file mode 100644
index 0000000..ff04c71
--- /dev/null
+++ b/app/Model/Repository/UserRepository.php
@@ -0,0 +1,14 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Repository;
+
+use App\Model\Mapper\User;
+
+/**
+ * @extends BaseRepository<User>
+ */
+class UserRepository extends BaseRepository
+{
+}
diff --git a/app/Model/Service/AuthenticationService.php b/app/Model/Service/AuthenticationService.php
new file mode 100644
index 0000000..62bb8ea
--- /dev/null
+++ b/app/Model/Service/AuthenticationService.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Service;
+
+use App\Model\Repository\UserRepository;
+use Nette\Security\AuthenticationException;
+use Nette\Security\Authenticator;
+use Nette\Security\Passwords;
+use Nette\Security\SimpleIdentity;
+
+class AuthenticationService implements Authenticator
+{
+	public function __construct(
+		protected Passwords $passwords,
+		protected UserRepository $userRepository
+	) {}
+
+
+	/**
+	 * @throws AuthenticationException
+	 */
+	public function authenticate(string $user, string $password): SimpleIdentity
+	{
+		$user = $this->userRepository->findOneBy(['email' => $user]);
+
+		if (!$user) {
+			throw new AuthenticationException('Uzivatel nebyl nalezen');
+		}
+		if (!$this->passwords->verify($password, $user->password)) {
+			throw new AuthenticationException('Nepsravne heslo');
+		}
+
+		return new SimpleIdentity(
+			$user->id,
+			null,
+			[
+				'email' => $user->email
+			]
+		);
+	}
+}
\ No newline at end of file
diff --git a/app/Model/Service/AuthorizationService.php b/app/Model/Service/AuthorizationService.php
new file mode 100644
index 0000000..638332a
--- /dev/null
+++ b/app/Model/Service/AuthorizationService.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Model\Service;
+
+use Nette\Security\AuthenticationException;
+use Nette\Security\User as NetteSecurityUser;
+
+class AuthorizationService
+{
+	public function __construct(
+		private NetteSecurityUser $netteSecurityUser,
+	) {
+	}
+
+	public function isLoggedIn(): bool
+	{
+		return $this->netteSecurityUser->isLoggedIn();
+	}
+
+	/**
+	 * @throws AuthenticationException
+	 */
+	public function login(string $email, string $password): void
+	{
+		$this->netteSecurityUser->login($email, $password);
+	}
+}
diff --git a/app/Module/BasePresenter.php b/app/Module/BasePresenter.php
index 76cc261..406c4c4 100644
--- a/app/Module/BasePresenter.php
+++ b/app/Module/BasePresenter.php
@@ -4,8 +4,38 @@
 
 namespace App\Module;
 
+use App\Model\Factory\LoginFactory;
+use App\Model\Service\AuthorizationService;
+use App\Module\components\Login\LoginControl;
 use Nette\Application\UI\Presenter;
+use Nette\Bridges\ApplicationLatte\Template;
+use stdClass;
 
-abstract class BasePresenter extends Presenter
+/**
+ * @property-read Template|stdClass $template
+ */
+class BasePresenter extends Presenter
 {
+	public function __construct(
+		private AuthorizationService $authorizationService,
+		private LoginFactory $loginFactory
+	)
+	{
+		parent::__construct();
+	}
+
+	protected function beforeRender(): void
+	{
+		$this->template->isLogged = $this->authorizationService->isLoggedIn();
+	}
+
+	protected function createComponentLogin(): LoginControl
+	{
+		return $this->loginFactory->create();
+	}
+
+	public function findLayoutTemplateFile(): ?string
+	{
+		return __DIR__ . '/templates/@layout.latte';
+	}
 }
diff --git a/app/Module/ModulePresenter.php b/app/Module/ModulePresenter.php
deleted file mode 100644
index a0e5e1e..0000000
--- a/app/Module/ModulePresenter.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Module;
-
-class ModulePresenter extends BasePresenter
-{
-	public function findLayoutTemplateFile(): ?string
-	{
-		return __DIR__ . '/templates/@layout.latte';
-	}
-}
diff --git a/app/Module/Profile/Home/HomePresenter.php b/app/Module/Profile/Home/HomePresenter.php
new file mode 100644
index 0000000..d9446d2
--- /dev/null
+++ b/app/Module/Profile/Home/HomePresenter.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Module\Profile\Home;
+
+use App\Module\BasePresenter;
+
+class HomePresenter extends BasePresenter
+{
+}
diff --git a/app/Module/Profile/Home/templates/Home.default.latte b/app/Module/Profile/Home/templates/Home.default.latte
new file mode 100644
index 0000000..61e0287
--- /dev/null
+++ b/app/Module/Profile/Home/templates/Home.default.latte
@@ -0,0 +1 @@
+{block default}
diff --git a/app/Module/User/Error4xx/Error4xxPresenter.php b/app/Module/User/Error4xx/Error4xxPresenter.php
index 75ca38e..91990c3 100644
--- a/app/Module/User/Error4xx/Error4xxPresenter.php
+++ b/app/Module/User/Error4xx/Error4xxPresenter.php
@@ -4,9 +4,10 @@
 
 namespace App\Module\User\Error4xx;
 
+use App\Module\BasePresenter;
 use Nette;
 
-final class Error4xxPresenter extends Nette\Application\UI\Presenter
+final class Error4xxPresenter extends BasePresenter
 {
 	public function startup(): void
 	{
diff --git a/app/Module/User/Event/EventPresenter.php b/app/Module/User/Event/EventPresenter.php
index f8854ab..76afd02 100644
--- a/app/Module/User/Event/EventPresenter.php
+++ b/app/Module/User/Event/EventPresenter.php
@@ -4,15 +4,26 @@
 
 namespace App\Module\User\Event;
 
+use App\Model\Factory\LoginFactory;
 use App\Model\Repository\EventRepository;
+use App\Model\Service\AuthorizationService;
 use App\Module\User\UserPresenter;
 use Nette\Utils\Paginator;
 
 class EventPresenter extends UserPresenter
 {
-	public function __construct(protected EventRepository $eventRepository)
+	private Paginator $paginator;
+
+	public function __construct(
+        protected EventRepository $eventRepository,
+        protected AuthorizationService $authorizationService,
+        protected LoginFactory $loginFactory,
+    )
 	{
-		parent::__construct();
+		parent::__construct(
+            $this->authorizationService,
+            $this->loginFactory
+        );
 	}
 
 	public function actionDefault(int $page = 1): void
@@ -23,8 +34,23 @@ public function actionDefault(int $page = 1): void
 		$paginator->setItemCount($eventAllCount);
 		$paginator->setItemsPerPage(6);
 		$paginator->setPage($page);
+		$this->paginator = $paginator;
 
 		$this->template->events = $this->eventRepository->findAllForPaginator($paginator->getLength(), $paginator->getOffset());
 		$this->template->paginator = $paginator;
+
+        $this->redrawControl("event");
+	}
+
+	public function handleChangePage(int $page = 1): void
+	{
+		if ($this->isAjax()) {
+			$this->paginator->setPage($page);
+
+			$this->template->paginator = $this->paginator;
+			$this->template->events = $this->eventRepository->findAllForPaginator($this->paginator->getLength(), $this->paginator->getOffset());
+
+			$this->redrawControl("event");
+		}
 	}
 }
diff --git a/app/Module/User/Event/templates/other/event.latte b/app/Module/User/Event/templates/other/event.latte
index a94cbae..a2e54e6 100644
--- a/app/Module/User/Event/templates/other/event.latte
+++ b/app/Module/User/Event/templates/other/event.latte
@@ -1,5 +1,7 @@
 {varType Nette\Utils\Paginator $paginator}
-{varType array $events}
+{varType object $iterator}
+{varType array[App\Module\User\Event] $events}
+{varType string $basePath}
 {block event}
 
 <div class="event">
@@ -41,12 +43,12 @@
                                     </div>
                                 </a>
                             </div>
-                        {var $isLastItemInRow = $iterator->counter % 3 === 0}
-                        {var $isEventToShow = array_key_last($events) !== $key}
-                        {if $isLastItemInRow && $isEventToShow}
+                            {var $isLastItemInRow = $iterator->counter % 3 === 0}
+                            {var $isEventToShow = array_key_last($events) !== $key}
+                            {if $isLastItemInRow && $isEventToShow}
                         </li>
                         <li class="event__row">
-                        {/if}
+                            {/if}
                             {/foreach}
                         </li>
                     </ul>
@@ -55,7 +57,7 @@
                         {var $iamOnLastPage = $paginator->isLast()}
                         {var $currentPage = $paginator->getPage()}
                         {var $pageCount = $paginator->getPageCount()}
-                        <a n:href="default, $currentPage - 1" class="event__paginator__arrow-link{if $iamOnFirstPage} disabled{/if}">
+                        <a n:href="changePage! page: $currentPage - 1" class="event__paginator__arrow-link{if $iamOnFirstPage} disabled{/if} ajax">
                             <svg class="event__paginator__arrow event__paginator__arrow--left">
                                 <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-arrow-dropdown-thin"></use>
                             </svg>
@@ -66,55 +68,55 @@
                             {var $areMoreThanTwoPagesBeforeMe = ($pageCount - $currentPage) > 2}
                             {var $iamNotOnLastOrOneBeforeLastPage = !$iamOnLastPage && ($currentPage !== ($pageCount - 1))}
 
-                            {if !$iamOnFirstOrSecondPage}
+                        {if !$iamOnFirstOrSecondPage}
                                 <li class="event__paginator__item">
-                                    <a n:href="default, 1" class="event__paginator__item-link ajax">
+                                    <a n:href="changePage! page: 1" class="event__paginator__item-link ajax">
                                         <span class="event__paginator__item-number">1</span>
                                     </a>
                                 </li>
                             {/if}
 
-                            {if $iamOnMoreThanThirdPage}
+                        {if $iamOnMoreThanThirdPage}
                                 <li class="event__paginator__item event__paginator__item--special">
                                     <span class="event__paginator__item-number">...</span>
                                 </li>
                             {/if}
 
-                            {if !$iamOnFirstPage}
+                        {if !$iamOnFirstPage}
                                 <li class="event__paginator__item">
-                                    <a n:href="default, $currentPage - 1" class="event__paginator__item-link ajax">
+                                    <a n:href="changePage! page: $currentPage - 1" class="event__paginator__item-link ajax">
                                         <span class="event__paginator__item-number">{$currentPage - 1}</span>
                                     </a>
                                 </li>
                             {/if}
 
-                            <li class="event__paginator__item event__paginator__item--current">
-                                <span class="event__paginator__item-number">{$currentPage}</span>
-                            </li>
+                        <li class="event__paginator__item event__paginator__item--current">
+                                    <span class="event__paginator__item-number">{$currentPage}</span>
+                        </li>
 
-                            {if !$iamOnLastPage}
+                        {if !$iamOnLastPage}
                                 <li class="event__paginator__item">
-                                    <a n:href="default, $currentPage + 1" class="event__paginator__item-link">
+                                    <a n:href="changePage! page: $currentPage + 1" class="event__paginator__item-link ajax">
                                         <span class="event__paginator__item-number">{$currentPage + 1}</span>
                                     </a>
                                 </li>
                             {/if}
 
-                            {if $areMoreThanTwoPagesBeforeMe}
+                        {if $areMoreThanTwoPagesBeforeMe}
                                 <li class="event__paginator__item event__paginator__item--special">
                                     <span class="event__paginator__item-number">...</span>
                                 </li>
                             {/if}
 
-                            {if $iamNotOnLastOrOneBeforeLastPage}
+                        {if $iamNotOnLastOrOneBeforeLastPage}
                                 <li class="event__paginator__item">
-                                    <a n:href="default, $pageCount" class="event__paginator__item-link ajax">
+                                    <a n:href="changePage! page: $pageCount" class="event__paginator__item-link ajax">
                                         <span class="event__paginator__item-number">{$pageCount}</span>
                                     </a>
                                 </li>
                             {/if}
                         </ul>
-                        <a n:href="default, $currentPage + 1" class="event__paginator__arrow-link{if $iamOnLastPage} disabled{/if} ajax">
+                        <a n:href="changePage! page: $currentPage + 1" class="event__paginator__arrow-link{if $iamOnLastPage} disabled{/if} ajax">
                             <svg class="event__paginator__arrow event__paginator__arrow--right">
                                 <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-arrow-dropdown-thin"></use>
                             </svg>
diff --git a/app/Module/User/Register/RegisterPresenter.php b/app/Module/User/Register/RegisterPresenter.php
new file mode 100644
index 0000000..ed1b91d
--- /dev/null
+++ b/app/Module/User/Register/RegisterPresenter.php
@@ -0,0 +1,15 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Module\User\Register;
+
+use App\Module\BasePresenter;
+
+class RegisterPresenter extends BasePresenter
+{
+	public function actionDefault(): void
+	{
+
+	}
+}
diff --git a/app/Module/User/Register/templates/Register.default.latte b/app/Module/User/Register/templates/Register.default.latte
new file mode 100644
index 0000000..f5f4bd8
--- /dev/null
+++ b/app/Module/User/Register/templates/Register.default.latte
@@ -0,0 +1 @@
+{block content}
diff --git a/app/Module/User/UserPresenter.php b/app/Module/User/UserPresenter.php
index 2998ff8..23d42d8 100644
--- a/app/Module/User/UserPresenter.php
+++ b/app/Module/User/UserPresenter.php
@@ -4,8 +4,8 @@
 
 namespace App\Module\User;
 
-use App\Module\ModulePresenter;
+use App\Module\BasePresenter;
 
-class UserPresenter extends ModulePresenter
+class UserPresenter extends BasePresenter
 {
 }
diff --git a/app/Module/components/BaseControl.php b/app/Module/components/BaseControl.php
new file mode 100644
index 0000000..80b45cc
--- /dev/null
+++ b/app/Module/components/BaseControl.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Module\components;
+
+use Nette\Application\UI\Control;
+use Nette\Bridges\ApplicationLatte\Template;
+use stdClass;
+
+/**
+ * @property-read Template|stdClass $template
+ */
+class BaseControl extends Control
+{
+}
diff --git a/app/Module/components/Login/LoginControl.php b/app/Module/components/Login/LoginControl.php
new file mode 100644
index 0000000..45bfc56
--- /dev/null
+++ b/app/Module/components/Login/LoginControl.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Module\components\Login;
+
+use App\Model\Service\AuthorizationService;
+use App\Module\components\BaseControl;
+use Nette\Application\UI\Form;
+use Nette\Neon\Exception;
+use Nette\Security\AuthenticationException;
+
+class LoginControl extends BaseControl
+{
+	public function __construct(
+		protected AuthorizationService $authorizationService
+	) {
+	}
+
+	protected function createComponentForm(): Form
+	{
+		$form = new Form();
+		$form->addEmail('email')->setRequired();
+		$form->addPassword('password')->setRequired('test');
+        $form->addSubmit('submit');
+		$form->onSubmit[] = [$this, 'actionLogin'];
+
+		return $form;
+	}
+
+	public function actionLogin(Form $form): void
+	{
+        if ($this->presenter->isAjax()) {
+            try {
+                $values = $form->getValues();
+                $this->authorizationService->login($values->email, $values->password);
+
+                $this->flashMessage('LoginControl was successful');
+                $this->redirect('Profile:');
+            } catch (AuthenticationException $e) {
+                $form->addError($e->getMessage());
+                $this->redrawControl("login");
+            }
+        }
+	}
+
+	public function render(): void
+	{
+		$this->template->setFile(__DIR__ . '/templates/login.latte');
+		$this->template->render();
+	}
+}
diff --git a/app/Module/components/Login/templates/login.latte b/app/Module/components/Login/templates/login.latte
new file mode 100644
index 0000000..30278d7
--- /dev/null
+++ b/app/Module/components/Login/templates/login.latte
@@ -0,0 +1,44 @@
+<div class="login shader-softest">
+    <div class="login__block">
+        <svg class="login__icon-cross">
+            <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-cross"></use>
+        </svg>
+        <h1 class="login__heading">Login</h1>
+        {snippet login}
+            <form n:name="form" class="ajax">
+                <div class="login__message-box" n:foreach="$form->ownErrors as $error">
+                    <span class="login__message login__message--active login__message--error">{$error}</span>
+                </div>
+                <ul>
+                    <li class="login__form-item">
+                        <div class="login__label-wrap">
+                            <label n:name="email" class="login__label">E-mail</label>
+                            <span class="login__required label-required">*</span>
+                        </div>
+                        <div>
+                            <input type="email" n:name="email" class="login__input input-secondary">
+                            <span n:ifcontent>{inputError email}</span>
+                        </div>
+                    </li>
+                    <li class="login__form-item">
+                        <div class="login__label-wrap">
+                            <label n:name="password" class="login__label">Password</label>
+                            <span class="login__required label-required">*</span>
+                        </div>
+                        <div>
+                            <input type="password" n:name="password" class="login__input input-secondary">
+                            <span n:ifcontent>{inputError password}</span>
+                        </div>
+                    </li>
+                </ul>
+                <div class="login__links">
+                    <a href="{plink :User:Register:}" class="login__register">Register</a>
+                    <span class="login__forgot">Forgot password</span>
+                </div>
+                <div class="login__button-wrap">
+                    <button n:name="submit" class="login__button button-colored">Login</button>
+                </div>
+            </form>
+        {/snippet}
+    </div>
+</div>
diff --git a/app/Module/templates/@layout.latte b/app/Module/templates/@layout.latte
index fb22d0e..80f77f1 100644
--- a/app/Module/templates/@layout.latte
+++ b/app/Module/templates/@layout.latte
@@ -21,8 +21,16 @@
 	{include footer}
 
 	{block scripts}
-		<script src="https://nette.github.io/resources/js/3/netteForms.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
 		<script src="{$basePath}/assets/dist/bundle.js"></script>
+		<script src="{$basePath}/assets/script/nette.ajax.js"></script>
+		<script src="{$basePath}/assets/script/netteForms.min.js"></script>
+		<script>
+			$(function () {
+				$.nette.init();
+			});
+		</script>
 	{/block}
 </body>
 </html>
diff --git a/app/Module/templates/header.latte b/app/Module/templates/header.latte
index e0732b1..781685a 100644
--- a/app/Module/templates/header.latte
+++ b/app/Module/templates/header.latte
@@ -1,5 +1,9 @@
 {block header}
 
+{varType bool $isLogged}
+
+{control login}
+
 <header class="header">
     <div class="container-inner">
         <div class="header__wrap">
@@ -53,11 +57,19 @@
                 <div class="header__nav-side-block">
                     <ul>
                         <li class="header__nav-side-item">
-                            <a href="#" class="header__nav-side-link">
-                                <svg class="header__icon-user">
-                                    <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-user"></use>
-                                </svg>
-                            </a>
+                            {if !$isLogged}
+                                <div class="header__nav-side-link header__nav-side-link--alternative js-show-login">
+                                    <svg class="header__icon-user">
+                                        <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-user"></use>
+                                    </svg>
+                                </div>
+                            {else}
+                                <a href="#" class="header__nav-side-link">
+                                    <svg class="header__icon-user">
+                                        <use xlink:href="{$basePath}/assets/image/icon/general.svg#icon-user"></use>
+                                    </svg>
+                                </a>
+                            {/if}
                         </li>
                         <li class="header__nav-side-item">
                             <a href="#" class="header__nav-side-link">
diff --git a/app/Router/RouterFactory.php b/app/Router/RouterFactory.php
index a6f5b88..8eb1218 100644
--- a/app/Router/RouterFactory.php
+++ b/app/Router/RouterFactory.php
@@ -13,17 +13,13 @@ final class RouterFactory
 
 	public static function createRouter(): RouteList
 	{
-		$routerAdmin = new RouteList("Admin");
-		$routerAdmin->addRoute('admin/<presenter>/<action>[/<id>]', 'Home:default');
-
-		$routerClient = new RouteList("Client");
-		$routerClient->addRoute('client/<presenter>/<action>[/<id>]', 'Home:default');
+		$routerClient = new RouteList("Profile");
+		$routerClient->addRoute('profile/<presenter>/<action>[/<id>]', 'Home:default');
 
 		$routerUser = new RouteList("User");
 		$routerUser->addRoute('<presenter>/<action>[/<id>]', 'Home:default');
 
 		$router = new RouteList();
-		$router->add($routerAdmin);
 		$router->add($routerClient);
 		$router->add($routerUser);
 
diff --git a/bin/.gitignore b/bin/.gitignore
deleted file mode 100644
index d6b7ef3..0000000
--- a/bin/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/bin/console b/bin/console
new file mode 100755
index 0000000..9962637
--- /dev/null
+++ b/bin/console
@@ -0,0 +1,10 @@
+#!/usr/bin/env php
+<?php declare(strict_types = 1);
+
+# Nette 3.0+
+require __DIR__ . '/../vendor/autoload.php';
+
+exit(App\Bootstrap::boot()
+	->createContainer()
+	->getByType(Contributte\Console\Application::class)
+	->run());
diff --git a/composer.json b/composer.json
index 2c68f5a..f8f5e14 100644
--- a/composer.json
+++ b/composer.json
@@ -19,7 +19,9 @@
 		"nette/utils": "^4.0",
 		"latte/latte": "^3.0",
 		"tracy/tracy": "^2.9",
-		"dibi/dibi": "^4.2"
+		"dibi/dibi": "^4.2",
+		"contributte/console": "^0.9.3",
+		"nextras/migrations": "^3.2"
 	},
 	"require-dev": {
 		"nette/tester": "^2.4",
diff --git a/composer.lock b/composer.lock
index 2ecb1ce..16645e0 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,157 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "dc464495e91806c395c0cbe264ccc5dc",
+    "content-hash": "960ed9b37130b8b040da13b445aebbb3",
     "packages": [
+        {
+            "name": "contributte/console",
+            "version": "v0.9.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/contributte/console.git",
+                "reference": "f229171e71ac14709c2e932413f385ce7f1b036e"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/contributte/console/zipball/f229171e71ac14709c2e932413f385ce7f1b036e",
+                "reference": "f229171e71ac14709c2e932413f385ce7f1b036e",
+                "shasum": ""
+            },
+            "require": {
+                "contributte/di": "^0.5.1|^0.6.0",
+                "php": ">=7.2",
+                "symfony/console": "^4.2.9|^5.0.0|^6.0.0"
+            },
+            "require-dev": {
+                "nette/http": "^3.0.1",
+                "ninjify/nunjuck": "^0.4",
+                "ninjify/qa": "^0.13.0",
+                "phpstan/phpstan": "^1.8.11",
+                "phpstan/phpstan-deprecation-rules": "^1.0",
+                "phpstan/phpstan-nette": "^1.1.0",
+                "phpstan/phpstan-strict-rules": "^1.4.4",
+                "symfony/event-dispatcher": "^4.3 || ^5.0 || ^6.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "0.10.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Contributte\\Console\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Milan Felix Šulc",
+                    "homepage": "https://f3l1x.io"
+                }
+            ],
+            "description": "Best Symfony Console for Nette Framework",
+            "homepage": "https://github.com/contributte/console",
+            "keywords": [
+                "console",
+                "nette",
+                "symfony"
+            ],
+            "support": {
+                "issues": "https://github.com/contributte/console/issues",
+                "source": "https://github.com/contributte/console/tree/v0.9.3"
+            },
+            "funding": [
+                {
+                    "url": "https://contributte.org/partners.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/f3l1x",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-05-24T08:48:41+00:00"
+        },
+        {
+            "name": "contributte/di",
+            "version": "v0.5.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/contributte/di.git",
+                "reference": "49d6b93d46f57be319b1e811cd983bfed0c90979"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/contributte/di/zipball/49d6b93d46f57be319b1e811cd983bfed0c90979",
+                "reference": "49d6b93d46f57be319b1e811cd983bfed0c90979",
+                "shasum": ""
+            },
+            "require": {
+                "nette/di": "^3.1.0",
+                "nette/utils": "^3.2.8 || ^4.0",
+                "php": ">=7.2"
+            },
+            "conflict": {
+                "nette/schema": "<1.1.0"
+            },
+            "require-dev": {
+                "nette/bootstrap": "^3.1.4",
+                "nette/robot-loader": "^3.4.2 || ^4.0",
+                "ninjify/nunjuck": "^0.4",
+                "ninjify/qa": "^0.13",
+                "phpstan/phpstan": "^1.9.11",
+                "phpstan/phpstan-deprecation-rules": "^1.1.1",
+                "phpstan/phpstan-nette": "^1.2.0",
+                "phpstan/phpstan-strict-rules": "^1.4.5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "0.6.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Contributte\\DI\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Milan Felix Šulc",
+                    "homepage": "https://f3l1x.io"
+                }
+            ],
+            "description": "Extra contrib to nette/di",
+            "homepage": "https://github.com/contributte/di",
+            "keywords": [
+                "dependency",
+                "inject",
+                "nette"
+            ],
+            "support": {
+                "issues": "https://github.com/contributte/di/issues",
+                "source": "https://github.com/contributte/di/tree/v0.5.6"
+            },
+            "funding": [
+                {
+                    "url": "https://contributte.org/partners.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/f3l1x",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-09-05T08:23:55+00:00"
+        },
         {
             "name": "dibi/dibi",
             "version": "v4.2.7",
@@ -1377,6 +1526,788 @@
             },
             "time": "2023-02-02T10:41:53+00:00"
         },
+        {
+            "name": "nextras/migrations",
+            "version": "v3.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/nextras/migrations.git",
+                "reference": "c1013ffde270f92cae841ce45ad82a1334a52086"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/nextras/migrations/zipball/c1013ffde270f92cae841ce45ad82a1334a52086",
+                "reference": "c1013ffde270f92cae841ce45ad82a1334a52086",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4"
+            },
+            "require-dev": {
+                "dibi/dibi": "~3.0 | ~4.0",
+                "doctrine/cache": "~1.5",
+                "doctrine/dbal": "~2.5 | ~3.0",
+                "doctrine/orm": "~2.5",
+                "ext-openssl": "*",
+                "mockery/mockery": "~0.9 | ~1.0",
+                "nette/database": "~2.2",
+                "nette/di": "~2.3.12 | ~2.4",
+                "nette/tester": "~1.7 | ~2.0",
+                "nette/utils": "~2.3",
+                "nextras/dbal": "~1.0 | ~2.0 | ~3.0 | ~4.0 | ~5.0@dev",
+                "symfony/config": "~2.6 | ~3.0 | ~4.0 | ~5.0 | ~6.0",
+                "symfony/console": "~2.6 | ~3.0 | ~4.0 | ~5.0 | ~6.0",
+                "symfony/dependency-injection": "~2.6 | ~3.0 | ~4.0 | ~5.0 | ~6.0",
+                "symfony/framework-bundle": "~2.6 | ~3.0 | ~4.0 | ~5.0 | ~6.0",
+                "symfony/http-kernel": "~2.6 | ~3.0 | ~4.0 | ~5.0 | ~6.0",
+                "tracy/tracy": "^2.2"
+            },
+            "suggest": {
+                "dibi/dibi": "to use DibiAdapter",
+                "doctrine/dbal": "to use DoctrineAdapter",
+                "doctrine/orm": "to generate migrations with Doctrine SchemaTool",
+                "nette/database": "to use NetteAdapter",
+                "nextras/dbal": "to use NextrasAdapter",
+                "symfony/console": "to use Symfony commands"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.1-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Nextras\\Migrations\\": "src/"
+                },
+                "classmap": [
+                    "src/exceptions.php",
+                    "src/deprecated"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "description": "Database migrations runner",
+            "support": {
+                "issues": "https://github.com/nextras/migrations/issues",
+                "source": "https://github.com/nextras/migrations/tree/v3.2.0"
+            },
+            "time": "2022-06-14T19:31:05+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "2.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/c71ecc56dfe541dbd90c5360474fbc405f8d5963",
+                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.4.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "support": {
+                "issues": "https://github.com/php-fig/container/issues",
+                "source": "https://github.com/php-fig/container/tree/2.0.2"
+            },
+            "time": "2021-11-05T16:47:00+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "v6.4.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "a550a7c99daeedef3f9d23fb82e3531525ff11fd"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/a550a7c99daeedef3f9d23fb82e3531525ff11fd",
+                "reference": "a550a7c99daeedef3f9d23fb82e3531525ff11fd",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/service-contracts": "^2.5|^3",
+                "symfony/string": "^5.4|^6.0|^7.0"
+            },
+            "conflict": {
+                "symfony/dependency-injection": "<5.4",
+                "symfony/dotenv": "<5.4",
+                "symfony/event-dispatcher": "<5.4",
+                "symfony/lock": "<5.4",
+                "symfony/process": "<5.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0|3.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^5.4|^6.0|^7.0",
+                "symfony/dependency-injection": "^5.4|^6.0|^7.0",
+                "symfony/event-dispatcher": "^5.4|^6.0|^7.0",
+                "symfony/http-foundation": "^6.4|^7.0",
+                "symfony/http-kernel": "^6.4|^7.0",
+                "symfony/lock": "^5.4|^6.0|^7.0",
+                "symfony/messenger": "^5.4|^6.0|^7.0",
+                "symfony/process": "^5.4|^6.0|^7.0",
+                "symfony/stopwatch": "^5.4|^6.0|^7.0",
+                "symfony/var-dumper": "^5.4|^6.0|^7.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command-line",
+                "console",
+                "terminal"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/console/tree/v6.4.1"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-11-30T10:54:28+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "v3.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "7c3aff79d10325257a001fcf92d991f24fc967cf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/7c3aff79d10325257a001fcf92d991f24fc967cf",
+                "reference": "7c3aff79d10325257a001fcf92d991f24fc967cf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.4-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-05-23T14:45:45+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.28.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb",
+                "reference": "ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.28-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.28.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-01-26T09:26:14+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.28.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "875e90aeea2777b6f135677f618529449334a612"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/875e90aeea2777b6f135677f618529449334a612",
+                "reference": "875e90aeea2777b6f135677f618529449334a612",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.28-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.28.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-01-26T09:26:14+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.28.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.28-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.28.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-01-26T09:26:14+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.28.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "42292d99c55abe617799667f454222c54c60e229"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/42292d99c55abe617799667f454222c54c60e229",
+                "reference": "42292d99c55abe617799667f454222c54c60e229",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.28-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.28.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-07-28T09:04:16+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "v3.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "b3313c2dbffaf71c8de2934e2ea56ed2291a3838"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/b3313c2dbffaf71c8de2934e2ea56ed2291a3838",
+                "reference": "b3313c2dbffaf71c8de2934e2ea56ed2291a3838",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "psr/container": "^2.0"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "3.4-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Test/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/service-contracts/tree/v3.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-07-30T20:28:31+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "v7.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "92bd2bfbba476d4a1838e5e12168bef2fd1e6620"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/92bd2bfbba476d4a1838e5e12168bef2fd1e6620",
+                "reference": "92bd2bfbba476d4a1838e5e12168bef2fd1e6620",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.2",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0"
+            },
+            "conflict": {
+                "symfony/translation-contracts": "<2.5"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^6.4|^7.0",
+                "symfony/http-client": "^6.4|^7.0",
+                "symfony/intl": "^6.4|^7.0",
+                "symfony/translation-contracts": "^2.5|^3.0",
+                "symfony/var-exporter": "^6.4|^7.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/string/tree/v7.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-11-29T08:40:23+00:00"
+        },
         {
             "name": "tracy/tracy",
             "version": "v2.10.2",
@@ -1599,5 +2530,5 @@
         "php": ">= 8.0"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.3.0"
+    "plugin-api-version": "2.6.0"
 }
diff --git a/config/common.neon b/config/common.neon
index fee4acb..7ef2aa9 100644
--- a/config/common.neon
+++ b/config/common.neon
@@ -15,3 +15,5 @@ di:
 
 includes:
 	- dibi.neon
+	- contributte.neon
+	- nextras.neon
diff --git a/config/contributte.neon b/config/contributte.neon
new file mode 100644
index 0000000..36b08ac
--- /dev/null
+++ b/config/contributte.neon
@@ -0,0 +1,5 @@
+extensions:
+	console: Contributte\Console\DI\ConsoleExtension(%consoleMode%)
+
+# commands:
+# - bin/console
diff --git a/config/nextras.neon b/config/nextras.neon
new file mode 100644
index 0000000..8d742e9
--- /dev/null
+++ b/config/nextras.neon
@@ -0,0 +1,13 @@
+extensions:
+    migrations: Nextras\Migrations\Bridges\NetteDI\MigrationsExtension
+
+migrations:
+    dir: %appDir%/../migrations
+    driver: mysql
+    dbal: dibi
+    withDummyData: %debugMode%
+
+# commands:
+# - migrations:create
+# - migrations:continue
+# - migrations:reset (never run on prod - data loss, use continue)
\ No newline at end of file
diff --git a/migrations/basic-data/2023-12-09-180115-user.sql b/migrations/basic-data/2023-12-09-180115-user.sql
new file mode 100644
index 0000000..13e370d
--- /dev/null
+++ b/migrations/basic-data/2023-12-09-180115-user.sql
@@ -0,0 +1 @@
+INSERT INTO user (email, password) VALUES ('test@gmail.com', 'test');
diff --git a/.db/dummy.sql b/migrations/dummy-data/2023-12-09-180106-event.sql
similarity index 98%
rename from .db/dummy.sql
rename to migrations/dummy-data/2023-12-09-180106-event.sql
index 42576d2..1e969de 100644
--- a/.db/dummy.sql
+++ b/migrations/dummy-data/2023-12-09-180106-event.sql
@@ -1,8 +1,8 @@
-INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovana zebra', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
-INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovana ryba', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
-INSERT INTO event (title) VALUES ('Zahradka otevrena');
-INSERT INTO event (title, event_time, event_place) VALUES ('Patecni mega-rizek', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
-INSERT INTO event (title) VALUES ('Na cepu nove Plzen 10');
-INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovane kure', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
-INSERT INTO event (title) VALUES ('Zahradka zavrena');
-INSERT INTO event (title) VALUES ('Hledame kuchare');
+INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovana zebra', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
+INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovana ryba', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
+INSERT INTO event (title) VALUES ('Zahradka otevrena');
+INSERT INTO event (title, event_time, event_place) VALUES ('Patecni mega-rizek', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
+INSERT INTO event (title) VALUES ('Na cepu nove Plzen 10');
+INSERT INTO event (title, event_time, event_place) VALUES ('Patecni grilovane kure', '2023-10-26 10:38:10', 'Snyt - Vinohrady');
+INSERT INTO event (title) VALUES ('Zahradka zavrena');
+INSERT INTO event (title) VALUES ('Hledame kuchare');
diff --git a/migrations/structures/2023-12-09-174544-user.sql b/migrations/structures/2023-12-09-174544-user.sql
new file mode 100644
index 0000000..04df4e5
--- /dev/null
+++ b/migrations/structures/2023-12-09-174544-user.sql
@@ -0,0 +1,8 @@
+CREATE TABLE user (
+  id INT UNSIGNED AUTO_INCREMENT NOT NULL,
+  email VARCHAR(255) NOT NULL,
+  password VARCHAR(255) NOT NULL,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ,
+  updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  PRIMARY KEY(id)
+);
diff --git a/.db/schema.sql b/migrations/structures/2023-12-09-174547-event.sql
similarity index 97%
rename from .db/schema.sql
rename to migrations/structures/2023-12-09-174547-event.sql
index 02d59ae..a89e1d9 100644
--- a/.db/schema.sql
+++ b/migrations/structures/2023-12-09-174547-event.sql
@@ -1,9 +1,9 @@
-CREATE TABLE event (
-   id INT UNSIGNED AUTO_INCREMENT NOT NULL,
-   title VARCHAR(255) NOT NULL,
-   event_time TIMESTAMP DEFAULT NULL,
-   event_place VARCHAR(255) DEFAULT NULL,
-   created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ,
-   updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
-   PRIMARY KEY(id)
-);
+CREATE TABLE event (
+   id INT UNSIGNED AUTO_INCREMENT NOT NULL,
+   title VARCHAR(255) NOT NULL,
+   event_time TIMESTAMP DEFAULT NULL,
+   event_place VARCHAR(255) DEFAULT NULL,
+   created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ,
+   updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+   PRIMARY KEY(id)
+);
diff --git a/package-lock.json b/package-lock.json
index fb2b5c8..c9c4187 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,9 @@
       "name": "snyt",
       "version": "1.0.0",
       "license": "ISC",
+      "dependencies": {
+        "naja": "^2.6.1"
+      },
       "devDependencies": {
         "@babel/core": "^7.22.11",
         "@babel/preset-env": "^7.22.14",
@@ -3911,6 +3914,11 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/naja": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/naja/-/naja-2.6.1.tgz",
+      "integrity": "sha512-xLZPRJeOr6R3Zr5epRDSIzNzsb0RJ9T6LWhcNQbbarMLXQX+O26o1SEENsJ1NWFJfbJe1dWtv+iEiSShSHQZfA=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
diff --git a/package.json b/package.json
index 5880dde..816c1d1 100644
--- a/package.json
+++ b/package.json
@@ -25,5 +25,8 @@
     "typescript": "^5.2.2",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "naja": "^2.6.1"
   }
 }
diff --git a/www/assets/image/icon/general.svg b/www/assets/image/icon/general.svg
index 041d697..5cc3a88 100644
--- a/www/assets/image/icon/general.svg
+++ b/www/assets/image/icon/general.svg
@@ -304,4 +304,11 @@
             <circle cx="45" cy="21.4" r="21.4"/>
         </g>
     </symbol>
+
+    <symbol viewBox="0 0 256 256" id="icon-cross">
+        <g transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+            <path d="M 6 90 c -1.536 0 -3.071 -0.586 -4.243 -1.758 c -2.343 -2.343 -2.343 -6.142 0 -8.484 l 78 -78 c 2.342 -2.343 6.143 -2.343 8.484 0 c 2.344 2.343 2.344 6.142 0 8.485 l -78 78 C 9.071 89.414 7.536 90 6 90 z" />
+            <path d="M 84 90 c -1.535 0 -3.071 -0.586 -4.242 -1.758 l -78 -78 c -2.343 -2.343 -2.343 -6.142 0 -8.485 c 2.343 -2.343 6.143 -2.343 8.485 0 l 78 78 c 2.344 2.343 2.344 6.142 0 8.484 C 87.071 89.414 85.535 90 84 90 z" />
+        </g>
+    </symbol>
 </svg>
diff --git a/www/assets/image/icon/template/icon-cross.svg b/www/assets/image/icon/template/icon-cross.svg
new file mode 100644
index 0000000..e0eb751
--- /dev/null
+++ b/www/assets/image/icon/template/icon-cross.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 6 90 c -1.536 0 -3.071 -0.586 -4.243 -1.758 c -2.343 -2.343 -2.343 -6.142 0 -8.484 l 78 -78 c 2.342 -2.343 6.143 -2.343 8.484 0 c 2.344 2.343 2.344 6.142 0 8.485 l -78 78 C 9.071 89.414 7.536 90 6 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 84 90 c -1.535 0 -3.071 -0.586 -4.242 -1.758 l -78 -78 c -2.343 -2.343 -2.343 -6.142 0 -8.485 c 2.343 -2.343 6.143 -2.343 8.485 0 l 78 78 c 2.344 2.343 2.344 6.142 0 8.484 C 87.071 89.414 85.535 90 84 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/www/assets/script/nette.ajax.js b/www/assets/script/nette.ajax.js
new file mode 100644
index 0000000..c387787
--- /dev/null
+++ b/www/assets/script/nette.ajax.js
@@ -0,0 +1,576 @@
+/**
+ * AJAX Nette Framework plugin for jQuery
+ *
+ * @copyright Copyright (c) 2009, 2010 Jan Marek
+ * @copyright Copyright (c) 2009, 2010 David Grudl
+ * @copyright Copyright (c) 2012-2014 Vojtěch Dobeš
+ * @license MIT
+ *
+ * @version 2.3.0
+ */
+
+(function(window, $, undefined) {
+
+    if (typeof $ !== 'function') {
+        return console.error('nette.ajax.js: jQuery is missing, load it please');
+    }
+
+    var nette = function () {
+        var inner = {
+            self: this,
+            initialized: false,
+            contexts: {},
+            on: {
+                init: {},
+                load: {},
+                prepare: {},
+                before: {},
+                start: {},
+                success: {},
+                complete: {},
+                error: {}
+            },
+            fire: function () {
+                var result = true;
+                var args = Array.prototype.slice.call(arguments);
+                var props = args.shift();
+                var name = (typeof props === 'string') ? props : props.name;
+                var off = (typeof props === 'object') ? props.off || {} : {};
+                args.push(inner.self);
+                $.each(inner.on[name], function (index, reaction) {
+                    if (reaction === undefined || $.inArray(index, off) !== -1) return true;
+                    var temp = reaction.apply(inner.contexts[index], args);
+                    return result = (temp === undefined || temp);
+                });
+                return result;
+            },
+            requestHandler: function (e) {
+                var xhr = inner.self.ajax({}, this, e);
+                if (xhr && xhr._returnFalse) { // for IE 8
+                    return false;
+                }
+            },
+            ext: function (callbacks, context, name) {
+                while (!name) {
+                    name = 'ext_' + Math.random();
+                    if (inner.contexts[name]) {
+                        name = undefined;
+                    }
+                }
+
+                $.each(callbacks, function (event, callback) {
+                    inner.on[event][name] = callback;
+                });
+                inner.contexts[name] = $.extend(context ? context : {}, {
+                    name: function () {
+                        return name;
+                    },
+                    ext: function (name, force) {
+                        var ext = inner.contexts[name];
+                        if (!ext && force) throw "Extension '" + this.name() + "' depends on disabled extension '" + name + "'.";
+                        return ext;
+                    }
+                });
+            }
+        };
+
+        /**
+         * Allows manipulation with extensions.
+         * When called with 1. argument only, it returns extension with given name.
+         * When called with 2. argument equal to false, it removes extension entirely.
+         * When called with 2. argument equal to hash of event callbacks, it adds new extension.
+         *
+         * @param  {string} Name of extension
+         * @param  {bool|object|null} Set of callbacks for any events OR false for removing extension.
+         * @param  {object|null} Context for added extension
+         * @return {$.nette|object} Provides a fluent interface OR returns extensions with given name
+         */
+        this.ext = function (name, callbacks, context) {
+            if (typeof name === 'object') {
+                inner.ext(name, callbacks);
+            } else if (callbacks === undefined) {
+                return inner.contexts[name];
+            } else if (!callbacks) {
+                $.each(['init', 'load', 'prepare', 'before', 'start', 'success', 'complete', 'error'], function (index, event) {
+                    inner.on[event][name] = undefined;
+                });
+                inner.contexts[name] = undefined;
+            } else if (typeof name === 'string' && inner.contexts[name] !== undefined) {
+                throw "Cannot override already registered nette-ajax extension '" + name + "'.";
+            } else {
+                inner.ext(callbacks, context, name);
+            }
+            return this;
+        };
+
+        /**
+         * Initializes the plugin:
+         * - fires 'init' event, then 'load' event
+         * - when called with any arguments, it will override default 'init' extension
+         *   with provided callbacks
+         *
+         * @param  {function|object|null} Callback for 'load' event or entire set of callbacks for any events
+         * @param  {object|null} Context provided for callbacks in first argument
+         * @return {$.nette} Provides a fluent interface
+         */
+        this.init = function (load, loadContext) {
+            if (inner.initialized) throw 'Cannot initialize nette-ajax twice.';
+
+            if (typeof load === 'function') {
+                this.ext('init', null);
+                this.ext('init', {
+                    load: load
+                }, loadContext);
+            } else if (typeof load === 'object') {
+                this.ext('init', null);
+                this.ext('init', load, loadContext);
+            } else if (load !== undefined) {
+                throw 'Argument of init() can be function or function-hash only.';
+            }
+
+            inner.initialized = true;
+
+            inner.fire('init');
+            this.load();
+            return this;
+        };
+
+        /**
+         * Fires 'load' event
+         *
+         * @return {$.nette} Provides a fluent interface
+         */
+        this.load = function () {
+            inner.fire('load', inner.requestHandler);
+            return this;
+        };
+
+        /**
+         * Executes AJAX request. Attaches listeners and events.
+         *
+         * @param  {object|string} settings or URL
+         * @param  {Element|null} ussually Anchor or Form
+         * @param  {event|null} event causing the request
+         * @return {jqXHR|null}
+         */
+        this.ajax = function (settings, ui, e) {
+            if ($.type(settings) === 'string') {
+                settings = {url: settings};
+            }
+            if (!settings.nette && ui && e) {
+                var $el = $(ui), xhr, originalBeforeSend;
+                var analyze = settings.nette = {
+                    e: e,
+                    ui: ui,
+                    el: $el,
+                    isForm: $el.is('form'),
+                    isSubmit: $el.is('input[type=submit]') || $el.is('button[type=submit]'),
+                    isImage: $el.is('input[type=image]'),
+                    form: null
+                };
+
+                if (analyze.isSubmit || analyze.isImage) {
+                    analyze.form = analyze.el.closest('form');
+                } else if (analyze.isForm) {
+                    analyze.form = analyze.el;
+                }
+
+                if (!settings.url) {
+                    settings.url = analyze.form ? analyze.form.attr('action') || window.location.pathname + window.location.search : ui.href;
+                }
+                if (!settings.type) {
+                    settings.type = analyze.form ? analyze.form.attr('method') : 'get';
+                }
+
+                if ($el.is('[data-ajax-off]')) {
+                    var rawOff = $el.attr('data-ajax-off');
+                    if (rawOff.indexOf('[') === 0) {
+                        settings.off = $el.data('ajaxOff');
+                    } else if (rawOff.indexOf(',') !== -1) {
+                        settings.off = rawOff.split(',');
+                    } else if (rawOff.indexOf(' ') !== -1) {
+                        settings.off = rawOff.split(' ');
+                    } else {
+                        settings.off = rawOff;
+                    }
+                    if (typeof settings.off === 'string') settings.off = [settings.off];
+                    settings.off = $.grep($.each(settings.off, function (off) {
+                        return $.trim(off);
+                    }), function (off) {
+                        return off.length;
+                    });
+                }
+            }
+
+            inner.fire({
+                name: 'prepare',
+                off: settings.off || {}
+            }, settings);
+            if (settings.prepare) {
+                settings.prepare(settings);
+            }
+
+            originalBeforeSend = settings.beforeSend;
+            settings.beforeSend = function (xhr, settings) {
+                var result = inner.fire({
+                    name: 'before',
+                    off: settings.off || {}
+                }, xhr, settings);
+                if ((result || result === undefined) && originalBeforeSend) {
+                    result = originalBeforeSend(xhr, settings);
+                }
+                return result;
+            };
+
+            return this.handleXHR($.ajax(settings), settings);
+        };
+
+        /**
+         * Binds extension callbacks to existing XHR object
+         *
+         * @param  {jqXHR|null}
+         * @param  {object} settings
+         * @return {jqXHR|null}
+         */
+        this.handleXHR = function (xhr, settings) {
+            settings = settings || {};
+
+            if (xhr && (typeof xhr.statusText === 'undefined' || xhr.statusText !== 'canceled')) {
+                xhr.done(function (payload, status, xhr) {
+                    inner.fire({
+                        name: 'success',
+                        off: settings.off || {}
+                    }, payload, status, xhr, settings);
+                }).fail(function (xhr, status, error) {
+                    inner.fire({
+                        name: 'error',
+                        off: settings.off || {}
+                    }, xhr, status, error, settings);
+                }).always(function (xhr, status) {
+                    inner.fire({
+                        name: 'complete',
+                        off: settings.off || {}
+                    }, xhr, status, settings);
+                });
+                inner.fire({
+                    name: 'start',
+                    off: settings.off || {}
+                }, xhr, settings);
+                if (settings.start) {
+                    settings.start(xhr, settings);
+                }
+            }
+            return xhr;
+        };
+    };
+
+    $.nette = new ($.extend(nette, $.nette ? $.nette : {}));
+
+    $.fn.netteAjax = function (e, options) {
+        return $.nette.ajax(options || {}, this[0], e);
+    };
+
+    $.fn.netteAjaxOff = function () {
+        return this.off('.nette');
+    };
+
+    $.nette.ext('validation', {
+        before: function (xhr, settings) {
+            if (!settings.nette) return true;
+            else var analyze = settings.nette;
+            var e = analyze.e;
+
+            var validate = $.extend(this.defaults, settings.validate || (function () {
+                if (!analyze.el.is('[data-ajax-validate]')) return;
+                var attr = analyze.el.data('ajaxValidate');
+                if (attr === false) return {
+                    keys: false,
+                    url: false,
+                    form: false
+                }; else if (typeof attr === 'object') return attr;
+            })() || {});
+
+            var passEvent = false;
+            if (analyze.el.attr('data-ajax-pass') !== undefined) {
+                passEvent = analyze.el.data('ajaxPass');
+                passEvent = typeof passEvent === 'bool' ? passEvent : true;
+            }
+
+            if (validate.keys) {
+                // thx to @vrana
+                var explicitNoAjax = e.button || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey;
+
+                if (analyze.form) {
+                    if (explicitNoAjax && analyze.isSubmit) {
+                        this.explicitNoAjax = true;
+                        return false;
+                    } else if (analyze.isForm && this.explicitNoAjax) {
+                        this.explicitNoAjax = false;
+                        return false;
+                    }
+                } else if (explicitNoAjax) return false;
+            }
+
+            if (validate.form && analyze.form) {
+                if (analyze.isSubmit || analyze.isImage) {
+                    analyze.form.get(0)["nette-submittedBy"] = analyze.el.get(0);
+                }
+                var notValid;
+                if ((typeof Nette.version === 'undefined' || Nette.version == '2.3')) { // Nette 2.3 and older
+                    var ie = this.ie();
+                    notValid = (analyze.form.get(0).onsubmit && analyze.form.get(0).onsubmit((typeof ie !== 'undefined' && ie < 9) ? undefined : e) === false);
+                } else { // Nette 2.4 and up
+                    notValid = ((analyze.form.get(0).onsubmit ? analyze.form.triggerHandler('submit') : Nette.validateForm(analyze.form.get(0))) === false)
+                }
+                if (notValid) {
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    return false;
+                }
+            }
+
+            if (validate.url) {
+                // thx to @vrana
+                var urlToValidate = analyze.form ? settings.url : analyze.el.attr('href');
+                // Check if URL is absolute
+                if (/(?:^[a-z][a-z0-9+.-]*:|\/\/)/.test(urlToValidate)) {
+                    // Parse absolute URL
+                    var parsedUrl = new URL(urlToValidate);
+                    if (/:|^#/.test(parsedUrl['pathname'] + parsedUrl['search'] + parsedUrl['hash'])) return false;
+                } else {
+                    if (/:|^#/.test(urlToValidate)) return false;
+                }
+            }
+
+            if (!passEvent) {
+                e.stopPropagation();
+                e.preventDefault();
+                xhr._returnFalse = true; // for IE 8
+            }
+            return true;
+        }
+    }, {
+        defaults: {
+            keys: true,
+            url: true,
+            form: true
+        },
+        explicitNoAjax: false,
+        ie: function (undefined) { // http://james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/
+            var v = 3;
+            var div = document.createElement('div');
+            var all = div.getElementsByTagName('i');
+            while (
+                div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
+                    all[0]
+                );
+            return v > 4 ? v : undefined;
+        }
+    });
+
+    $.nette.ext('forms', {
+        init: function () {
+            var snippets;
+            if (!window.Nette || !(snippets = this.ext('snippets'))) return;
+
+            snippets.after(function ($el) {
+                $el.find('form').each(function() {
+                    window.Nette.initForm(this);
+                });
+            });
+        },
+        prepare: function (settings) {
+            var analyze = settings.nette;
+            if (!analyze || !analyze.form) return;
+            var e = analyze.e;
+            var originalData = settings.data || {};
+            var data = {};
+
+            if (analyze.isSubmit) {
+                data[analyze.el.attr('name')] = analyze.el.val() || '';
+            } else if (analyze.isImage) {
+                var offset = analyze.el.offset();
+                var name = analyze.el.attr('name');
+                var dataOffset = [ Math.max(0, e.pageX - offset.left), Math.max(0, e.pageY - offset.top) ];
+
+                if (name.indexOf('[', 0) !== -1) { // inside a container
+                    data[name] = dataOffset;
+                } else {
+                    data[name + '.x'] = dataOffset[0];
+                    data[name + '.y'] = dataOffset[1];
+                }
+            }
+
+            // https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects#Sending_files_using_a_FormData_object
+            var formMethod = analyze.form.attr('method');
+            if (formMethod && formMethod.toLowerCase() === 'post' && 'FormData' in window) {
+                var formData = new FormData(analyze.form[0]);
+                for (var i in data) {
+                    formData.append(i, data[i]);
+                }
+
+                if (typeof originalData !== 'string') {
+                    for (var i in originalData) {
+                        formData.append(i, originalData[i]);
+                    }
+                }
+
+                // remove empty file inputs as these causes Safari 11 to stall
+                // https://stackoverflow.com/questions/49672992/ajax-request-fails-when-sending-formdata-including-empty-file-input-in-safari
+                if (formData.entries && navigator.userAgent.match(/version\/11(\.[0-9]*)? safari/i)) {
+                    for (var pair of formData.entries()) {
+                        if (pair[1] instanceof File && pair[1].name === '' && pair[1].size === 0) {
+                            formData.delete(pair[0]);
+                        }
+                    }
+                }
+
+                settings.data = formData;
+                settings.processData = false;
+                settings.contentType = false;
+            } else {
+                if (typeof originalData !== 'string') {
+                    originalData = $.param(originalData);
+                }
+                data = $.param(data);
+                settings.data = analyze.form.serialize() + (data ? '&' + data : '') + '&' + originalData;
+            }
+        }
+    });
+
+// default snippet handler
+    $.nette.ext('snippets', {
+        success: function (payload) {
+            if (payload.snippets) {
+                this.updateSnippets(payload.snippets);
+            }
+        }
+    }, {
+        beforeQueue: $.Callbacks(),
+        afterQueue: $.Callbacks(),
+        completeQueue: $.Callbacks(),
+        before: function (callback) {
+            this.beforeQueue.add(callback);
+        },
+        after: function (callback) {
+            this.afterQueue.add(callback);
+        },
+        complete: function (callback) {
+            this.completeQueue.add(callback);
+        },
+        updateSnippets: function (snippets, back) {
+            var that = this;
+            var elements = [];
+            for (var i in snippets) {
+                var $el = this.getElement(i);
+                if ($el.get(0)) {
+                    elements.push($el.get(0));
+                }
+                this.updateSnippet($el, snippets[i], back);
+            }
+            $(elements).promise().done(function () {
+                that.completeQueue.fire();
+            });
+        },
+        updateSnippet: function ($el, html, back) {
+            // Fix for setting document title in IE
+            if ($el.is('title')) {
+                document.title = html;
+            } else {
+                this.beforeQueue.fire($el);
+                this.applySnippet($el, html, back);
+                this.afterQueue.fire($el);
+            }
+        },
+        getElement: function (id) {
+            return $('#' + this.escapeSelector(id));
+        },
+        applySnippet: function ($el, html, back) {
+            if (!back && $el.is('[data-ajax-append]')) {
+                $el.append(html);
+            } else if (!back && $el.is('[data-ajax-prepend]')) {
+                $el.prepend(html);
+            } else if ($el.html() != html || /<[^>]*script/.test(html)) {
+                $el.html(html);
+            }
+        },
+        escapeSelector: function (selector) {
+            // thx to @uestla (https://github.com/uestla)
+            return selector.replace(/[\!"#\$%&'\(\)\*\+,\.\/:;<=>\?@\[\\\]\^`\{\|\}~]/g, '\\$&');
+        }
+    });
+
+// support $this->redirect()
+    $.nette.ext('redirect', {
+        success: function (payload) {
+            if (payload.redirect) {
+                window.location.href = payload.redirect;
+                return false;
+            }
+        }
+    });
+
+// current page state
+    $.nette.ext('state', {
+        success: function (payload) {
+            if (payload.state) {
+                this.state = payload.state;
+            }
+        }
+    }, {state: null});
+
+// abort last request if new started
+    $.nette.ext('unique', {
+        start: function (xhr) {
+            if (this.xhr) {
+                this.xhr.abort();
+            }
+            this.xhr = xhr;
+        },
+        complete: function () {
+            this.xhr = null;
+        }
+    }, {xhr: null});
+
+// option to abort by ESC (thx to @vrana)
+    $.nette.ext('abort', {
+        init: function () {
+            $('body').keydown($.proxy(function (e) {
+                if (this.xhr && (e.keyCode.toString() === '27' // Esc
+                    && !(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey))
+                ) {
+                    this.xhr.abort();
+                }
+            }, this));
+        },
+        start: function (xhr) {
+            this.xhr = xhr;
+        },
+        complete: function () {
+            this.xhr = null;
+        }
+    }, {xhr: null});
+
+    $.nette.ext('load', {
+        success: function () {
+            $.nette.load();
+        }
+    });
+
+// default ajaxification (can be overridden in init())
+    $.nette.ext('init', {
+        load: function (rh) {
+            $(this.linkSelector).off('click.nette', rh).on('click.nette', rh);
+            $(this.formSelector).off('submit.nette', rh).on('submit.nette', rh)
+                .off('click.nette', ':image', rh).on('click.nette', ':image', rh)
+                .off('click.nette', ':submit', rh).on('click.nette', ':submit', rh);
+            $(this.buttonSelector).closest('form')
+                .off('click.nette', this.buttonSelector, rh).on('click.nette', this.buttonSelector, rh);
+        }
+    }, {
+        linkSelector: 'a.ajax',
+        formSelector: 'form.ajax',
+        buttonSelector: 'input.ajax[type="submit"], button.ajax[type="submit"], input.ajax[type="image"]'
+    });
+
+})(window, window.jQuery);
diff --git a/www/assets/script/netteForms.min.js b/www/assets/script/netteForms.min.js
new file mode 100644
index 0000000..2141e92
--- /dev/null
+++ b/www/assets/script/netteForms.min.js
@@ -0,0 +1,22 @@
+(function(p,d){if(p.JSON)if("function"===typeof define&&define.amd)define(function(){return d(p)});else if("object"===typeof module&&"object"===typeof module.exports)module.exports=d(p);else{var u=!p.Nette||!p.Nette.noInit;p.Nette=d(p);u&&p.Nette.initOnLoad()}})("undefined"!==typeof window?window:this,function(p){var d={},u={},r={},x=new p.WeakMap;d.formErrors=[];d.version="3.3.0";d.invalidNumberMessage="Please enter a valid value.";d.onDocumentReady=function(a){"loading"!==document.readyState?a.call(this):
+document.addEventListener("DOMContentLoaded",a)};d.getValue=function(a){var b;if(a){if(a.tagName){if("radio"===a.type){var c=a.form.elements;for(b=0;b<c.length;b++)if(c[b].name===a.name&&c[b].checked)return c[b].value;return null}if("file"===a.type)return a.files||a.value;if("select"===a.tagName.toLowerCase()){b=a.selectedIndex;c=a.options;var e=[];if("select-one"===a.type)return 0>b?null:c[b].value;for(b=0;b<c.length;b++)c[b].selected&&e.push(c[b].value);return e}if(a.name&&"[]"===a.name.substr(-2)){c=
+a.form.elements[a.name].tagName?[a]:a.form.elements[a.name];e=[];for(b=0;b<c.length;b++)("checkbox"!==c[b].type||c[b].checked)&&e.push(c[b].value);return e}return"checkbox"===a.type?a.checked:"textarea"===a.tagName.toLowerCase()?a.value.replace("\r",""):a.value.replace("\r","").replace(/^\s+|\s+$/g,"")}return a[0]?d.getValue(a[0]):null}return null};d.getEffectiveValue=function(a,b){var c=d.getValue(a);a.getAttribute&&c===a.getAttribute("data-nette-empty-value")&&(c="");b&&void 0===u[a.name]&&(u[a.name]=
+!0,b={value:c},d.validateControl(a,null,!0,b),c=b.value,delete u[a.name]);return c};d.validateControl=function(a,b,c,e,f){a=a.tagName?a:a[0];b=b||JSON.parse(a.getAttribute("data-nette-rules")||"[]");e=void 0===e?{value:d.getEffectiveValue(a)}:e;f=void 0===f?!d.validateRule(a,":filled",null,e):f;for(var g=0,q=b.length;g<q;g++){var h=b[g],k=h.op.match(/(~)?([^?]+)/),n=h.control?a.form.elements.namedItem(h.control):a;h.neg=k[1];h.op=k[2];h.condition=!!h.rules;if(n&&(!f||h.condition||":filled"===h.op)&&
+(n=n.tagName?n:n[0],k=d.validateRule(n,h.op,h.arg,a===n?e:void 0),null!==k))if(h.neg&&(k=!k),h.condition&&k){if(!d.validateControl(a,h.rules,c,e,":blank"===h.op?!1:f))return!1}else if(!h.condition&&!k&&!d.isDisabled(n)){if(!c){var w=Array.isArray(h.arg)?h.arg:[h.arg];b=h.msg.replace(/%(value|\d+)/g,function(l,m){return d.getValue("value"===m?n:a.form.elements.namedItem(w[m].control))});d.addError(n,b)}return!1}}return!0};d.validateForm=function(a,b){a=a.form||a;var c=!1;d.formErrors=[];if(a["nette-submittedBy"]&&
+null!==a["nette-submittedBy"].getAttribute("formnovalidate"))if(c=JSON.parse(a["nette-submittedBy"].getAttribute("data-nette-validation-scope")||"[]"),c.length)c=new RegExp("^("+c.join("-|")+"-)");else return d.showFormErrors(a,[]),!0;var e={},f;for(f=0;f<a.elements.length;f++){var g=a.elements[f];if(!g.tagName||g.tagName.toLowerCase()in{input:1,select:1,textarea:1,button:1}){if("radio"===g.type){if(e[g.name])continue;e[g.name]=!0}else if("number"===g.type&&g.validity.badInput&&!d.isDisabled(g)){if(b)return!1;
+d.addError(g,d.invalidNumberMessage);continue}if(!(c&&!g.name.replace(/]\[|\[|]|$/g,"-").match(c)||d.isDisabled(g)||d.validateControl(g,null,b)||d.formErrors.length))return!1}}b=!d.formErrors.length;d.showFormErrors(a,d.formErrors);return b};d.isDisabled=function(a){if("radio"===a.type){for(var b=0,c=a.form.elements;b<c.length;b++)if(c[b].name===a.name&&!c[b].disabled)return!1;return!0}return a.disabled};d.addError=function(a,b){d.formErrors.push({element:a,message:b})};d.showFormErrors=function(a,
+b){a=[];for(var c,e=0;e<b.length;e++){var f=b[e].element,g=b[e].message;0>a.indexOf(g)&&(a.push(g),!c&&f.focus&&(c=f))}a.length&&d.showModal(a.join("\n"),function(){c&&c.focus()})};d.showModal=function(a,b){var c=document.createElement("dialog");if(c.showModal){var e=document.createElement("style");e.innerText=".netteFormsModal { text-align: center; margin: auto; border: 2px solid black; padding: 1rem } .netteFormsModal button { padding: .1em 2em }";var f=document.createElement("button");f.innerText=
+"OK";f.onclick=function(){c.remove();b()};c.setAttribute("class","netteFormsModal");c.innerText=a+"\n\n";c.append(e,f);document.body.append(c);c.showModal()}else alert(a),b()};d.validateRule=function(a,b,c,e){if("number"===a.type&&a.validity.badInput)return"filled"===b;e=void 0===e?{value:d.getEffectiveValue(a,!0)}:e;":"===b.charAt(0)&&(b=b.substr(1));b=b.replace("::","_");b=b.replace(/\\/g,"");for(var f=Array.isArray(c)?c.slice(0):[c],g=0,q=f.length;g<q;g++)if(f[g]&&f[g].control){var h=a.form.elements.namedItem(f[g].control);
+f[g]=h===a?e.value:d.getEffectiveValue(h,!0)}return d.validators[b]?d.validators[b](a,Array.isArray(c)?f:f[0],e.value,e):null};d.validators={filled:function(a,b,c){return""!==c&&!1!==c&&null!==c&&(!Array.isArray(c)||!!c.length)&&(!(c instanceof FileList)||c.length)},blank:function(a,b,c){return!d.validators.filled(a,b,c)},valid:function(a){return d.validateControl(a,null,!0)},equal:function(a,b,c){if(void 0===b)return null;a=function(h){return"number"===typeof h||"string"===typeof h?""+h:!0===h?"1":
+""};c=Array.isArray(c)?c:[c];b=Array.isArray(b)?b:[b];var e=0,f=c.length;a:for(;e<f;e++){for(var g=0,q=b.length;g<q;g++)if(a(c[e])===a(b[g]))continue a;return!1}return 0<c.length},notEqual:function(a,b,c){return void 0===b?null:!d.validators.equal(a,b,c)},minLength:function(a,b,c){return c.length>=b},maxLength:function(a,b,c){return c.length<=b},length:function(a,b,c){b=Array.isArray(b)?b:[b,b];return(null===b[0]||c.length>=b[0])&&(null===b[1]||c.length<=b[1])},email:function(a,b,c){return/^("([ !#-[\]-~]|\\[ -~])+"|[-a-z0-9!#$%&'*+/=?^_`{|}~]+(\.[-a-z0-9!#$%&'*+/=?^_`{|}~]+)*)@([0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)+[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?$/i.test(c)},
+url:function(a,b,c,e){/^[a-z\d+.-]+:/.test(c)||(c="https://"+c);return/^https?:\/\/((([-_0-9a-z\u00C0-\u02FF\u0370-\u1EFF]+\.)*[0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)?[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}|\[[0-9a-f:]{3,39}\])(:\d{1,5})?(\/\S*)?$/i.test(c)?(e.value=c,!0):!1},regexp:function(a,b,c){a="string"===typeof b?b.match(/^\/(.*)\/([imu]*)$/):
+!1;try{return a&&(new RegExp(a[1],a[2].replace("u",""))).test(c)}catch(e){}},pattern:function(a,b,c,e,f){if("string"!==typeof b)return null;try{try{var g=new RegExp("^(?:"+b+")$",f?"ui":"u")}catch(q){g=new RegExp("^(?:"+b+")$",f?"i":"")}if(c instanceof FileList){for(a=0;a<c.length;a++)if(!g.test(c[a].name))return!1;return!0}return g.test(c)}catch(q){}},patternCaseInsensitive:function(a,b,c){return d.validators.pattern(a,b,c,null,!0)},numeric:function(a,b,c){return/^[0-9]+$/.test(c)},integer:function(a,
+b,c){return/^-?[0-9]+$/.test(c)},"float":function(a,b,c,e){c=c.replace(/ +/g,"").replace(/,/g,".");return/^-?[0-9]*\.?[0-9]+$/.test(c)?(e.value=c,!0):!1},min:function(a,b,c){Number.isFinite(b)&&(c=parseFloat(c));return c>=b},max:function(a,b,c){Number.isFinite(b)&&(c=parseFloat(c));return c<=b},range:function(a,b,c){return Array.isArray(b)?"time"===a.type&&b[0]>b[1]?c>=b[0]||c<=b[1]:(null===b[0]||d.validators.min(a,b[0],c))&&(null===b[1]||d.validators.max(a,b[1],c)):null},submitted:function(a){return a.form["nette-submittedBy"]===
+a},fileSize:function(a,b,c){for(a=0;a<c.length;a++)if(c[a].size>b)return!1;return!0},mimeType:function(a,b,c){b=Array.isArray(b)?b:[b];for(var e=0,f=b.length,g=[];e<f;e++)g.push("^"+b[e].replace(/([^\w])/g,"\\$1").replace("\\*",".*")+"$");g=new RegExp(g.join("|"));if(c instanceof FileList)for(e=0;e<c.length;e++){if(c[e].type&&!g.test(c[e].type))return!1;if(a.validity.badInput)return null}return!0},image:function(a,b,c){return d.validators.mimeType(a,b||["image/gif","image/png","image/jpeg","image/webp"],
+c)},"static":function(a,b){return b}};d.toggleForm=function(a,b){var c;r={};for(c=0;c<a.elements.length;c++)a.elements[c].tagName.toLowerCase()in{input:1,select:1,textarea:1,button:1}&&d.toggleControl(a.elements[c],null,null,!b);for(c in r)d.toggle(c,r[c].state,r[c].elem,b)};d.toggleControl=function(a,b,c,e,f,g){b=b||JSON.parse(a.getAttribute("data-nette-rules")||"[]");f=void 0===f?{value:d.getEffectiveValue(a)}:f;g=void 0===g?!d.validateRule(a,":filled",null,f):g;for(var q=!1,h=function(y){d.toggleForm(a.form,
+y)},k,n=0,w=b.length;n<w;n++){var l=b[n];k=l.op.match(/(~)?([^?]+)/);var m=l.control?a.form.elements.namedItem(l.control):a;l.neg=k[1];l.op=k[2];l.condition=!!l.rules;if(m&&(!g||l.condition||":filled"===l.op)){k=c;if(!1!==c){k=d.validateRule(m,l.op,l.arg,a===m?f:void 0);if(null===k)continue;else l.neg&&(k=!k);l.condition||(c=k)}if(l.condition&&d.toggleControl(a,l.rules,k,e,f,":blank"===l.op?!1:g)||l.toggle){q=!0;if(e){var z=m.tagName?m.name:m[0].name;m=m.tagName?m.form.elements:m;for(var t=0;t<m.length;t++)m[t].name!==
+z||x.has(m[t])||(m[t].addEventListener("change",h),x.set(m[t],null))}for(var v in l.toggle||[])r[v]=r[v]||{elem:a},r[v].state=r[v].state||(l.toggle[v]?k:!k)}}}return q};d.toggle=function(a,b,c,e){/^\w[\w.:-]*$/.test(a)&&(a="#"+a);a=document.querySelectorAll(a);for(c=0;c<a.length;c++)a[c].hidden=!b};d.compactCheckboxes=function(a){var b,c={};for(b=0;b<a.elements.length;b++){var e=a.elements[b];if(e.tagName&&"input"===e.tagName.toLowerCase()&&"checkbox"===e.type){if(e.name&&"[]"===e.name.substr(-2)){var f=
+e.name.substr(0,e.name.length-2);e.removeAttribute("name");e.setAttribute("data-nette-name",f)}if(f=e.getAttribute("data-nette-name"))c[f]=c[f]||[],e.checked&&!e.disabled&&c[f].push(e.value)}}for(f in c)void 0===a.elements[f]&&(e=document.createElement("input"),e.setAttribute("name",f),e.setAttribute("type","hidden"),a.append(e)),a.elements[f].value=c[f].join(","),a.elements[f].disabled=0===c[f].length};d.initForm=function(a){"get"===a.method&&a.hasAttribute("data-nette-compact")&&a.addEventListener("submit",
+function(){d.compactCheckboxes(a)});a:{for(var b=0;b<a.elements.length;b++)if(a.elements[b].getAttribute("data-nette-rules"))break a;return}d.toggleForm(a);a.noValidate||(a.noValidate=!0,a.addEventListener("submit",function(c){d.validateForm(a)||(c.stopPropagation(),c.preventDefault())}),a.addEventListener("reset",function(){setTimeout(function(){d.toggleForm(a)})}))};d.initOnLoad=function(){d.onDocumentReady(function(){for(var a=0;a<document.forms.length;a++)d.initForm(document.forms[a]);document.body.addEventListener("click",
+function(b){for(b=b.target;b;){if(b.form&&b.type in{submit:1,image:1}){b.form["nette-submittedBy"]=b;break}b=b.parentNode}})})};d.webalize=function(a){a=a.toLowerCase();var b="",c;for(c=0;c<a.length;c++){var e=d.webalizeTable[a.charAt(c)];b+=e?e:a.charAt(c)}return b.replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")};d.webalizeTable={"\u00e1":"a","\u00e4":"a","\u010d":"c","\u010f":"d","\u00e9":"e","\u011b":"e","\u00ed":"i","\u013e":"l","\u0148":"n","\u00f3":"o","\u00f4":"o","\u0159":"r","\u0161":"s",
+"\u0165":"t","\u00fa":"u","\u016f":"u","\u00fd":"y","\u017e":"z"};return d});
diff --git a/www/assets/script/template/header.ts b/www/assets/script/template/header.ts
index 6e4834a..7bd2ebc 100644
--- a/www/assets/script/template/header.ts
+++ b/www/assets/script/template/header.ts
@@ -18,3 +18,26 @@ export function headerScroll() {
 
 }
 headerScroll();
+
+export function showLogin() {
+    const iconUserDivClass = '.js-show-login';
+    const loginDivClass = '.login', loginDivClassModifier = 'login--active';
+    const iconCrossClass = '.login__icon-cross';
+    const scrollDisabledClass = 'scroll-disabled';
+
+    const iconUserDiv = document.querySelector(iconUserDivClass);
+    const loginDiv = document.querySelector(loginDivClass);
+    const iconCross = document.querySelector(iconCrossClass);
+    const bodyTag = document.querySelector("body");
+
+    iconUserDiv.addEventListener('click', () => {
+        loginDiv.classList.add(loginDivClassModifier);
+        bodyTag.classList.add(scrollDisabledClass);
+    });
+
+    iconCross.addEventListener('click', () => {
+        loginDiv.classList.remove(loginDivClassModifier);
+        bodyTag.classList.remove(scrollDisabledClass);
+    });
+}
+showLogin();
diff --git a/www/assets/style/template/default/button.scss b/www/assets/style/template/default/button.scss
index 68a8f85..71da25c 100644
--- a/www/assets/style/template/default/button.scss
+++ b/www/assets/style/template/default/button.scss
@@ -58,3 +58,29 @@
     transition: $transition-medium;
   }
 }
+
+.input-colored {
+
+}
+
+.input-secondary {
+  @include font-light-thin-sans-serif;
+  border: 1px solid $color-gray-light;
+  background: transparent;
+  font-size: $text-medium;
+  padding: 10px 20px;
+  border-radius: 10px;
+  width: 100%;
+  outline: none;
+  transition: $transition-medium;
+
+  &:focus {
+    border: 1px solid $color-tertiary;
+    transition: $transition-medium;
+  }
+}
+
+.label-required {
+  @include font-colored-thin-sans-serif;
+  margin-left: 3px;
+}
diff --git a/www/assets/style/template/default/header.scss b/www/assets/style/template/default/header.scss
index e609c4c..fe193e1 100644
--- a/www/assets/style/template/default/header.scss
+++ b/www/assets/style/template/default/header.scss
@@ -2,7 +2,7 @@
   width: 100%;
   padding: 15px 0;
   position: fixed;
-  z-index: 10;
+  z-index: 2;
   transition: $transition-medium;
 
   &--active {
@@ -94,6 +94,11 @@
         transition: $transition-medium;
       }
     }
+
+    &--alternative {
+      display: inline-block;
+      cursor: pointer;
+    }
   }
 
   &__language-block {
diff --git a/www/assets/style/template/default/login.scss b/www/assets/style/template/default/login.scss
new file mode 100644
index 0000000..27b72cc
--- /dev/null
+++ b/www/assets/style/template/default/login.scss
@@ -0,0 +1,119 @@
+.login {
+  position: absolute;
+  z-index: 3;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  visibility: hidden;
+  opacity: 0;
+  transition: $transition-medium;
+
+  &--active {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  &__block {
+    border-radius: 15px;
+    padding: 30px 30px 40px 30px;
+    background: $shader-stronger;
+    border: 1px solid $color-orange-dark;
+    width: 500px;
+    position: relative;
+  }
+
+  &__heading {
+     @include font-light-thin-sans-serif;
+     text-align: center;
+     font-size: $heading-big;
+     margin-bottom: 10px;
+  }
+
+  &__form-item:not(:last-child) {
+     margin-bottom: 20px;
+  }
+
+  &__label {
+    @include font-light-thin-sans-serif;
+    font-size: $text-medium;
+    margin-bottom: 10px;
+    cursor: pointer;
+    transition: $transition-medium;
+    padding-left: 10px;
+
+    &:hover {
+      @include font-colored-thin-sans-serif;
+      transition: $transition-medium;
+    }
+  }
+
+  &__links {
+    margin-top: 15px;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &__register {
+    @include font-light-thin-sans-serif;
+    text-decoration: none;
+    font-size: $text-medium;
+    text-transform: uppercase;
+    transition: $transition-medium;
+
+    &:hover {
+      @include font-colored-thin-sans-serif;
+      transition: $transition-medium;
+    }
+  }
+
+  &__forgot {
+    @include font-light-thin-sans-serif;
+    font-size: $text-medium;
+    text-transform: uppercase;
+    transition: $transition-medium;
+    cursor: pointer;
+
+    &:hover {
+      @include font-colored-thin-sans-serif;
+      transition: $transition-medium;
+    }
+  }
+
+  &__icon-cross {
+     position: absolute;
+     top: 30px;
+     right: 30px;
+     fill: $color-secondary;
+     width: 20px;
+     height: 20px;
+     cursor: pointer;
+     transition: $transition-medium;
+
+     &:hover{
+       fill: $color-tertiary;
+       transition: $transition-medium;
+    }
+  }
+
+  &__label-wrap {
+     display: flex;
+  }
+
+  &__button-wrap {
+    display: flex;
+    justify-content: center;
+    margin-top: 40px;
+  }
+
+  &__message {
+    @include font-light-thin-sans-serif;
+    margin: 20px 0 10px 0;
+    text-align: center;
+    font-size: $text-medium;
+
+    &--error {
+      color: $color-red-light;
+    }
+  }
+}
diff --git a/www/assets/style/template/template.scss b/www/assets/style/template/template.scss
index bff4ce1..8991e11 100644
--- a/www/assets/style/template/template.scss
+++ b/www/assets/style/template/template.scss
@@ -1,3 +1,4 @@
 @import 'default/header';
 @import 'default/button';
 @import 'default/footer';
+@import 'default/login';
diff --git a/www/assets/style/variable.scss b/www/assets/style/variable.scss
index 16ab7a9..71ba53f 100644
--- a/www/assets/style/variable.scss
+++ b/www/assets/style/variable.scss
@@ -10,6 +10,7 @@ $color-gray: #1c1c1c;
 $color-gray-dark: #0a0a0a;
 
 $color-orange-dark: #3f2c00;
+$color-red-light: #ff7f7f;
 
 $font-primary: #000000;
 $font-secondary: #E6E6E6;
diff --git a/www/main.scss b/www/main.scss
index 08a5137..7c02d46 100644
--- a/www/main.scss
+++ b/www/main.scss
@@ -25,6 +25,12 @@ span {
   max-width: 1200px;
 }
 
+.shader-softest {
+  background: $shader-softest;
+  height: 100%;
+  width: 100%;
+}
+
 .shader-soft {
   background: $shader-soft;
   height: 100%;
@@ -65,3 +71,6 @@ span {
   cursor: default;
 }
 
+.scroll-disabled {
+  overflow-y: hidden;
+}