{**
 * @param string   $basePath web base path
 * @param array    $flashes  flash messages
 *}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<title>{ifset title}{include title|striptags} | {/ifset}Nette Sandbox</title>

	<link rel="stylesheet" href="{$basePath}/css/style.css">
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<meta name="viewport" content="width=device-width">
	<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
	{block head}{/block}
</head>

<body>

<header>
    <hgroup>
        <h1>My Dictionary</h1>
        <h2>multilanguage dictionary with pronunciations</h2>
    </hgroup>
    <nav>
        <ul>
            <li><a href="{link Homepage:default}">Jednoduchý</a></li>
            <li><a href="{link Homepage:ipa}">s výslovnosťou</a></li>
            <li><a href="{link Homepage:interactive}">Interaktívny</a></li>
            <li><a href="{link Homepage:alphabet}">Abeceda</a></li>
        </ul>
    </nav>
    <a href="#" title="Jaro's Solutions homepage"><img src="logo.gif" alt="Jaro's Solutions" /></a>
</header>

<article>
	<h1 n:ifset="$title">{$title}</h1>

	<div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div>

	{include content}
</article>

<section>
	<h1>Slovníky</h1>
    <ul>
	{foreach $translations as $tr}
        	<li><a href="{link Homepage:select $tr["slug"] }">{$tr["lang"]}</a></li>
	{/foreach}
    </ul>
</section>

<footer>
	<p>&copy; 2016 Jaro's Solutions - <a href="#">Sitemap</a> </p>
</footer>

	{block scripts}
	<script src="https://nette.github.io/resources/js/netteForms.min.js"></script>
	<script src="{$basePath}/js/nette.ajax.js"></script>
	<script src="{$basePath}/js/main.js"></script>
	{/block}
</body>
</html>
