{% block element_moorl_opening_hours %}
    <div class="cms-element-{{ element.type }}">
        <div class="card">
            <div class="card-body">
                {% block element_moorl_opening_hours_card %}
                    <div class="card-title">
                        {% block element_moorl_opening_hours_card_title %}
                            {% sw_icon 'clock' style {size:'xs', pack:'fas'} %}
                            {{ "moorl-foundation.card.openingHours"|trans }}
                        {% endblock %}
                    </div>

                    {% block element_moorl_opening_hours_card_body %}
                        {% sw_include '@MoorlFoundation/plugin/moorl-foundation/opening-hours.html.twig' with {
                            'openingHours': element.data.openingHours
                        } %}
                    {% endblock %}
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}