<div class="modal-content">
    <div id="wa-slot-{{ id }}">
        <dl>
            <dt>Tag/Uhrzeit</dt>
            <dd>{{ slot.time|date('d.m.Y H:i') }}</dd>

            <dt>Verfügbare Behälterkapazität</dt>
            <dd>{{ slot.behaelter }}</dd>

            <dt>Verarbeitete Sorten</dt>
            <dd>{{ slot.sorte|join(', ') }}</dd>
        </dl>

    </div>
</div>
<script>

    (function ($) {

        window.modals = window.modals || []
        window.modals.wa_slots = window.modals.wa_slots || []

        if (window.modals.wa_slots.details{{ id }} === undefined)
        {
            window.modals.wa_slots.details{{ id }} = new jBox('Modal', {
            closeButton: 'box',
            content: $('#wa-slot-{{ id }}'),
            maxWidth: 650,
            minWidth: 100,
            minHeight: 100,
            width: 650,
            addClass: ''
        }).open();
        } else {
            window.modals.wa_slots.details{{ id }}.content.empty();
            window.modals.wa_slots.details{{ id }}.setContent($('#wa-slot-{{ id }}')).open();
        }

    })(jQuery);
</script>