{% extends "web/base.html.twig" %}
{% block body %}
<section class="pt-7 bg-gray">
<div class="container container--smaller">
<div class="row">
<div class="col-12">
<h1>Diskuse</h1>
</div>
{% if is_granted('IS_AUTHENTICATED_FULLY') == false %}
<div class="col-12">
<div class="login-banner">
<h4 class="login-banner__text">Pokud se chcete diskuzí aktivně účastnit, musíte být přihlášení. Pokud nemáte účet, je potřeba se zaregistrovat.</h4>
<div class="login-banner__buttons">
<a href="#" class="btn-black nav-top__login">Přihlásit se</a>
<a href="#" class="btn-transparent nav-main__signin">Zaregistrovat se</a>
<a class="link" href="/pravidla-diskuse" target="_blank">Pravidla diskuse</a>
</div>
</div>
</div>
{% endif %}
{% set imagesArray = {
"voda-je-zivel":"/build/img/voda.jpg",
"boj-s-nemocemi":"/build/img/boj_s_nemocemi.jpg",
"priprava-na-valku":"/build/img/mobilizacei.jpg",
"blahobyt-v-krizi":"/build/img/mobilizace.jpg",
"prameny-online":"/build/img/prameny.jpg"
} %}
{% set descriptionArray = {
"voda-je-zivel":"Kolik jste ve vaší obci zažili povodní? Jaká protipovodňová opatření považujete za nejúčinnější? Byli jste někdy na exkurzi ve vodní elektrárně?",
"boj-s-nemocemi":"Kdo se má starat o zdraví – jednotlivec, nebo stát? Vyprávěli vám (pra)rodiče o pandemii španělské chřipky? Zažili jste hromadné očkování ve škole?",
"priprava-na-valku":"Měli jste ve škole brannou výchovu? Báli jste se za studené války, že dojde k jadernému útoku? Absolvovali jste povinnou vojenskou službu?",
"blahobyt-v-krizi":"Pamatujete si na měnovou reformu v roce 1953? Lze se na hospodářskou krizi připravit? Jaká finanční strategie se vám osvědčila?",
"prameny-online":"Zaujaly vás dobové matriky, kroniky, mapy nebo noviny online? Potřebujete s něčím poradit? Podělte se s námi o vaše zkušenosti a objevy."
} %}
{% for discusson in discussons %}
<div class="col-12">
<a href="{{ path("discussion_detail", {"id" : discusson.id}) }}" class="discussion-entry" target="_blank">
<img src="
{% if imagesArray[discusson.slug] is defined %}
{{ imagesArray[discusson.slug] }}
{% else %}
/build/img/discuss-entry.jpg
{% endif %}
" alt="" class="discussion-entry__image">
<div class="discussion-entry__box">
<h3 class="discussion-entry__heading">{{ discusson.name }}</h3>
<p class="discussion-entry__text">
{% if descriptionArray[discusson.slug] is defined %}
{{ descriptionArray[discusson.slug] }}
{% else %}
{# defaultní text #}
{% endif %}
</p>
<div class="btn-transparent">Vstoupit do diskuse</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="pb-10 pt-10 bg-gray">
<div class="container container--smaller">
<div class="row">
<div class="col-12">
<h2 class="mb-6">Poslední příspěvky v diskusích</h2>
</div>
{% for comment in recentComments %}
<div class="col-12 col-md-6 col-lg-4">
<a href="{{ path("discussion_detail", {"id" : comment.category.id}) }}" class="discussion-latest">
<h4 class="discussion-latest__title">{{ comment.category.name }}</h4>
<hr class="discussion-latest__divider">
<div class="discussion-latest__author">
<div class="discussion-latest__initial">{{ comment.client.name|slice(0, 2) }}</div>
<div class="discussion-latest__info">
<div class="discussion-latest__name">{{comment.client.name}}</div>
<div class="discussion-latest__time">{{ comment.submitted|date("d.m.Y, H:i") }}</div>
</div>
</div>
<p class="discussion-latest__message">
{{ comment.content }}
</p>
<div class="btn-transparent">Odpovědět</div>
</a>
</div>
{% endfor %}
{#
<div class="col-12 col-md-6 col-lg-4">
<a href="#" class="discussion-latest">
<h4 class="discussion-latest__title">Konzum v krizi</h4>
<hr class="discussion-latest__divider">
<div class="discussion-latest__author">
<div class="discussion-latest__initial">JN</div>
<div class="discussion-latest__info">
<div class="discussion-latest__name">Jan Novák</div>
<div class="discussion-latest__time">3.2.2021, 10:20</div>
</div>
</div>
<p class="discussion-latest__message">
Lorem ipsum dolor sit amet suscipit. Integer id odio dictum, condimentum sem ut, fringilla nisi. Suspendisse sit amet elit eu risus gravida faucibus. Vivamus tristique hendrerit quam, pulvinar finibus risus feugiat vel.
</p>
<div class="btn-transparent">Přidat se do diskuse</div>
</a>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a href="#" class="discussion-latest">
<h4 class="discussion-latest__title">Konzum v krizi</h4>
<hr class="discussion-latest__divider">
<div class="discussion-latest__author">
<div class="discussion-latest__initial">JN</div>
<div class="discussion-latest__info">
<div class="discussion-latest__name">Jan Novák</div>
<div class="discussion-latest__time">3.2.2021, 10:20</div>
</div>
</div>
<p class="discussion-latest__message">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, consectetur adipiscing elit. Nam euismod semper ex sit amet suscipit. Integer id odio dictum, condimentum sem ut, fringilla nisi. Suspendisse sit amet elit eu risus gravida faucibus. Vivamus tristique hendrerit quam, pulvinar finibus risus feugiat vel.
</p>
<div class="btn-transparent">Přidat se do diskuse</div>
</a>
</div>
#}
</div>
</div>
</section>
{% endblock %}