<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"SR-Ajax": "CommunityFriendsModule"}' hx-trigger="updateWaList from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>

    {% block content %}
        {% if slots is defined and slots|length %}
            <div class="list">
                {% for slot in slots %}
                    <div class="row">
                        <div class="flex align-items-center">
                            <div class="full half-500 third-900 time">
                                <span class="title">Tag/Uhrzeit</span>
                                {{ slot.time|date('d.m.Y H:i') }}
                            </div>
                            <div class="full half-500 fourth-900 behaelter">
                                <span class="title">Verfügbare Behälterkapazität</span>
                                {{ slot.behaelter }}
                            </div>
                            <div class="full two-third-500 fourth-900 rebsorten">
                                <span class="title">Verarbeitete Sorten</span>
                                {{ slot.sorte }}
                            </div>
                            <div class="full third-500 sixth-900 align-right action">
                                <a href="javascript:;" class="button">Anzeigen</a>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    {% endblock %}

</div>