templates/web/pages/discussion-detail.html.twig line 1

{% extends 'web/base.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('spawn-comment-section') }}
    {{ encore_entry_script_tags('new-comment-handler') }}
{% endblock %}

{% block body %}
    <section>
        <div class="container container--smaller">
            <div class="row">
                <div class="col-12">
                    <h1>Diskuse nad tématem {{category.name}}</h1>
                </div>
                {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                    <div class="col-12">
                        <div class="discussion-banner mb-2">
                            <h4 class="discussion-banner__text">Přidat příspěvek:</h4>
                            <textarea name="" id="" cols="30" rows="10" class="textarea discussion-banner__textarea"></textarea>
                            <input type="hidden" name="category" class="category-id" value="{{ category.id }}">

                            {#
                            <div class="d-flex align-items-center gap-2">
                                <input type="checkbox" class="imageShow" id="imageShow">
                                <label for="imageShow">Chci připojit přílohu (maximální velikost souboru je 10 MB)</label>
                            </div>
                            <div class="align-items-center gap-2 styled-uploader" style="display: none">
                                <input type="file" name="image" class="image-uploader-input" multiple>
                            </div>
                            #}

                            <button class="btn-black submit-new-comment">Odeslat</button>
                            
                            <a class="link d-block mt-4" href="/pravidla-diskuse">Pravidla diskuse</a>
                        </div>

                        {#<div class="discussion-banner mt-0">
                             <ul class="discussion-banner__list">
                                <li>Odkaz na pravidla diskuze</a></li>
                            </ul> 
                        </div>#}
                    </div>
                {% else %}
                <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">Pravidla diskuse</a>
                        </div>
                        {# <h4 class="login-banner__text mt-6">Pravidla diskuze:</h4>
                        <ul class="login-banner__list">
                            <li><a href="/pravidla-diskuse">Odkaz na pravidla diskuze</a></li>
                        </ul> #}
                    </div>
                </div>

                {% endif %}
                <div class="col-12">
                    {% for comment in mainComments %}
                        {% include 'web/pages/_components/comment-box.html.twig' with {'comment' : comment} %}
                    {% endfor %}
                </div>
                {#
                <div class="col-12 text-center mb-10">
                    <div class="btn-transparent">Načíst další komentáře</div>
                </div>
                <div class="col-12 d-flex justify-content-center mb-10">
                    <div class="pagination">
                        <a href="#" class="pagination__link active">1</a>
                        <a href="#" class="pagination__link">2</a>
                        <a href="#" class="pagination__link">3</a>
                        <a href="#" class="pagination__link">
                            <img src="/build/svg/pagination-arrow.svg" alt="více">
                        </a>
                    </div>
                </div>
                #}

            </div>
        </div>
    </section>
{% endblock %}