{% extends "index.html" %}

{% block content %}
	<section class="meta">
		<div>
			<h2>{{ page.title }}</h2>
			<p>{{ page.description }}</p>
		</div>
		{% if page.extra.mainimage %}
			<img src="{{ resize_image(path=page.extra.mainimage, width=500, height=500, op="fill") }}" alt="{{ page.extra.mainimage }}">
		{% endif %}
	</section>
	{{ page.content | safe }}

	{% if page.extra.softwarelist %}
		{% set section = get_section(path="software/_index.md") %}
		{% if section.pages %}
			<h3>Doporučené nástroje</h3>
			<section class="software">
			{% for program in section.pages %}
				{% if program.taxonomies.categories and program.taxonomies.categories is containing(page.slug) %}
					<div class="program">
						{% if program.extra.linkto %}
							<a href="{{ program.extra.linkto }}">
						{% else %}
							<a href="{{ program.permalink }}">
						{% endif %}
						{% if program.extra.logo %}
							<img src="/software/{{ program.extra.logo }}" alt="{{ program.title }}">
						{% else %}
							<h4>{{ program.title }}</h4>
						{% endif %}</a>
						<p>{{ program.description }}</p>
					</div>
				{% endif %}
			{% endfor %}
			</section>
		{% endif %}
	{% endif %}
{% endblock %}