{% 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 }}

	{% set section = get_section(path="software/_index.md") %}
	{% if section.pages %}
		<h2>Doporučené nástroje</h2>
		<section class="software">
		{% for program in section.pages %}
			<div class="program">
				<img src="/software/{{ program.extra.logo }}" alt="{{ program.title }}">
				<p>{{ program.description }}</p>
				{% if program.extra.positive and program.extra.negative %}
				<div>
					<ul>
					{% for item in program.extra.positive %}
						<li>{{ item }}</li>
					{% endfor %}
					</ul>
					<ul>
					{% for item in program.extra.negative %}
						<li>{{ item }}</li>
					{% endfor %}
					</ul>
				</div>
				{% endif %}
			</div>
		{% endfor %}
		</section>
	{% endif %}
{% endblock %}