src/Tutorka/Bundle/ContentBundle/Resources/views/Static/guide.html.twig line 1

{% extends "@TutorkaCore/layout/standard_width_layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('build/css/static.css') }}">
{% endblock %}

{% block content %}
    <div class="row h-100 justify-content-center">
        <div class="col-12">
            <h1 class="main-heading text-center mb-4 mt-3">{{ 'staticPage.guide.title'|trans([], 'layout') }}</h1>
            <section class="guide-wrapper">
                <div class="row category-wrapper">
                    {% for section in list %}
                    <div class="col-1col-sm-6 col-md-4 col-lg-3">
                        <button class="btn btn-block btn-lg btn-outline-primary btn-radius category-button click-and-scroll" data-target="#section-{{ section.id }}">
                            <span class="category-name">
                                {{ section.title }}
                                {% if section.icon %}
                                    <span class="category-icon">
                                        <i class="fas fa-{{ section.icon }}"></i>
                                    </span>
                                {% endif %}
                            </span>
                        </button>
                    </div>
                    {% endfor %}
                </div>

                <div id="guide" class="content-wrapper">
                    {% for section in list %}
{#                        <h2 class="section-title">{{ section.title }}</h2>#}
                        <div class="mb-4" id="section-{{ section.id }}">
                            {% for subSection in section.subSections %}
                                <h3 class="subsection-title">{{ subSection.title }}</h3>
                                <div class="question-wrapper">
                                    {% for question in subSection.questions %}
                                        <button class="question-item btn btn-block btn-light collapsed" data-toggle="collapse" data-target="#question-{{ question.id }}" aria-expanded="false" aria-controls="question-{{ question.id }}">
                                            <p class="question-title" id="question-title-{{ question.id }}">{{ question.question }}</p>
                                            <p id="question-{{ question.id }}" class="question-answer collapse" aria-labelledby="question-title-{{ question.id }}" data-parent=".content-wrapper">
                                                {{ include(template_from_string(question.answer)) }}
                                            </p>
                                        </button>
                                    {% endfor %}
                                </div>
                            {% endfor %}
                        </div>
                    {% endfor %}
                </div>
            </section>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('build/js/page/base.js') }}"></script>
{% endblock %}

{% block footer %}
    {{ include('@TutorkaCore/footer.html.twig') }}
{% endblock %}