{% extends '@SyliusShop/layout.html.twig' %}

{% import '@SyliusUi/Macro/messages.html.twig' as messages %}

{% block content %}
    <section id="page-title">
        <div class="container">
            <div class="page-title">
                <h1>{{ 'sylius.ui.faqs'|trans }}</h1>
            </div>
            <div class="breadcrumb justify-content-center" style="background-color: transparent">
                <ul>
                    <li><a href="{{ path('sylius_shop_homepage') }}"><i class="fa fa-home"></i></a> </li>
                    <li class="active" aria-current="page">{{ 'sylius.ui.faqs'|trans }}</li>
                </ul>
            </div>
        </div>
    </section>

<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 m-auto">
                <div class="accordion toggle fancy radius clean">
                {% if resources|length > 0 %}
                    {% for frequentlyAskedQuestion in resources %}
                            {% include '@BitBagSyliusCmsPlugin/Shop/FrequentlyAskedQuestion/Index/_show.html.twig' %}
                    {% endfor %}
                {% else %}
                    {{ messages.info('sylius.ui.no_results_to_display') }}
                {% endif %}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}