{% 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 %}
			<h2>Doporučené nástroje</h2>
			<section class="software">
			{% for program in section.pages %}
				<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 %}
						<h2>{{ program.title }}</h2>
					{% endif %}</a>
					<p>{{ program.description }}</p>
					{% if program.extra.positive and program.extra.negative %}
						<div class="stats">
							<ul class="positive">
							{% for item in program.extra.positive %}
								<li>{{ item }}</li>
							{% endfor %}
							</ul>
							<ul class="negative">
							{% for item in program.extra.negative %}
								<li>{{ item }}</li>
							{% endfor %}
							</ul>
						</div>
					{% endif %}
				</div>
			{% endfor %}
			</section>
		{% endif %}
	{% endif %}
{% endblock %}