{% if item is not null and item.isShowPage %}
    <section class="section section-keys bg-greengrey py-5">
        <div class="container">
            <div class="row gap-3 gap-lg-5 flex-column flex-md-row">
                <div class="col">
                    {% if item is not null %}
                        <div class="section-head section-headLeft">
                            <h2>{{ item.name }}</h2>
                            <p>{{ item.subTitle }}</p>
                            <a href="{{ path('app_front_cms_page', {id: item.id, slug: item.slug}) }}"
                               class="btn btn-green">En savoir plus</a>
                        </div>
                    {% endif %}
                </div>
                <div class="listing-keys d-flex col flex-wrap ">
                    {% for elt in entities %}
                        <div class="key">
                            <div class="key-content">
                                <div class="icon-key">
                                    {% if elt.thumbnail is not null and file_exists(elt.thumbnail.url) %}
                                        <img alt="" src="{{ asset(elt.thumbnail.url) }}"/>
                                    {% else %}
                                        <img alt="" src="{{ asset('vendors/assets/img/icon-piggy-bank.svg') }}"/>
                                    {% endif %}
                                </div>
                                <div class="text-key">
                                    <span class="value-key">{{ elt.name }}</span>
                                    <span class="label-key">{{ elt.description|raw }}</span>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </section>
{% endif %}