<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{% block title %}{{ config.title }}{% endblock title %}</title>
	<link rel="stylesheet" href="/style.css" type="text/css">
</head>
<body>

	<nav>
		<div class="mainnav">
			<h1><a href="/">Recepty na cesty</a></h1>
			<ul>
				<li><a href="/kategorie/">Kategorie</a></li>
				<li><a href="/tagy/">Tagy</a></li>
			</ul>
		</div>
		<div class="subnav">
			<ul>
				<li><a href="/kategorie/polevky/">Polévky</a></li>
				<li><a href="/kategorie/maso/">Maso</a></li>
				<li><a href="/kategorie/testoviny/">Těstoviny & Rýže</a></li>
				<li><a href="/kategorie/zelenina/">Zelenina</a></li>
				<li><a href="/kategorie/prilohy/">Přílohy</a></li>
				<li><a href="/kategorie/pomazanky/">Pomazánky</a></li>
				<li><a href="/kategorie/dezerty/">Dezerty</a></li>
				<li><a href="/kategorie/napoje/">Nápoje</a></li>
			</ul>
		</div>
	</nav>

	{% block content %}
	<main>
		<h2>Nejnovější recepty</h2>
		<hr>
		<section class="list">
			
			{% for page in paginator.pages %}
				<article>
				
					<a href="{{ page.permalink }}">
						{% set_global image_found = 0 %}
						{% for asset in page.assets %}
							{% if asset is matching("[img.](jpg|png)$") %}
								<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
								{% set_global image_found = 1 %}
								{% break %}
							{% endif %}
						{% endfor %}
						{% if image_found == 0 %}
							<img src="/temp.jpg" alt="Náhradní obrázek">
						{% endif %}
						{% set_global image_found = 0 %}
						{% if page.title %}<h3>{{ page.title }}</h3>{% endif %}
					</a>
					{% if page.date %}<span class="date">{{ page.date | date(format="%d.%m.%Y") }}</span>{% endif %}
				
				</article>
			{% endfor %}

		</section>
		
		<div class="pagination">
			{% if paginator.previous %}<a href="{{ paginator.previous }}">&laquo; Předchozí stránka</a> |{% endif %}
			<span>{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
  		{% if paginator.next %}| <a href="{{ paginator.next }}">Další stránka &raquo;</a>{% endif %}
		</div>
	
	</main>
	{% endblock content %}

</body>
</html>