{% extends 'layouts/layoutAuth.twig' %}

{% block title %}{{ __('Setup Welcome') }}{% endblock %}

{% block content %}
		
	<div class="welcome">
	
		<div class="medium">
			<div class="welcomeIntro">
				<h1>{{ __('Hurra') }}!</h1>
				<p>{{ __('Your account has been created and you are logged in now.') }}</p>
				<p><strong>{{ __('Next step') }}:</strong> {{ __('Visit the author panel and setup your new website. You can configure the system, choose themes and add plugins.') }}</p>
				<p><strong>{{ __('Get help') }}:</strong> {{ __('If you have any questions, please read the') }} <a target="_blank" href="https://typemill.net/typemill"><i class="icon-link-ext"></i> {{ __('docs') }}</a> {{ __('or open a new issue on') }} <a target="_blank" href="https://github.com/typemill/typemill"><i class="icon-link-ext"></i> {{ __('github') }}</a>.</p>
				<p>{{ __('Coded with') }} <span style="font-size: 1.4em;color:#e0474c; margin:0px 3px">&#9829;</span> {{ __('by the') }} <a target="_blank" href="https://github.com/typemill/typemill">{{ __('community') }}</a> & <a target="_blank" href="https://trendschau.net/typemill-development"><i class="icon-link-ext"></i> {{ __('Trendschau Digital') }}</a>.</p>
			</div>
			<a class="button" href="{{ path_for('settings.show') }}">{{ __('Configure your website') }}</a>
 		</div>
		
		<div class="small">
			<div class="welcomeCard">
				<a href="{{ path_for('settings.show') }}">
					<div class="welcomeInner">
						<h3>{{ __('System') }}</h3>
						<p>{{ __('Give your new website a name, add the author and choose a copyright.') }}</p>				
					</div>
				</a>				
			</div>
			<div class="welcomeCard">
				<a href="{{ path_for('themes.show') }}">
					<div class="welcomeInner">
						<h3>{{ __('Themes') }}</h3>
						<p>{{ __('Choose a theme for your website and configure the theme details.') }}</p>
					</div>
				</a>
			</div>
			<div class="welcomeCard">
				<a href="{{ path_for('plugins.show') }}">
					<div class="welcomeInner">
						<h3>{{ __('Plugins') }}</h3>
						<p>{{ __('Add new features to your website with plugins and configure them.') }}</p>
					</div>
				</a>
			</div>
		</div>
		
	</div>
	
{% endblock %}