{**
 * @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}/assets/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 Home:default}">Jednoduchý</a></li>
            <li><a href="{link Home:ipa}">s výslovnosťou</a></li>
            <li><a href="{link Home:interactive}">Interaktívny</a></li>
            <li><a href="{link Home: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>
<div id="content">
	{block form}
	<h2>Zadaj vyhladavany vyraz.</h2>
	{form searchForm}
	<table>
		<tr>
			<th>{label string /}</th><th>{label translation /}</th><th>{label clen /}</th>
		</tr>
		<tr>
			<td>{input string}</td><td>{input translation}</td><td>{input clen}</td><td>{input search}</td>
		</tr>
	</table>
	{/form}
	{/block}
	{include content}
</div>
</article>

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

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

	{block scripts}
	{/block}
</body>
</html>
